#intro { margin-top: 0; background-image: url(/static/images/gpcosa/img.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; color: #fff; position: relative; min-height: 100vh; } #intro:before { content: ""; background-color: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; top: 0; left: 0; position: absolute; } #intro .intro__desc { padding: 50px 0; text-align: center; font-size: 16px; font-weight: bold; position: absolute; width: 100%; } #intro .intro__desc.top { top: 0; } #intro .intro__desc.bottom { bottom: 0; } #intro .intro__link { display: flex; height: 100vh; min-height: 750px; } #intro .intro__link > div { flex: 1; display: flex; justify-content: center; align-items: center; position: relative; } #intro .intro__link > div .item { width: 500px; height: 500px; border-radius: 50%; background-color: rgba(0, 15, 33, 0.7); display: flex; justify-content: center; align-items: center; flex-direction: column; } #intro .intro__link > div .item__emblem { width: 140px; margin-bottom: 24px; } #intro .intro__link > div .item__logo { height: 28px; margin-bottom: 12px; } #intro .intro__link > div .item__title-en { font-size: 16px; line-height: 1; text-align: center; color: #fff; margin-bottom: 30px; } #intro .intro__link > div .item .btn { border-radius: 5px; border: solid 1px #fff; background-color: rgba(255, 255, 255, 0.2); color: #fff; width: 290px; height: 50px; font-size: 16px; font-weight: bold; } #intro .intro__link > div .item.gpcosa-disabled { background-color: rgba(3, 38, 10, 0.7); } #intro .intro__link > div .item.gpcosa-disabled .item__emblem { width: 169px; } #intro .intro__link > div:first-child:after { content: ""; width: 1px; height: 500px; background-color: #eee; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } @media (max-width: 1030px) { #intro { background-image: none; } #intro .intro__desc.bottom { display: none; } #intro .intro__link { flex-direction: column; } #intro .intro__link > div:first-child:after { display: none; } #intro .intro__link > div .item { width: 100%; height: auto; min-height: 50vh; padding: 70px 0 66px; border-radius: 0; background-color: #000f21; } #intro .intro__link > div .item__emblem { width: auto; height: 98px; margin-bottom: 36px; } #intro .intro__link > div .item__logo { width: auto; height: 28px; margin-bottom: 12px; } #intro .intro__link > div .item__title-en { line-height: 0.88; } #intro .intro__link > div .item .btn { width: 100%; max-width: 290px; } #intro .intro__link > div .item.gpcosa-disabled { background-color: #03260a; } #intro .intro__link > div .item.gpcosa-disabled .item__emblem { width: auto; } } #login { padding-top: 60px; padding-bottom: 200px; } #login .login { width: 290px; margin: 0 auto; } #login .login .section-title { margin-bottom: 30px; border-bottom: 1px solid #000f21; } #login .login .section-title h2 { color: #000f21; } #login .login__form { padding-bottom: 10px; } #login .login__form .form-group { margin-bottom: 20px; } #login .login__form .form-group label { display: block; font-size: 16px; font-weight: normal; margin-bottom: 10px; } #login .login__form .form-group input { font-size: 14px; width: 100%; } #login .login__form .btn { width: 100%; margin-top: 30px; font-weight: bold; } #login .login__link { border-top: 1px solid #eee; padding-top: 10px; } #login .login__link .row { margin-left: -5px; margin-right: -5px; margin-bottom: 10px; } #login .login__link .row .col { padding-left: 5px; padding-right: 5px; } #login .login__link .btn { width: 100%; height: 40px; font-size: 14px; font-weight: bold; } #login.gpcosaDisabled .login .section-title { border-bottom: 1px solid #03260a; } #login.gpcosaDisabled .login .section-title h2 { color: #03260a; } @media (max-width: 768px) { #login { padding-top: 50px; padding-bottom: 100px; } } #privacy { padding-top: 60px; padding-bottom: 100px; } #privacy .section-body.body-half .section-body__content .privacy__content { margin-bottom: 20px; border-radius: 10px; border: solid 1px #eee; background-color: #fafafa; padding: 10px 15px; font-size: 14px; font-weight: 300; } #privacy .section-body.body-half .section-body__content .privacy__content--intro { font-weight: 500; } #privacy .section-body.body-half .section-body__content .privacy__content h4 { font-size: 16px; margin-top: 0; margin-bottom: 10px; } #privacy .section-body.body-half .section-body__content .privacy__content h5 { font-size: 14px; margin-top: 0; margin-bottom: 10px; } #privacy .section-body.body-half .section-body__content .privacy__content p { margin-bottom: 20px; } @media (max-width: 991px) { #privacy { padding-top: 30px; } #privacy .section-body.body-half .section-body__content .privacy__content { padding: 10px; } } #terms { padding-top: 60px; padding-bottom: 100px; } #terms .section-body.body-half .section-body__content { max-width: calc(100% - 235px - 135px); margin-right: 135px; } #terms .section-body.body-half .section-body__content .terms__content { margin-bottom: 20px; border-radius: 10px; border: solid 1px #eee; background-color: #fafafa; padding: 10px 15px; font-size: 14px; font-weight: 300; } #terms .section-body.body-half .section-body__content .terms__content h4 { font-size: 16px; margin-top: 0; margin-bottom: 10px; } #terms .section-body.body-half .section-body__content .terms__content h5 { font-size: 14px; margin-top: 0; margin-bottom: 10px; } #terms .section-body.body-half .section-body__content .terms__content p { margin-bottom: 20px; } @media (max-width: 991px) { #terms { padding-top: 30px; } #terms .section-body.body-half .section-body__content { max-width: 100%; margin-right: 0; } #terms .section-body.body-half .section-body__content .terms__content { padding: 10px; } } #aboutGreetings { padding-top: 60px; padding-bottom: 80px; } #aboutGreetings .section-body.body-half .section-body__content { display: flex; max-width: calc(100% - 235px - 60px); margin-right: 60px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image { width: 235px; margin-right: 20px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image__image { width: 220px; height: 150px; border-radius: 10px; background-image: url(/static/images/about/grt.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; background-position: center -10px; margin-bottom: 10px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image__image.dis { background-image: url(/static/images/about/grt_dis.png); width: 100%; height: 206px; background-position: center; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image__name { padding: 0 10px; font-size: 28px; position: relative; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image__name span { font-size: 14px; display: block; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image__name.dis:after { content: ""; background-image: url(/static/images/about/grt-sign.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; width: 129px; height: 53px; top: 25px; left: 5px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-content { max-width: calc(100% - 235px - 20px); } #aboutGreetings .section-body.body-half .section-body__content .greetings-content .content-1 { font-size: 18px; margin-bottom: 20px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-content .content-2 { font-size: 14px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-content .content-3 { font-size: 20px; margin-bottom: 20px; } @media (max-width: 991px) { #aboutGreetings { padding-top: 30px; padding-bottom: 100px; } #aboutGreetings .section-title { margin-bottom: 10px; } #aboutGreetings .section-body.body-half .section-body__content { flex-direction: column; max-width: 100%; margin-right: 0; } #aboutGreetings .section-body.body-half .section-body__content .greetings-image { margin: 0; padding-bottom: 73px; } #aboutGreetings .section-body.body-half .section-body__content .greetings-content { max-width: 100%; } } #aboutHistory { padding-top: 60px; padding-bottom: 100px; } @media (max-width: 991px) { #aboutHistory { padding-top: 30px; } } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row { margin-left: -5px; margin-right: -5px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col { padding-left: 5px; padding-right: 5px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col__icon { width: 100%; height: 80px; border-radius: 10px; margin-bottom: 5px; background-size: contain; background-repeat: no-repeat; background-position: center; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col__desc { font-size: 14px; text-align: center; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd { border-left: 1px solid #111; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd .item { position: relative; margin-bottom: 50px; font-size: 14px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd .item__year { width: 65px; font-size: 14px; font-weight: bold; position: absolute; left: -65px; top: 0; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd .item__content { padding-left: 20px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd .item__content > div { position: relative; padding-left: 40px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd .item__content > div .item__content--date { position: absolute; left: 0; top: 0; } #aboutHistory .section-body.body-half .section-body__content dl.dl-history dd .item:last-child { margin-bottom: 20px; } @media (max-width: 991px) { #aboutHistory .section-body.body-half .section-body__content dl.gp-dl:first-child dt { margin-bottom: 20px; } #aboutHistory .section-body.body-half .section-body__content dl.gp-dl.dl-history dt { margin-bottom: 20px; } #aboutHistory .section-body.body-half .section-body__content dl.gp-dl.dl-history dd { max-width: calc(100% - 50px); margin-left: 50px; } #aboutHistory .section-body.body-half .section-body__content dl.gp-dl.dl-history dd .item__year { left: -50px; width: 40px; } #aboutHistory .section-body.body-half .section-body__content dl.gp-dl.dl-history dd .item__content { padding-left: 10px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row { margin-right: -15px; margin-left: -15px; padding: 0 15px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col { flex: none; width: 50%; padding-right: 15px; padding-left: 15px; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col__icon { margin-bottom: 0; } #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col:first-child .col__desc, #aboutHistory .section-body.body-half .section-body__content dl.dl-columns dd .row .col:nth-child(2) .col__desc { margin-bottom: 20px; } } #aboutHistory { padding-top: 60px; padding-bottom: 100px; } #aboutHistory .section-body.body-half .section-body__content .map { width: 100%; height: 317px; border-radius: 10px; margin-bottom: 20px; } #aboutHistory .section-body.body-half .section-body__content p { font-size: 12px; margin-bottom: 0; padding: 0 10px; } @media (max-width: 991px) { #aboutHistory { padding-top: 30px; } #aboutHistory .section-body.body-half .section-body__content .map { height: 331px; margin-bottom: 10px; } #aboutHistory .section-body.body-half .section-body__content p { padding: 0; } } @media (max-width: 768px) { #aboutHistory .section-body.body-half .section-body__content .map { height: calc(100vw - 30px); max-height: 331px; } } #aboutOffice { padding-top: 60px; padding-bottom: 60px; } #aboutOffice .section-body.body-half .section-body__content table.gp-table { margin-bottom: 40px; } #aboutOffice .section-body.body-half .section-body__content table.gp-table thead tr th { width: 85px; } #aboutOffice .section-body.body-half .section-body__content table.gp-table thead tr th:nth-last-child(2) { width: 150px; } #aboutOffice .section-body.body-half .section-body__content table.gp-table thead tr th:last-child { width: auto; } #aboutOffice .section-body.body-half .section-body__content table.gp-table tbody tr td .image { width: 65px; height: 80px; border-radius: 10px; background-color: #eeeeee; } @media (max-width: 991px) { #aboutOffice { padding-top: 30px; padding-bottom: 100px; } #aboutOffice .section-title { margin-bottom: 10px; } #aboutOffice .section-body.body-half .section-body__content dl { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #000; } #aboutOffice .section-body.body-half .section-body__content table.gp-table thead { display: none; } #aboutOffice .section-body.body-half .section-body__content table.gp-table tbody tr td:not(:first-child) { display: none; } #aboutOffice .section-body.body-half .section-body__content table.gp-table .mobile-block p { margin-bottom: 0; } #aboutOffice .section-body.body-half .section-body__content table.gp-table .mobile-block p.name, #aboutOffice .section-body.body-half .section-body__content table.gp-table .mobile-block p.phone { margin-bottom: 10px; } } #aboutOfficeJojongBandabi { padding-top: 60px; padding-bottom: 60px; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table { margin-bottom: 40px; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table thead tr th { width: 85px; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table thead tr th:nth-last-child(2) { width: 150px; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table thead tr th:last-child { width: auto; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table tbody tr td .image { width: 65px; height: 80px; border-radius: 10px; background-color: #eeeeee; } @media (max-width: 991px) { #aboutOfficeJojongBandabi { padding-top: 30px; padding-bottom: 100px; } #aboutOfficeJojongBandabi .section-title { margin-bottom: 10px; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content dl { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #000; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table thead { display: none; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table tbody tr td:not(:first-child) { display: none; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table .mobile-block p { margin-bottom: 0; } #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table .mobile-block p.name, #aboutOfficeJojongBandabi .section-body.body-half .section-body__content table.gp-table .mobile-block p.phone { margin-bottom: 10px; } } #aboutOfficeSeorakBandabi { padding-top: 60px; padding-bottom: 60px; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table { margin-bottom: 40px; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table thead tr th { width: 85px; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table thead tr th:nth-last-child(2) { width: 150px; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table thead tr th:last-child { width: auto; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table tbody tr td .image { width: 65px; height: 80px; border-radius: 10px; background-color: #eeeeee; } @media (max-width: 991px) { #aboutOfficeSeorakBandabi { padding-top: 30px; padding-bottom: 100px; } #aboutOfficeSeorakBandabi .section-title { margin-bottom: 10px; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content dl { margin-bottom: 0; padding-bottom: 10px; border-bottom: 1px solid #000; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table thead { display: none; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table tbody tr td:not(:first-child) { display: none; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table .mobile-block p { margin-bottom: 0; } #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table .mobile-block p.name, #aboutOfficeSeorakBandabi .section-body.body-half .section-body__content table.gp-table .mobile-block p.phone { margin-bottom: 10px; } } #aboutRegulation { padding-top: 60px; padding-bottom: 100px; } #aboutRegulation .section-body.body-half .section-body__content .btn { width: 140px; height: 40px; } #aboutRegulation .section-body.body-half .regulation-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; } #aboutRegulation .section-body.body-half .regulation-row .row-title { flex: 1; text-align: center; position: relative; padding-left: 30px; } #aboutRegulation .section-body.body-half .regulation-row .row-index { width: 30px; display: inline-block; text-align: left; position: absolute; left: 0; } @media (max-width: 414px) { #aboutRegulation .section-body.body-half .regulation-row .row-title { padding-left: 0; text-align: left; padding-right: 10px; } #aboutRegulation .section-body.body-half .regulation-row .row-index { display: none; } } #aboutRegulation .section-body.body-half .ic-download { width: 24px; height: 24px; margin-left: 5px; background: url("/static/images/common/download.png"); background-size: contain; background-repeat: no-repeat; background-position: center; } @media (max-width: 991px) { #aboutRegulation { padding-top: 30px; } } #aboutOrganization { padding-top: 60px; padding-bottom: 100px; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd p { font-size: 14px; margin-bottom: 30px; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row { margin-left: -5px; margin-right: -5px; flex-wrap: wrap; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col { padding-left: 5px; padding-right: 5px; width: 50%; flex-basis: auto; flex-grow: unset; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col .item { margin-bottom: 20px; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col .item__position { font-size: 14px; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #eee; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col .item__name { font-size: 14px; padding-top: 5px; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col:nth-last-child(1) .item, #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col:nth-last-child(2) .item { margin-bottom: 0; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-ognz dd { padding-top: 10px; text-align: center; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-ognz dd img { width: 492px; } @media (max-width: 991px) { #aboutOrganization { padding-top: 30px; } } @media (max-width: 768px) { #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd p { margin-bottom: 20px; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col { width: 100%; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-executives dd .row .col:nth-last-child(2) .item { margin-bottom: 20px; } #aboutOrganization .section-body.body-half .section-body__content dl.dl-ognz dd img { width: 100%; max-width: 492px; } } #events { padding-top: 60px; padding-bottom: 0; } #events .section-body.body-half .section-body__content > div { padding-top: 16px; padding-bottom: 50px; border-top: 1px solid #eee; } #events .section-body.body-half .section-body__content > div:first-child { border-top: none; padding-top: 0; } #events .section-body.body-half .section-body__content .section-body__info dl dd > div { position: relative; font-size: 14px; padding-left: 80px; line-height: 1.7; } #events .section-body.body-half .section-body__content .section-body__info dl dd > div span { position: absolute; left: 0; top: 0; padding-left: 14px; } #events .section-body.body-half .section-body__content .section-body__info dl dd > div span:before { content: ""; width: 10px; height: 10px; background-color: #111; position: absolute; left: 0; top: 6px; } #events .section-body.body-half .section-body__content .section-body__info dl dd .btn { height: 30px; width: 300px; font-size: 12px; margin-top: 10px; } #events .section-body.body-half .section-body__content .section-body__table .section-body__table--title { font-size: 18px; font-weight: bold; margin-bottom: 20px; } #events .section-body.body-half .section-body__content .section-body__table .gp-table { margin-bottom: 20px; } #events .section-body.body-half .section-body__content .section-body__table .gp-table thead tr th { padding-left: 10px; font-size: 14px; } #events .section-body.body-half .section-body__content .section-body__table .gp-table thead tr th:last-child { padding-right: 10px; } #events .section-body.body-half .section-body__content .section-body__table .gp-table tbody tr td { padding-left: 10px; font-size: 14px; } #events .section-body.body-half .section-body__content .section-body__table .gp-table tbody tr td:last-child { padding-right: 10px; } #events .section-body.body-half .section-body__content .section-body__table .gp-table tbody tr.tr-no td { text-align: center !important; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table thead tr th:first-child { width: 85px; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table thead tr th:last-child { text-align: right; width: 110px; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td { position: relative; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td:nth-child(2) { padding-right: 40px; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td:last-child { text-align: right; } #events .section-body.body-half .section-body__content .section-body__table.results .gp-table thead tr th:not(:last-child) { width: 85px; } @media (max-width: 991px) { #events { padding-top: 30px; padding-bottom: 100px; } #events .section-body.body-half .section-body__content > div { padding-top: 20px; } #events .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #events .section-body.body-half .section-body__content .gp-table thead { display: none; } #events .section-body.body-half .section-body__content .section-body__table.references .section-body__table--title { margin-bottom: 10px; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr.tr-no td { display: block !important; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td:not(:nth-child(2)) { display: none; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td:nth-child(2) { padding-right: 0; padding-left: 0; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td > .mobile-block > div { display: flex; flex-wrap: wrap; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td > .mobile-block > div p { width: 50%; margin: 0; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td > .mobile-block > div p:nth-child(2) { text-align: right; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td a { max-width: calc(100% - 50px); margin-top: 5px; font-weight: bold; } #events .section-body.body-half .section-body__content .section-body__table.references .gp-table tbody tr td img { top: 30px; } #events .section-body.body-half .section-body__content .section-body__table.results .section-body__table--title { margin-bottom: 10px; } #events .section-body.body-half .section-body__content .section-body__table.results .gp-table tbody tr td { padding-right: 0; padding-left: 0; } #events .section-body.body-half .section-body__content .section-body__table.results .gp-table tbody tr td:not(:last-child) { display: none; } #events .section-body.body-half .section-body__content .section-body__table.results .gp-table tbody tr td .mobile-block { display: flex; flex-wrap: wrap; } #events .section-body.body-half .section-body__content .section-body__table.results .gp-table tbody tr td .mobile-block p { width: calc(100% / 3); margin-bottom: 10px; } #events .section-body.body-half .section-body__content .section-body__table.results .gp-table tbody tr td .mobile-block p:nth-child(3) { text-align: right; } } @media (max-width: 768px) { #events .section-body.body-half .section-body__content .section-body__info dl dd .btn { width: 100%; max-width: 300px; } } #eventsReferences { padding-top: 60px; padding-bottom: 0; } #eventsReferences .section-body.body-half .section-body__content { margin-top: -20px; } @media (max-width: 991px) { #eventsReferences { padding-top: 30px; padding-bottom: 100px; } } @charset "UTF-8"; .find { width: 290px; margin: 0 auto; } .find .section-title { margin-bottom: 30px; border-bottom: 1px solid #000f21; } .find__form { padding-bottom: 10px; } .find__form .form-group { margin-bottom: 20px; } .find__form .form-group label { display: block; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .find__form .form-group input { font-size: 14px; width: 100%; } .find__form .form-group p { font-size: 14px; text-align: center; margin-top: 10px; margin-bottom: 0; } .find__form .btn { width: 100%; margin-top: 30px; font-weight: bold; } .find__link { border-top: 1px solid #eee; padding-top: 10px; } .find__link .btn { width: 100%; height: 40px; font-size: 14px; font-weight: bold; } .find__link .btn.btn-find { margin-bottom: 10px; } .find__link .row { margin-left: -5px; margin-right: -5px; margin-bottom: 10px; } .find__link .row .col { padding-left: 5px; padding-right: 5px; } .find__result { padding-bottom: 10px; } .find__result--info { border-bottom: 1px solid #eee; padding: 10px 0 5px; } .find__result--info dl { display: flex; font-size: 14px; margin-bottom: 5px; } .find__result--info dl dt { width: 70px; margin-right: 10px; font-weight: normal; opacity: 0.5; } .find__result--body { height: 162px; display: flex; align-items: center; font-size: 16px; } .find__result--body b { font-size: 20px; font-weight: bold; } .find__result--body.no-result { color: #d0021b; } .find__result .btn { width: 100%; font-weight: bold; } .find.result .section-title { margin-bottom: 0; } /* 아이디 찾기 */ #findId { padding-top: 60px; padding-bottom: 200px; } @media (max-width: 768px) { #findId { padding-top: 50px; padding-bottom: 100px; } } /* 비밀번호 찾기 */ #findPassword { padding-top: 60px; padding-bottom: 170px; } @media (max-width: 768px) { #findPassword { padding-top: 50px; padding-bottom: 100px; } } #groupsMember { padding-top: 60px; padding-bottom: 60px; } #groupsMember .section-body.body-half .section-body__content p { font-size: 14px; margin-bottom: 30px; } #groupsMember .section-body.body-half .section-body__content .row { margin-left: -10px; margin-right: -10px; flex-wrap: wrap; } #groupsMember .section-body.body-half .section-body__content .row .col { padding-left: 10px; padding-right: 10px; width: 25%; flex-basis: auto; flex-grow: inherit; } #groupsMember .section-body.body-half .section-body__content .row .col .item { margin-bottom: 20px; } #groupsMember .section-body.body-half .section-body__content .row .col .item__card { padding-bottom: 20px; cursor: pointer; } #groupsMember .section-body.body-half .section-body__content .row .col .item__card--image { width: 100%; height: 150px; border-radius: 10px; border: 1px solid #eee; margin-bottom: 10px; background-size: 120%; background-repeat: no-repeat; background-position: center; background-position: center 15px; } #groupsMember .section-body.body-half .section-body__content .row .col .item__card--name { font-size: 14px; text-align: center; } #groupsMember .section-body.body-half .section-body__content .row .col .item__info { display: none; width: calc(400% + 60px); border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 0; } #groupsMember .section-body.body-half .section-body__content .row .col .item__info--name { width: 200px; font-size: 18px; font-weight: bold; } #groupsMember .section-body.body-half .section-body__content .row .col .item__info--staff { font-size: 14px; width: 150px; margin-right: 20px; } #groupsMember .section-body.body-half .section-body__content .row .col .item__info--btn { flex: 1; } #groupsMember .section-body.body-half .section-body__content .row .col .item__info--btn .btn { height: 40px; font-size: 14px; font-weight: bold; } #groupsMember .section-body.body-half .section-body__content .row .col .item.active .item__info { display: flex; align-items: flex-start; } #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 1) .item__info { margin-left: 0; } #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 2) .item__info { margin-left: calc(-100% - 20px); } #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 3) .item__info { margin-left: calc(-200% - 40px); } #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 4) .item__info { margin-left: calc(-300% - 60px); } @media (max-width: 991px) { #groupsMember { padding-top: 30px; padding-bottom: 60px; } #groupsMember.gpcosaDisabled .section-title { margin-bottom: 0; } #groupsMember.gpcosaDisabled table.gp-table thead { display: none; } #groupsMember.gpcosaDisabled table.gp-table tbody tr td:not(:first-child) { display: none; } #groupsMember.gpcosaDisabled table.gp-table tbody tr td .mobile-block { display: flex; flex-wrap: wrap; } #groupsMember.gpcosaDisabled table.gp-table tbody tr td .mobile-block > div { width: 50%; } #groupsMember.gpcosaDisabled table.gp-table tbody tr td .mobile-block p { font-size: 12px; margin-top: 5px; margin-bottom: 0; } } @media (max-width: 768px) { #groupsMember { padding-bottom: 70px; } #groupsMember .section-body.body-half .section-body__content .row { margin-right: -15px; margin-left: -15px; } #groupsMember .section-body.body-half .section-body__content .row .col { padding-right: 5px; padding-left: 5px; width: 50%; } #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 1) .item__info, #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 3) .item__info { margin-left: 10px; } #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 2) .item__info, #groupsMember .section-body.body-half .section-body__content .row .col:nth-child(4n + 4) .item__info { margin-left: -100%; } #groupsMember .section-body.body-half .section-body__content .row .col .item { margin-bottom: 30px; } #groupsMember .section-body.body-half .section-body__content .row .col .item__card { padding-bottom: 0; } #groupsMember .section-body.body-half .section-body__content .row .col .item__card--image { height: calc((100vw - 20px) / 2); } #groupsMember .section-body.body-half .section-body__content .row .col .item__info { width: calc(200% - 10px); margin-top: 20px; margin-bottom: -10px; margin-left: 10px; } #groupsMember .section-body.body-half .section-body__content .row .col .item__info--staff { width: calc(100% - 170px); margin-right: 0; } } .mypage { display: flex; padding-bottom: 100px; } .mypage__lnb { width: 235px; margin-right: 105px; } .mypage__lnb .lnb-box { width: 100%; border-radius: 0 0 10px 10px; background-color: #000f21; padding: 20px; color: #fff; } .mypage__lnb .lnb-box__title { font-size: 14px; font-weight: bold; margin-bottom: 10px; } .mypage__lnb .lnb-box ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #2a3542; } .mypage__lnb .lnb-box ul li { font-size: 14px; padding: 10px 0; border-bottom: 1px solid #2a3542; } .mypage__lnb .lnb-box ul li > span, .mypage__lnb .lnb-box ul li > a { opacity: 0.5; } .mypage__lnb .lnb-box ul li.active > span, .mypage__lnb .lnb-box ul li.active > a { opacity: 1; } .mypage__lnb .lnb-box ul li ul { padding-left: 20px; margin-top: 10px; } .mypage__lnb .lnb-box ul li ul li:last-child { border-bottom: 0; padding-bottom: 0; } .mypage__content { flex: 1; max-width: calc(100% - 235px - 105px); padding-top: 60px; } .mypage__content.mypage-form .section-title { margin-bottom: 0; } .mypage__content.mypage-form .form-group { display: flex; align-items: center; padding: 10px 0; margin-bottom: 0; border-bottom: 1px solid #eee; } .mypage__content.mypage-form .form-group label { width: 145px; margin-right: 25px; margin-bottom: 0; font-size: 14px; font-weight: bold; } .mypage__content.mypage-form .form-group input { width: 290px; } .mypage__content.mypage-form .account__group { padding-bottom: 20px; padding-top: 10px; } .mypage__content.mypage-form .account__group > label { display: block; font-size: 16px; margin-bottom: 15px; } .mypage__content.mypage-form .account__group .group { padding-bottom: 30px; } .mypage__content.mypage-form .account__group .group__title { font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } .mypage__content.mypage-form .account__group .group .row { margin-left: -30px; margin-right: -30px; flex-wrap: wrap; } .mypage__content.mypage-form .account__group .group .row .col, .mypage__content.mypage-form .account__group .group .row .col-md-6 { padding-left: 30px; padding-right: 30px; width: 50%; flex-basis: auto; flex-grow: unset; } .mypage__content.mypage-form .account__group .group .row .col .checkbox, .mypage__content.mypage-form .account__group .group .row .col-md-6 .checkbox { margin-bottom: 10px; padding-left: 10px; } .mypage__content.mypage-form .account__group .group .row .col input, .mypage__content.mypage-form .account__group .group .row .col-md-6 input { width: 100%; } .mypage__content .mypage-btn { margin-left: -5px; margin-right: -5px; padding-top: 20px; } .mypage__content .mypage-btn .col { padding-left: 5px; padding-right: 5px; } .mypage__content .mypage-btn .col .btn { width: 100%; font-weight: bold; } .mypage__content .gp-table thead tr th { padding-left: 10px; font-size: 14px; } .mypage__content .gp-table thead tr th:last-child { padding-right: 10px; text-align: right; } .mypage__content .gp-table tbody tr td { padding-left: 10px; font-size: 14px; position: relative; } .mypage__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } .mypage__content .gp-table tbody tr td:last-child { padding-right: 10px; text-align: right; } .mypage__content .gp-table tbody tr.tr-no td { text-align: center !important; } @media (max-width: 991px) { .mypage__lnb { display: none; margin: 0; } .mypage__content { max-width: 100%; padding-top: 20px; } .mypage__content.mypage-form .form-group { flex-direction: column; align-items: flex-start; } .mypage__content.mypage-form .form-group label { width: 100%; margin-right: 0; margin-bottom: 5px; font-size: 16px; font-weight: normal; line-height: normal; } .mypage__content.mypage-form .form-group input { width: 100%; margin-top: 5px; } .mypage__content.mypage-form .form-group__text { width: 100%; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: normal; color: #000; } .mypage__content.mypage-form .account__group { padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #eee; } .mypage__content.mypage-form .account__group .group .row { margin-right: 0; margin-left: 0; } .mypage__content.mypage-form .account__group .group .row .col, .mypage__content.mypage-form .account__group .group .row .col-md-6 { width: 100%; max-width: 100%; padding-right: 0; padding-left: 0; } } @media (max-width: 991px) and (max-width: 768px) { .mypage__content.mypage-form .mypage-btn { flex-direction: column; } .mypage__content.mypage-form .mypage-btn .col + .col { margin-top: 10px; } } @media (max-width: 991px) { .mypage { flex-direction: column; } } .mypage-dropdown { padding: 0 10px; border-radius: 0 0 10px 10px; background-color: #000f21; } .mypage-dropdown .current-menu { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .mypage-dropdown .current-menu p { max-width: calc(100% - 50px); margin: 0; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: normal; color: #fff; text-align: left; } .mypage-dropdown .current-menu .btn-dropdown { width: 40px; height: 40px; margin-right: -10px; background: url("/static/images/common/down.png") no-repeat center; background-size: cover; text-indent: -500%; overflow: hidden; } .mypage-dropdown .current-menu .btn-dropdown.open { transform: rotate(180deg); } .mypage-dropdown ul { margin: 0; padding: 0 0 10px; border-top: 1px solid #2a3542; } .mypage-dropdown li { padding: 10px 0; border-bottom: 1px solid #2a3542; font-size: 0; list-style: none; } .mypage-dropdown a { display: block; font-size: 14px; font-weight: normal; letter-spacing: normal; color: rgba(255, 255, 255, 0.5); } .gpcosaDisabled .mypage__lnb .lnb-box { background-color: #03260a; } .gpcosaDisabled .mypage .mypage-dropdown { background-color: #03260a; } #mypage-boards .mypage__content--body .board-group { padding-bottom: 50px; } #mypage-boards .mypage__content--body .board-group h5 { font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 10px; } #mypage-boards .mypage__content--body .board-group .gp-table { margin-bottom: 20px; } #mypage-boards .mypage__content--body .board-group .gp-table thead tr th:first-child { width: 85px; } #mypage-boards .mypage__content--body .board-group .gp-table thead tr th:nth-child(2) { width: 140px; } #mypage-boards .mypage__content--body .board-group .gp-table thead tr th:last-child { width: 95px; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:nth-child(3) { padding-right: 30px; } #mypage-boards .mypage__content--body .board-group.qna { border-top: 1px solid #eee; padding-top: 20px; padding-bottom: 0; } #mypage-boards .mypage__content--body .board-group.qna .gp-table thead tr th:nth-child(4) { width: 40px; } @media (max-width: 991px) { #mypage-boards .section-title { margin-bottom: 30px; } #mypage-boards .mypage__content--body .board-group .gp-table { border-top: 1px solid #000f21; } #mypage-boards .mypage__content--body .board-group .gp-table thead { display: none; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no) { display: none; padding: 10px 0; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no):nth-child(3) { display: block; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no) img { top: 40px; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no) .mobile-block { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no) .mobile-block a { display: block; width: 50%; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no) .mobile-block a:last-child { text-align: right; } #mypage-boards .mypage__content--body .board-group .gp-table tbody tr td:not(.tr-no) .mobile-block + a { display: block; padding-right: 40px; } #mypage-boards .mypage__content--body .board-group.qna { padding-top: 30px; } } #mypage-withdrawal .section-title { margin-bottom: 10px; } #mypage-withdrawal .mypage__content--body p { font-size: 14px; margin-bottom: 20px; } #mypage-withdrawal .mypage__content--body .checkbox { margin-bottom: 30px; } #mypage-withdrawal .mypage__content--body .withdrawal-form { border-top: 1px solid #eee; padding-top: 20px; } #mypage-withdrawal .mypage__content--body .withdrawal-form > label { font-size: 16px; font-weight: normal; margin-bottom: 20px; } #mypage-withdrawal .mypage__content--body .withdrawal-form .radio-group .radio { margin-bottom: 10px; } #mypage-withdrawal .mypage__content--body .withdrawal-form .form-group { padding-left: 32px; margin-bottom: 50px; } #mypage-withdrawal .mypage__content--body .withdrawal-form .form-group input { width: 290px; } #mypage-withdrawal .mypage__content--body .withdrawal-btn { border-top: 1px solid #eee; padding-top: 20px; } #mypage-withdrawal .mypage__content--body .withdrawal-btn .row { margin-left: -5px; margin-right: -5px; } #mypage-withdrawal .mypage__content--body .withdrawal-btn .row .col { padding-left: 5px; padding-right: 5px; } #mypage-withdrawal .mypage__content--body .withdrawal-btn .row .col .btn { font-weight: bold; width: 100%; } @media (max-width: 768px) { #mypage-withdrawal .section-title { margin-bottom: 20px; } #mypage-withdrawal .mypage__content--body .withdrawal-form .radio-group .radio:nth-child(4) { margin-bottom: 5px; } #mypage-withdrawal .mypage__content--body .withdrawal-form .form-group { padding-left: 0; } #mypage-withdrawal .mypage__content--body .withdrawal-btn .row { flex-direction: column; margin-right: 0; margin-left: 0; } #mypage-withdrawal .mypage__content--body .withdrawal-btn .row .col { flex: none; width: 100%; padding-right: 0; padding-left: 0; } #mypage-withdrawal .mypage__content--body .withdrawal-btn .row .col + .col { margin-top: 10px; } } #programsDetails { padding-top: 60px; padding-bottom: 100px; } #programsDetails .section-body.body-half .section-body__content dl { border-bottom: none; } #programsDetails .section-body.body-half .section-body__content dl dt { border-top: 1px solid #000f21; margin-right: 10px; padding: 5px 0 20px; font-weight: normal; width: 100px; } #programsDetails .section-body.body-half .section-body__content dl dd { border-top: 1px solid #eee; width: calc(100% - 100px - 10px); max-width: calc(100% - 100px - 10px); padding: 5px 0 20px; } #programsDetails .section-body.body-half .section-body__content dl dd .btn { width: 290px; height: 30px; font-size: 12px; } #programsDetails .section-body.body-half .section-body__content .program-tab { margin-top: 40px; } #programsDetails .section-body.body-half .section-body__content .program-tab .tabs { display: flex; } #programsDetails .section-body.body-half .section-body__content .program-tab .tabs .tab { flex: 1; font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 11px; position: relative; opacity: 0.5; cursor: pointer; } #programsDetails .section-body.body-half .section-body__content .program-tab .tabs .tab:after { content: ""; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background-color: #eee; } #programsDetails .section-body.body-half .section-body__content .program-tab .tabs .tab.active { opacity: 1; } #programsDetails .section-body.body-half .section-body__content .program-tab .tabs .tab.active:after { height: 3px; background-color: #111; } #programsDetails .section-body.body-half .section-body__content .program-tab .tab-content { display: none; padding: 20px 0 0; } #programsDetails .section-body.body-half .section-body__content .program-tab .tab-content.active { display: block; } #programsDetails .section-body.body-half .section-body__content .program-tab .tab-content.text p { margin-bottom: 0; font-size: 14px; line-height: normal; letter-spacing: normal; } #programsDetails .section-body.body-half .section-body__content .program-tab .tab-content table { margin-bottom: 20px; } #programsDetails .section-body.body-half .section-body__content .gp-table { margin-bottom: 20px; } #programsDetails .section-body.body-half .section-body__content .gp-table thead tr th { padding-left: 10px; font-size: 14px; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 10px; font-size: 12px; vertical-align: middle; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr.tr-no td { text-align: center !important; } @media (max-width: 991px) { #programsDetails { padding-top: 30px; } #programsDetails .section-title { margin-bottom: 0; } #programsDetails .section-body.body-half .section-body__content dl { flex-direction: column; padding: 10px 0; border-bottom: 1px solid #eee; } #programsDetails .section-body.body-half .section-body__content dl dt, #programsDetails .section-body.body-half .section-body__content dl dd { width: 100%; max-width: 100%; margin: 0; padding: 0; border: none; } #programsDetails .section-body.body-half .section-body__content dl dt { margin-bottom: 5px; } #programsDetails .section-body.body-half .section-body__content dl dd .btn { width: 100%; } #programsDetails .section-body.body-half .section-body__content dl:nth-last-child(2) { border-bottom: none; } #programsDetails .section-body.body-half .section-body__content dl:nth-last-child(2) dt { margin-bottom: 10px; } #programsDetails .section-body.body-half .section-body__content .program-tab .tab-content:last-child { padding: 0; } #programsDetails .section-body.body-half .section-body__content .gp-table thead { display: none; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td { display: none; padding: 10px 0; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td:first-child { display: flex; flex-wrap: wrap; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td span { font-size: 14px; line-height: normal; letter-spacing: normal; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p { margin-bottom: 0; font-size: 14px; line-height: normal; letter-spacing: normal; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p:first-child, #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p:nth-child(2) { margin-bottom: 5px; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td span.idx, #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p.name { width: 60px; margin-right: 5px; } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p.title { width: calc(100% - 65px); } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p.phone { width: calc(100% - 65px - 75px); } #programsDetails .section-body.body-half .section-body__content .gp-table tbody tr td p.state { width: 75px; } } #programs { padding-top: 60px; padding-bottom: 100px; } #programs .section-body.body-half .section-body__content .programs__search { display: flex; justify-content: flex-end; margin-bottom: 20px; } #programs .section-body.body-half .section-body__content .programs__search .btn { width: 145px; height: 40px; font-size: 14px; } #programs .section-body.body-half .section-body__content .programs__search--keyword { width: 290px; position: relative; } #programs .section-body.body-half .section-body__content .programs__search--keyword input { padding-right: 35px; width: 100%; } #programs .section-body.body-half .section-body__content .programs__search--keyword .icon-search { width: 30px; height: 30px; background-image: url(/static/images/common/search.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 7px; top: 7px; cursor: pointer; } #programs .section-body.body-half .section-body__content .gp-table { margin-bottom: 20px; } #programs .section-body.body-half .section-body__content .gp-table thead tr th { padding-left: 10px; font-size: 14px; } #programs .section-body.body-half .section-body__content .gp-table thead tr th:nth-child(4), #programs .section-body.body-half .section-body__content .gp-table thead tr th:nth-child(5) { text-align: center; width: 90px; } #programs .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 10px; font-size: 12px; vertical-align: middle; } #programs .section-body.body-half .section-body__content .gp-table tbody tr.tr-no td { text-align: center !important; } #programs .section-body.body-half .section-body__content .btn { width: 80px; height: 30px; font-size: 12px; } @media (max-width: 991px) { #programs .section-body.body-half .section-body__content .gp-table tbody tr.tr-no td { display: block !important; } } @media (max-width: 768px) { #programs .section-body.body-half .section-body__content .programs__search { flex-direction: column; } #programs .section-body.body-half .section-body__content .programs__search .btn { width: 100%; margin-bottom: 20px; } #programs .section-body.body-half .section-body__content .programs__search--keyword { width: 100%; } } @media (max-width: 991px) { #programs { padding-top: 30px; } #programs .section-title { margin-bottom: 10px; } #programs .section-body.body-half .section-body__content .programs__search { margin-bottom: 10px; } #programs .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #programs .section-body.body-half .section-body__content .gp-table thead { display: none; } #programs .section-body.body-half .section-body__content .gp-table tbody tr td { display: none; padding: 10px 0; } #programs .section-body.body-half .section-body__content .gp-table tbody tr td:first-child { display: block; } #programs .section-body.body-half .section-body__content .gp-table .mobile-block { display: flex; } #programs .section-body.body-half .section-body__content .gp-table .mobile-block > span { width: 50px; margin-right: 10px; } #programs .section-body.body-half .section-body__content .gp-table .mobile-block p { margin-bottom: 5px; } #programs .section-body.body-half .section-body__content .gp-table .mobile-block div[role="group"] { width: calc(100% - 60px); } #programs .section-body.body-half .section-body__content .gp-table .mobile-block .btn-wrap { display: flex; flex-wrap: wrap; margin-top: 10px; } #programs .section-body.body-half .section-body__content .gp-table .mobile-block .btn-wrap .btn { width: calc(50% - 5px); max-width: 110px; } #programs .section-body.body-half .section-body__content .gp-table .mobile-block .btn-wrap .btn + .btn { margin-left: 10px; } } #programsLife { padding-top: 60px; padding-bottom: 100px; } #programsLife .section-body.body-half .section-body__content .item { display: flex; width: 420px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee; } #programsLife .section-body.body-half .section-body__content .item:first-child { padding-top: 0; border-top: none; } #programsLife .section-body.body-half .section-body__content .item:last-child { padding-bottom: 0; } #programsLife .section-body.body-half .section-body__content .item__content { flex: 1; } #programsLife .section-body.body-half .section-body__content .item__content--title { font-size: 14px; font-weight: bold; margin-bottom: 11px; } #programsLife .section-body.body-half .section-body__content .item__content--desc { font-size: 14px; } @media (max-width: 991px) { #programsLife { padding-top: 30px; } #programsLife .section-body.body-half .section-body__content .item { width: 100%; } } #programsSpecialty { padding-top: 60px; padding-bottom: 100px; } #programsSpecialty .section-body.body-half .section-body__content .item { display: flex; width: 420px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #eee; } #programsSpecialty .section-body.body-half .section-body__content .item:first-child { padding-top: 0; border-top: none; } #programsSpecialty .section-body.body-half .section-body__content .item:last-child { padding-bottom: 0; } #programsSpecialty .section-body.body-half .section-body__content .item__content { flex: 1; } #programsSpecialty .section-body.body-half .section-body__content .item__content--title { font-size: 14px; font-weight: bold; margin-bottom: 11px; } #programsSpecialty .section-body.body-half .section-body__content .item__content--desc { font-size: 14px; } @media (max-width: 991px) { #programsSpecialty { padding-top: 30px; } #programsSpecialty .section-body.body-half .section-body__content .item { width: 100%; } } @charset "UTF-8"; #signup { padding-top: 60px; padding-bottom: 100px; } #signup .signup { width: 630px; margin: 0 auto; } #signup .signup__form { padding-bottom: 30px; } #signup .signup__form .row { margin-left: -25px; margin-right: -25px; } #signup .signup__form .row .col, #signup .signup__form .row .col-md-6 { padding-left: 25px; padding-right: 25px; } #signup .signup__form .form-group { margin-bottom: 20px; } #signup .signup__form .form-group label { display: block; margin-bottom: 10px; font-size: 16px; position: relative; } #signup .signup__form .form-group label sup { color: #0076ff; margin-left: 5px; } #signup .signup__form .form-group label span { font-size: 10px; line-height: 1.6; color: #0076ff; position: absolute; right: 2px; top: 4px; } #signup .signup__form .form-group input { width: 100%; } #signup .signup__form .form-group .btn { width: 100%; height: 40px; margin-top: 10px; font-size: 14px; font-weight: bold; } #signup .signup__group { padding-bottom: 20px; } #signup .signup__group > label { display: block; font-size: 16px; margin-bottom: 15px; } #signup .signup__group .group { padding-bottom: 30px; } #signup .signup__group .group__title { font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } #signup .signup__group .group .row { margin-left: -30px; margin-right: -30px; flex-wrap: wrap; } #signup .signup__group .group .row .col, #signup .signup__group .group .row .col-md-6 { padding-left: 30px; padding-right: 30px; width: 50%; flex-basis: auto; flex-grow: unset; } #signup .signup__group .group .row .col .checkbox, #signup .signup__group .group .row .col-md-6 .checkbox { margin-bottom: 10px; padding-left: 10px; } #signup .signup__group .group .row .col input, #signup .signup__group .group .row .col-md-6 input { width: 100%; } #signup .signup__terms, #signup .signup__privacy { padding-bottom: 50px; } #signup .signup__terms > label, #signup .signup__privacy > label { display: block; font-size: 16px; margin-bottom: 10px; } #signup .signup__terms .terms-box, #signup .signup__terms .privacy-box, #signup .signup__privacy .terms-box, #signup .signup__privacy .privacy-box { height: 300px; border-radius: 10px; border: solid 1px #eeeeee; background-color: #fafafa; padding: 10px 15px 5px; overflow: auto; font-size: 14px; margin-bottom: 10px; font-weight: 300; } #signup .signup__terms .terms-box .privacy__content--intro, #signup .signup__terms .privacy-box .privacy__content--intro, #signup .signup__privacy .terms-box .privacy__content--intro, #signup .signup__privacy .privacy-box .privacy__content--intro { font-weight: 500; } #signup .signup__terms .terms-box h4, #signup .signup__terms .privacy-box h4, #signup .signup__privacy .terms-box h4, #signup .signup__privacy .privacy-box h4 { font-size: 16px; margin-top: 0; margin-bottom: 10px; } #signup .signup__terms .terms-box h5, #signup .signup__terms .privacy-box h5, #signup .signup__privacy .terms-box h5, #signup .signup__privacy .privacy-box h5 { font-size: 14px; margin-top: 0; margin-bottom: 10px; } #signup .signup__terms .terms-box p, #signup .signup__terms .privacy-box p, #signup .signup__privacy .terms-box p, #signup .signup__privacy .privacy-box p { margin-bottom: 20px; } #signup .signup__terms .checkbox, #signup .signup__privacy .checkbox { padding-left: 10px; } #signup .signup__btn .btn { margin-bottom: 20px; width: 100%; font-weight: bold; } #signup .signup__btn--link { text-align: center; } #signup .signup__btn--link a { font-size: 14px; color: #000f21; text-decoration: underline; } #signup.gpcosaDisabled .signup__btn--link a { color: #03260a; } @media (max-width: 768px) { #signup { padding-top: 50px; padding-bottom: 100px; } #signup .signup { width: 100%; } #signup .signup .section-title { margin-bottom: 30px; } #signup .signup__form .row { margin-right: 0; margin-left: 0; } #signup .signup__form .row .col, #signup .signup__form .row .col-md-6 { flex: none; width: 100%; padding-right: 0; padding-left: 0; } #signup .signup__group .group .row { margin-right: 0; margin-left: 0; } #signup .signup__group .group .row .col, #signup .signup__group .group .row .col-md-6 { width: 100%; padding-right: 0; padding-left: 0; } #signup .signup__btn { padding-top: 20px; border-top: 1px solid #eee; } } /* 회원가입 완료 */ #signupDone { padding: 100px 0 150px; display: flex; justify-content: center; align-items: center; flex-direction: column; } #signupDone .done__title { font-size: 24px; text-align: center; margin-bottom: 10px; } #signupDone p { font-size: 16px; text-align: center; margin-bottom: 40px; } #signupDone .btn { margin-bottom: 10px; font-size: 16px; font-weight: bold; height: 50px; width: 290px; } @media (max-width: 768px) { #signupDone { padding-top: 188px; padding-bottom: 207px; } } #aboutFacilities { padding-top: 60px; padding-bottom: 100px; } #aboutFacilities .section-body.body-half .section-body__content .item { display: flex; border-top: 1px solid #eee; padding-top: 20px; padding-bottom: 20px; } #aboutFacilities .section-body.body-half .section-body__content .item:first-child { border-top: none; padding-top: 0; } #aboutFacilities .section-body.body-half .section-body__content .item__image { width: 400px; height: 260px; margin-right: 20px; border-radius: 10px; background-size: 105%; background-repeat: no-repeat; background-position: center; border: 1px solid #eee; } #aboutFacilities .section-body.body-half .section-body__content .item__info { max-width: calc(100% - 400px - 20px); } #aboutFacilities .section-body.body-half .section-body__content .item__info dl { margin-bottom: 20px; } #aboutFacilities .section-body.body-half .section-body__content .item__info dl:last-child { margin-bottom: 0; } #aboutFacilities .section-body.body-half .section-body__content .item__info dl dt { font-size: 14px; margin-bottom: 0; } #aboutFacilities .section-body.body-half .section-body__content .item__info dl dd { font-size: 14px; margin-bottom: 0; } @media (max-width: 991px) { #aboutFacilities { padding-top: 30px; } #aboutFacilities .section-body.body-half .section-body__content { width: 100%; } #aboutFacilities .section-body.body-half .section-body__content .item { flex-direction: column; } #aboutFacilities .section-body.body-half .section-body__content .item__image { margin-right: 0; } } @media (max-width: 991px) and (max-width: 430px) { #aboutFacilities .section-body.body-half .section-body__content .item__image { width: 100%; height: 60.47vw; } } @media (max-width: 991px) { #aboutFacilities .section-body.body-half .section-body__content .item__info { display: flex; flex-wrap: wrap; max-width: 100%; } #aboutFacilities .section-body.body-half .section-body__content .item__info dl { width: 50%; margin-top: 20px; margin-bottom: 0; } } #groupsSchool { padding-top: 60px; padding-bottom: 60px; } @media (max-width: 991px) { #groupsSchool { padding-top: 30px; padding-bottom: 100px; } #groupsSchool .section-title { margin-bottom: 0; } #groupsSchool table.gp-table thead { display: none; } #groupsSchool table.gp-table tr:nth-child(8) td.group { border-bottom: none; } #groupsSchool table.gp-table td:not(.group) { display: none; } #groupsSchool table.gp-table td .group-bold { font-weight: bold; } #groupsSchool table.gp-table td .mobile-block p { margin-top: 5px; margin-bottom: 0; } #groupsSchool table.gp-table td .mobile-block .half { display: flex; flex-wrap: wrap; } #groupsSchool table.gp-table td .mobile-block .half p { width: 50%; } #groupsSchool table.gp-table td .mobile-block + .mobile-block { margin-top: 5px; } } #programsWeekend { padding-top: 60px; padding-bottom: 100px; } #programsWeekend .section-body.body-half .section-body__content dl.dl-overview { padding-bottom: 20px; } #programsWeekend .section-body.body-half .section-body__content .plan { margin-left: -5px; margin-right: -5px; } #programsWeekend .section-body.body-half .section-body__content .plan .col { padding-left: 5px; padding-right: 5px; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item { display: flex; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__top { height: 30px; display: flex; justify-content: center; align-items: center; font-size: 12px; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__bottom { height: 78px; display: flex; justify-content: center; align-items: top; font-size: 12px; text-align: center; padding-top: 14px; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__type { width: 50px; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__type .item__top { background-color: #000f21; color: #fff; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__type .item__bottom { border-left: 1px solid #000f21; border-bottom: 1px solid #000f21; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__when { width: calc(100% - 50px); } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__when .item__top { background-color: #eee; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__when .item__bottom { border-left: 1px solid #eee; border-bottom: 1px solid #eee; } @media (max-width: 991px) { #programsWeekend { padding-top: 30px; } #programsWeekend .section-body.body-half .section-body__content .plan { flex-direction: column; } #programsWeekend .section-body.body-half .section-body__content .plan .col { flex: none; margin-top: 10px; } #programsWeekend .section-body.body-half .section-body__content .plan .col:first-child { margin-top: 0; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__type { margin-right: 5px; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__type .item__top { border-top: 1px solid #000f21; border-bottom: 1px solid #000f21; background-color: #fff; color: #111; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__type .item__bottom { border-left: 0; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__when { width: calc(100% - 55px); } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__when .item__top { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff; } #programsWeekend .section-body.body-half .section-body__content .plan .col .item__when .item__bottom { border-left: none; } #programsWeekend .section-body.body-half .section-body__content dl.gp-overview { padding-bottom: 20px; } } #programsGsportsclub { padding-top: 60px; padding-bottom: 100px; } #programsGsportsclub .section-body.body-half .section-body__content dl.dl-overview { padding-bottom: 20px; } #programsGsportsclub .section-body.body-half .section-body__content .plan { margin-left: -5px; margin-right: -5px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col { padding-left: 5px; padding-right: 5px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item { display: flex; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__top { height: 30px; display: flex; justify-content: center; align-items: center; font-size: 12px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__bottom { height: 78px; display: flex; justify-content: center; align-items: top; font-size: 12px; text-align: center; padding-top: 14px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__type { width: 50px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__type .item__top { background-color: #000f21; color: #fff; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__type .item__bottom { border-left: 1px solid #000f21; border-bottom: 1px solid #000f21; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__when { width: calc(100% - 50px); } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__when .item__top { background-color: #eee; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__when .item__bottom { border-left: 1px solid #eee; border-bottom: 1px solid #eee; } @media (max-width: 991px) { #programsGsportsclub { padding-top: 30px; } #programsGsportsclub .section-body.body-half .section-body__content .plan { flex-direction: column; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col { flex: none; margin-top: 10px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col:first-child { margin-top: 0; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__type { margin-right: 5px; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__type .item__top { border-top: 1px solid #000f21; border-bottom: 1px solid #000f21; background-color: #fff; color: #111; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__type .item__bottom { border-left: 0; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__when { width: calc(100% - 55px); } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__when .item__top { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background-color: #fff; } #programsGsportsclub .section-body.body-half .section-body__content .plan .col .item__when .item__bottom { border-left: none; } #programsGsportsclub .section-body.body-half .section-body__content dl.gp-overview { padding-bottom: 20px; } } #programsLeader { padding-top: 60px; padding-bottom: 100px; } #programsLeader .section-body.body-half .section-body__content dl.gp-dl { padding-bottom: 0; margin-bottom: 20px; } #programsLeader .section-body.body-half .section-body__content table.gp-table thead tr th { padding-left: 10px; font-size: 14px; } #programsLeader .section-body.body-half .section-body__content table.gp-table thead tr th:last-child { padding-right: 10px; } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td { padding-left: 10px; font-size: 14px; } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td:last-child { padding-right: 10px; } #programsLeader .section-body.body-half .section-body__content .leader-normal { padding-bottom: 50px; } #programsLeader .section-body.body-half .section-body__content .leader-senior { border-top: 1px solid #eee; padding-top: 16px; } @media (max-width: 991px) { #programsLeader { padding-top: 30px; padding-bottom: 100px; } #programsLeader .section-body.body-half .section-body__content dl.gp-dl { margin-bottom: 0; } #programsLeader .section-body.body-half .section-body__content table.gp-table { border-top: 1px solid #000f21; } #programsLeader .section-body.body-half .section-body__content table.gp-table thead { display: none; } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td { display: flex; flex-wrap: wrap; padding: 10px 0; } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td:not(:last-child) { display: none; } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td b, #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td span:nth-child(3) { width: 80px; margin-right: 5px; } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td span:nth-child(2), #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td span:nth-child(4) { width: calc(100% - 80px - 5px); } #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td b, #programsLeader .section-body.body-half .section-body__content table.gp-table tbody tr td span:nth-child(2) { margin-bottom: 5px; } #programsLeader .section-body.body-half .section-body__content .leader-senior { padding-top: 0; border-top: none; } } #programsWeekend { padding-top: 60px; padding-bottom: 100px; } #programsWeekend .section-body.body-half .section-body__content dl.gp-dl.dl-plan { padding-bottom: 20px; } #programsWeekend .section-body.body-half .section-body__content dl.gp-dl.dl-plan div { margin-bottom: 10px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table thead tr th { padding-left: 10px; font-size: 14px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table thead tr th:last-child { padding-right: 10px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td { padding-left: 10px; font-size: 12px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td:last-child { padding-right: 10px; } @media (max-width: 991px) { #programsWeekend { padding-top: 30px; } #programsWeekend .section-title { margin-bottom: 0; } #programsWeekend .section-body.body-half .section-body__content dl.gp-dl { padding-top: 16px; } #programsWeekend .section-body.body-half .section-body__content dl.gp-dl.dl-plan { padding-bottom: 30px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table { border-top: 1px solid #000f21; } #programsWeekend .section-body.body-half .section-body__content table.gp-table thead { display: none; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr { display: flex; flex-wrap: wrap; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr:first-child td { padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #000f21; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr:first-child td b { display: inline-block; margin-top: 1px; margin-bottom: 1px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td { display: none; padding-right: 0; padding-left: 0; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p { margin-bottom: 5px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p:last-child { margin-bottom: 0; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.date, #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.class { display: flex; flex-wrap: wrap; width: 100%; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.date > span, #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.class > span { width: 80px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.date > span:last-child, #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.class > span:last-child { width: calc(100% - 170px); } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.date > span:not(:last-child), #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td p.class > span:not(:last-child) { margin-right: 5px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td b { display: inline-block; margin-bottom: 5px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td:first-child { display: block; width: 80px; } #programsWeekend .section-body.body-half .section-body__content table.gp-table tbody tr td:nth-child(3) { display: block; width: calc(100% - 80px); padding-right: 0; } } @charset "UTF-8"; .community__search { display: flex; justify-content: space-between; margin-bottom: 20px; } .community__search .btn { width: 145px; height: 40px; font-size: 14px; } .community__search--keyword { width: 290px; position: relative; } .community__search--keyword input { padding-right: 35px; width: 100%; } .community__search--keyword .icon-search { width: 30px; height: 30px; background-image: url(/static/images/common/search.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 7px; top: 7px; cursor: pointer; } .community .gp-table { margin-bottom: 20px; } .community .gp-table thead tr th { padding-left: 10px; font-size: 14px; } .community .gp-table thead tr th:last-child { padding-right: 10px; } .community .gp-table tbody tr td { padding-left: 10px; font-size: 14px; } .community .gp-table tbody tr td:last-child { padding-right: 10px; } .community .gp-table tbody tr.tr-top td { font-weight: bold; } .community .gp-table tbody tr.tr-no td { text-align: center !important; } @media (max-width: 991px) { .community .gp-table tbody tr.tr-no td { display: block !important; } } @media (max-width: 768px) { .community__search { flex-direction: column; } .community__search .btn { width: 100%; margin-bottom: 20px; } .community__search--keyword { width: 100%; } } /* 상세 */ #communityReferencesDetails { padding-top: 60px; padding-bottom: 100px; } #communityReferencesDetails .section-body.body-half .section-body__content { margin-top: -20px; } @media (max-width: 991px) { #communityReferencesDetails { padding-top: 30px; } } @charset "UTF-8"; #communityAlbums { padding-top: 60px; padding-bottom: 100px; } #communityAlbums .section-body.body-half .section-body__content .row { margin-left: -7.5px; margin-right: -7.5px; flex-wrap: wrap; margin-bottom: 10px; } #communityAlbums .section-body.body-half .section-body__content .row .col { padding-left: 7.5px; padding-right: 7.5px; width: 33.3333%; max-width: 33.3333%; flex-basis: auto; flex-grow: unset; } #communityAlbums .section-body.body-half .section-body__content .row .col.col-no { text-align: center; padding: 100px 0; font-size: 14px; width: 100%; } #communityAlbums .section-body.body-half .section-body__content .item { margin-bottom: 30px; cursor: pointer; } #communityAlbums .section-body.body-half .section-body__content .item__image { width: 100%; height: 120px; border-radius: 10px; background-color: #eee; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; } #communityAlbums .section-body.body-half .section-body__content .item__title { font-size: 14px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 2px; } #communityAlbums .section-body.body-half .section-body__content .item__date { font-size: 12px; text-align: center; } @media (max-width: 991px) { #communityAlbums { padding-top: 30px; } } @media (max-width: 768px) { #communityAlbums .section-body.body-half .section-body__content .row { position: relative; margin-bottom: 0; padding-top: 20px; } #communityAlbums .section-body.body-half .section-body__content .row::before { content: ""; position: absolute; top: 0; left: 7.5px; width: calc(100% - 15px); height: 1px; background-color: #000f21; } #communityAlbums .section-body.body-half .section-body__content .row .col { width: 100%; max-width: 100%; } #communityAlbums .section-body.body-half .section-body__content .item__image { height: 50vw; } } /* 상세 */ #communityAlbumsDetails { padding-top: 60px; padding-bottom: 100px; } #communityAlbumsDetails .section-body.body-half .section-body__content { margin-top: -20px; } #communityAlbumsDetails .section-body.body-half .section-body__content dl.dl-text dd { max-width: 100%; } #communityAlbumsDetails .section-body.body-half .section-body__content dl.dl-text dd .image { max-width: 100%; margin-bottom: 10px; } #communityAlbumsDetails .section-body.body-half .section-body__content dl.dl-text dd .desc { margin-top: 40px; } @media (max-width: 991px) { #communityAlbumsDetails { padding-top: 30px; } } #communityBoards { padding-top: 60px; padding-bottom: 100px; } #communityBoards .section-body.body-half .section-body__content .gp-table thead tr th:first-child { width: 85px; } #communityBoards .section-body.body-half .section-body__content .gp-table thead tr th:nth-child(3) { width: 80px; padding-left: 20px; } #communityBoards .section-body.body-half .section-body__content .gp-table thead tr th:last-child { text-align: right; width: 95px; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td { position: relative; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 40px; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(3) { padding-left: 20px; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td:last-child { text-align: right; } @media (max-width: 991px) { #communityBoards { padding-top: 30px; } #communityBoards .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #communityBoards .section-body.body-half .section-body__content .gp-table thead { display: none; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 0; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td:not(:nth-child(2)) { display: none; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 0; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td .mobile-block > div { display: flex; flex-wrap: wrap; align-items: center; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td p { width: 50%; margin-bottom: 0; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td p:nth-child(2) { text-align: right; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td p.title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 40px); max-height: 40px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; } #communityBoards .section-body.body-half .section-body__content .gp-table tbody tr td img { position: static; margin-left: auto; } #communityBoards .section-body.body-half .section-body__content .gp-bottom .pagination { justify-content: center; } #communityBoards .section-body.body-half .section-body__content .gp-bottom .btn.btn-write { position: static; margin: 20px 0 0 auto; } } #communityBoardsDetails { padding-top: 60px; padding-bottom: 100px; } #communityBoardsDetails .section-body.body-half .section-body__content { margin-top: -20px; } #communityBoardsDetails .section-body.body-half .section-body__content dl.dl-text dd { max-width: 100%; } @media (max-width: 991px) { #communityBoardsDetails { padding-top: 30px; } } #communityBoardsNew { padding-top: 60px; padding-bottom: 100px; } #communityBoardsNew .section-body.body-half .section-body__content { margin-top: -20px; } @media (max-width: 991px) { #communityBoardsNew { padding-top: 30px; } } @media (max-width: 768px) { #communityBoardsNew .gp-editor__btn { flex-direction: column-reverse; margin-top: 10px; margin-right: 0; margin-left: 0; padding-top: 20px; border-top: 1px solid #eee; } #communityBoardsNew .gp-editor__btn .col { flex: none; width: 100%; padding-right: 0; padding-left: 0; } #communityBoardsNew .gp-editor__btn .col + .col { margin-bottom: 10px; } } #communityBoardsEdit { padding-top: 60px; padding-bottom: 100px; } #communityBoardsEdit .section-body.body-half .section-body__content { margin-top: -20px; } @media (max-width: 991px) { #communityBoardsEdit { padding-top: 30px; } } @media (max-width: 768px) { #communityBoardsEdit .gp-editor__btn { flex-direction: column; margin-top: 10px; margin-right: 0; margin-left: 0; padding-top: 20px; border-top: 1px solid #eee; } #communityBoardsEdit .gp-editor__btn .col { padding-right: 0; padding-left: 0; } #communityBoardsEdit .gp-editor__btn .col + .col { margin-top: 10px; } } @charset "UTF-8"; #communityCareers { padding-top: 60px; padding-bottom: 100px; } #communityCareers .section-body.body-half .section-body__content .gp-table thead tr th:first-child { width: 85px; } #communityCareers .section-body.body-half .section-body__content .gp-table thead tr th:last-child { text-align: right; width: 110px; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td { position: relative; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 40px; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td:last-child { text-align: right; } @media (max-width: 991px) { #communityCareers { padding-top: 30px; } #communityCareers .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #communityCareers .section-body.body-half .section-body__content .gp-table thead { display: none; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 0; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td:not(:nth-child(2)) { display: none; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 0; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td .mobile-block > div { display: flex; flex-wrap: wrap; align-items: center; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td p { width: 50%; margin-bottom: 0; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td p:nth-child(2) { text-align: right; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td p.title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 40px); max-height: 40px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; } #communityCareers .section-body.body-half .section-body__content .gp-table tbody tr td img { position: static; margin-left: auto; } } /* 상세 */ #communityCareersDetails { padding-top: 60px; padding-bottom: 100px; } #communityCareersDetails .section-body.body-half .section-body__content { margin-top: -20px; } #communityCareersDetails .section-body.body-half .section-body__content dl.dl-text dd { max-width: 100%; } @media (max-width: 991px) { #communityCareersDetails { padding-top: 30px; } } @charset "UTF-8"; #communityManagements { padding-top: 60px; padding-bottom: 100px; } #communityManagements .section-body.body-half .section-body__content .gp-table thead tr th:first-child { width: 85px; } #communityManagements .section-body.body-half .section-body__content .gp-table thead tr th:last-child { text-align: right; width: 110px; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td { position: relative; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 40px; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td:last-child { text-align: right; } @media (max-width: 991px) { #communityManagements { padding-top: 30px; } #communityManagements .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #communityManagements .section-body.body-half .section-body__content .gp-table thead { display: none; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 0; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td:not(:nth-child(2)) { display: none; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 0; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td .mobile-block > div { display: flex; flex-wrap: wrap; align-items: center; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td p { width: 50%; margin-bottom: 0; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td p:nth-child(2) { text-align: right; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td p.title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 40px); max-height: 40px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; } #communityManagements .section-body.body-half .section-body__content .gp-table tbody tr td img { position: static; margin-left: auto; } } /* 상세 */ #communityManagementsDetails { padding-top: 60px; padding-bottom: 100px; } #communityManagementsDetails .section-body.body-half .section-body__content { margin-top: -20px; } #communityManagementsDetails .section-body.body-half .section-body__content dl.dl-text dd { max-width: 100%; } @media (max-width: 991px) { #communityManagementsDetails { padding-top: 30px; } } @charset "UTF-8"; #communityNotices { padding-top: 60px; padding-bottom: 100px; } #communityNotices .section-body.body-half .section-body__content .gp-table thead tr th:first-child { width: 85px; } #communityNotices .section-body.body-half .section-body__content .gp-table thead tr th:last-child { text-align: right; width: 110px; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td { position: relative; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 40px; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td:last-child { text-align: right; } @media (max-width: 991px) { #communityNotices { padding-top: 30px; } #communityNotices .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #communityNotices .section-body.body-half .section-body__content .gp-table thead { display: none; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 0; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td:not(:nth-child(2)) { display: none; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 0; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td .mobile-block > div { display: flex; flex-wrap: wrap; align-items: center; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td p { width: 50%; margin-bottom: 0; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td p:nth-child(2) { text-align: right; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td p.title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 40px); max-height: 40px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; } #communityNotices .section-body.body-half .section-body__content .gp-table tbody tr td img { position: static; margin-left: auto; } } /* 상세 */ #communityNoticesDetails { padding-top: 60px; padding-bottom: 100px; } #communityNoticesDetails .section-body.body-half .section-body__content { margin-top: -20px; } #communityNoticesDetails .section-body.body-half .section-body__content dl.dl-text dd { max-width: 100%; } @media (max-width: 991px) { #communityNoticesDetails { padding-top: 30px; } } @charset "UTF-8"; #communityQna { padding-top: 60px; padding-bottom: 100px; } #communityQna .section-body.body-half .section-body__content .gp-table thead tr th:first-child { width: 85px; } #communityQna .section-body.body-half .section-body__content .gp-table thead tr th:nth-child(3) { width: 70px; } #communityQna .section-body.body-half .section-body__content .gp-table thead tr th:last-child { text-align: right; width: 95px; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td { position: relative; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 80px; position: relative; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) .link { cursor: pointer; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td:last-child { text-align: right; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .icons { position: absolute; right: 10px; top: 5px; display: flex; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .icons .icon { width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .icons .icon.icon-lock { background-image: url(/static/images/community/icon-lock.png); } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .icons .icon.icon-check { background-image: url(/static/images/community/icon-check.png); } @media (max-width: 991px) { #communityQna { padding-top: 30px; } #communityQna .section-title { margin-bottom: 0; } #communityQna .section-body.body-half .section-body__content .gp-table thead { display: none; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td { display: none; padding: 10px 0; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td:first-child { display: flex; flex-wrap: wrap; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td span { width: 50%; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td p { margin: 0; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .date { width: 50%; text-align: right; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .title { position: relative; display: flex; width: 100%; margin-top: 5px; padding-right: 80px; } #communityQna .section-body.body-half .section-body__content .gp-table tbody tr td .icons { top: 0; right: 0; } #communityQna .section-body.body-half .section-body__content .gp-bottom .pagination { justify-content: center; } #communityQna .section-body.body-half .section-body__content .gp-bottom .btn.btn-write { position: static; margin: 20px 0 0 auto; } } /* 비밀번호 확인 모달 */ #passwordCheckModal .modal-content { width: 320px; } #passwordCheckModal .modal-header { border-bottom: none; } #passwordCheckModal .modal-header h5 { font-size: 16px; text-align: center; display: flex; margin: 0; width: 100%; justify-content: center; align-items: center; } #passwordCheckModal .modal-header h5 .icon { background-image: url(/static/images/community/icon-unlock.png); width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 3px; } #passwordCheckModal .modal-body { padding: 0 15px 15px; } #passwordCheckModal .modal-body .form-group { margin-bottom: 10px; } #passwordCheckModal .modal-body .form-group input { width: 100%; } #passwordCheckModal .modal-body .row { padding-top: 10px; border-top: 1px solid #eee; margin-left: -5px; margin-right: -5px; } #passwordCheckModal .modal-body .row .col { padding-left: 5px; padding-right: 5px; } #passwordCheckModal .modal-body .row .col .btn { width: 100%; height: 40px; font-weight: bold; } @media (max-width: 768px) { #passwordCheckModal .modal-content { width: calc(100vw - 10px); max-width: 320px; } } #communityQnaNew { padding-top: 60px; padding-bottom: 100px; } #communityQnaNew .section-body.body-half .section-body__content { margin-top: -20px; } #communityQnaNew .section-body.body-half .section-body__content textarea { margin-top: 10px; } @media (max-width: 991px) { #communityQnaNew { padding-top: 30px; } } @media (max-width: 768px) { #communityQnaNew .gp-editor__btn { flex-direction: column-reverse; margin-top: 10px; margin-right: 0; margin-left: 0; padding-top: 20px; border-top: 1px solid #eee; } #communityQnaNew .gp-editor__btn .col { flex: none; width: 100%; padding-right: 0; padding-left: 0; } #communityQnaNew .gp-editor__btn .col + .col { margin-bottom: 10px; } } #communityQnaDetails { padding-top: 60px; padding-bottom: 100px; } #communityQnaDetails .section-body.body-half .section-body__content { margin-top: -20px; } #communityQnaDetails .section-body.body-half .section-body__content.gp-board dl.dl-text { border-bottom: 1px solid #000f21; } #communityQnaDetails .section-body.body-half .section-body__content.gp-board dl.dl-text dd { min-height: 200px; } #communityQnaDetails .section-body.body-half .section-body__content.gp-board dl.dl-comment dt, #communityQnaDetails .section-body.body-half .section-body__content.gp-board dl.dl-comment dd { min-height: 104px; padding-top: 14px; } @media (max-width: 991px) { #communityQnaDetails { padding-top: 30px; } } #communityReferences { padding-top: 60px; padding-bottom: 100px; } #communityReferences .section-body.body-half .section-body__content .gp-table thead tr th:first-child { width: 85px; } #communityReferences .section-body.body-half .section-body__content .gp-table thead tr th:last-child { text-align: right; width: 110px; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td { position: relative; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td img { width: 30px; position: absolute; top: 5px; right: 0; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 40px; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td:last-child { text-align: right; } @media (max-width: 991px) { #communityReferences { padding-top: 30px; } #communityReferences .section-body.body-half .section-body__content .gp-table { border-top: 1px solid #000f21; } #communityReferences .section-body.body-half .section-body__content .gp-table thead { display: none; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td { padding-left: 0; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td:not(:nth-child(2)) { display: none; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td:nth-child(2) { padding-right: 0; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td .mobile-block > div { display: flex; flex-wrap: wrap; align-items: center; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td p { width: 50%; margin-bottom: 0; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td p:nth-child(2) { text-align: right; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td p.title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 40px); max-height: 40px; overflow: hidden; margin-top: 5px; text-overflow: ellipsis; } #communityReferences .section-body.body-half .section-body__content .gp-table tbody tr td img { position: static; margin-left: auto; } } #mypage-programs .mypage__content--body .program-intro { font-size: 14px; margin-bottom: 20px; margin-top: -10px; } #mypage-programs .mypage__content--body .gp-table { margin-bottom: 20px; } #mypage-programs .mypage__content--body .gp-table thead tr th:first-child { width: 60px; } #mypage-programs .mypage__content--body .gp-table thead tr th:last-child { text-align: center; padding-right: 0; width: 90px; } #mypage-programs .mypage__content--body .gp-table tbody tr td { font-size: 12px; padding-top: 7px; padding-bottom: 7px; } #mypage-programs .mypage__content--body .gp-table tbody tr td .btn { width: 80px; height: 30px; font-size: 12px; margin: 0 auto; } #mypage-programs .mypage__content--body .gp-table tbody tr td:last-child { text-align: center; padding-right: 0; } @media (max-width: 991px) { #mypage-programs .mypage__content--body .program-intro { margin-top: 0; } #mypage-programs .mypage__content--body .gp-table { border-top: 1px solid #eee; } #mypage-programs .mypage__content--body .gp-table thead { display: none; } #mypage-programs .mypage__content--body .gp-table tbody tr td { display: none; padding: 10px 0; } #mypage-programs .mypage__content--body .gp-table tbody tr td:nth-child(2) { display: block; } #mypage-programs .mypage__content--body .gp-table tbody .mobile-block { display: flex; flex-wrap: wrap; } #mypage-programs .mypage__content--body .gp-table tbody .mobile-block a, #mypage-programs .mypage__content--body .gp-table tbody .mobile-block p { width: 50%; margin: 0 0 5px; } #mypage-programs .mypage__content--body .gp-table tbody .mobile-block a:first-child, #mypage-programs .mypage__content--body .gp-table tbody .mobile-block p:nth-child(3) { width: calc(100% - 110px); } #mypage-programs .mypage__content--body .gp-table tbody .mobile-block p:nth-child(2), #mypage-programs .mypage__content--body .gp-table tbody .mobile-block p:nth-child(4) { max-width: 100px; margin-left: 10px; } #mypage-programs .mypage__content--body .gp-table tbody .mobile-block .status { width: 100%; margin-top: 5px; } #mypage-programs .mypage__content--body .gp-table tbody .mobile-block .status a { width: 100%; } } #mypage-programs-details .mypage__content--body .program-group { border-radius: 10px; border: solid 1px #eee; background-color: #fafafa; padding: 10px 15px; margin-bottom: 20px; } #mypage-programs-details .mypage__content--body .program-group dl { flex-wrap: wrap; padding: 10px 0; border-bottom: none; } #mypage-programs-details .mypage__content--body .program-group dl dt { width: 100px; margin-right: 0; padding: 0; } #mypage-programs-details .mypage__content--body .program-group dl dd { padding: 0; } #mypage-programs-details .mypage__content--body .apply-group .row { margin-left: -25px; margin-right: -25px; } #mypage-programs-details .mypage__content--body .apply-group .row .col-lg-6 { padding-left: 25px; padding-right: 25px; } #mypage-programs-details .mypage__content--body .apply-group .form-group { margin-bottom: 30px; } #mypage-programs-details .mypage__content--body .apply-group .form-group > label { display: block; margin-bottom: 10px; font-size: 16px; font-weight: normal; } #mypage-programs-details .mypage__content--body .apply-group .form-group > label sup { color: #0076ff; } #mypage-programs-details .mypage__content--body .apply-group .form-group input[type="text"], #mypage-programs-details .mypage__content--body .apply-group .form-group input[type="number"] { width: 100%; } #mypage-programs-details .mypage__content--body .apply-group .form-group input:read-only { background-color: #fff; } #mypage-programs-details .mypage__content--body .apply-group .form-group .radio label { margin-right: 10px; width: 62px; font-size: 14px; } #mypage-programs-details .mypage__content--body .apply-group dl { display: flex; margin-bottom: 0; border-bottom: none; } #mypage-programs-details .mypage__content--body .apply-group dl:last-child { margin-bottom: 10px; } #mypage-programs-details .mypage__content--body .apply-group dl dt { padding: 0; font-size: 14px; font-weight: bold; width: 100px; margin-right: 10px; } #mypage-programs-details .mypage__content--body .apply-group dl dd { padding: 0; font-size: 14px; margin: 0; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; display: flex; justify-content: flex-end; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .btn { width: 215px; font-weight: bold; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .row { margin-left: -7.5px; margin-right: -7.5px; flex: 1; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .row .col { padding-left: 7.5px; padding-right: 7.5px; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .row .col .btn { width: 100%; } @media (max-width: 991px) { #mypage-programs-details .section-title { margin-bottom: 10px; } #mypage-programs-details .mypage__content--body .program-group { margin-bottom: 30px; padding: 0 10px; border-radius: 3px; } #mypage-programs-details .mypage__content--body .apply-group .row { margin-right: 0; margin-left: 0; } #mypage-programs-details .mypage__content--body .apply-group .row .col-lg-6 { padding-right: 0; padding-left: 0; } #mypage-programs-details .mypage__content--body .apply-group .form-group { margin-bottom: 20px; } #mypage-programs-details .mypage__content--body .apply-group .form-group .radio { margin-bottom: 38px; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn { margin-top: 30px; padding-top: 20px; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .row { position: relative; flex-direction: row-reverse; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; padding-top: 60px; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .row .col { width: 50%; padding-left: 5px; padding-right: 5px; } #mypage-programs-details .mypage__content--body .apply-group .apply-group__btn .row .col:last-child { position: absolute; top: 0; left: 0; width: 100%; } } #programsApply, #programsApplyDone { padding-top: 60px; padding-bottom: 100px; } #programsApply .section-body.body-half .section-body__content .apply-group, #programsApplyDone .section-body.body-half .section-body__content .apply-group { padding-bottom: 50px; } #programsApply .section-body.body-half .section-body__content .apply-group h5, #programsApplyDone .section-body.body-half .section-body__content .apply-group h5 { font-size: 18px; font-weight: bold; margin-top: 0; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } #programsApply .section-body.body-half .section-body__content .apply-group.program h5, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program h5 { padding-bottom: 0; border-bottom: none; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body { border-radius: 10px; border: solid 1px #eee; background-color: #fafafa; padding: 10px 15px; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl { border-bottom: none; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dt, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dt { width: 100px; margin-right: 0; padding: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dd, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dd { padding: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.classes .apply-group__body .radio, #programsApplyDone .section-body.body-half .section-body__content .apply-group.classes .apply-group__body .radio { margin-bottom: 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.classes .apply-group__body .radio:last-child, #programsApplyDone .section-body.body-half .section-body__content .apply-group.classes .apply-group__body .radio:last-child { margin-bottom: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.form h5, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form h5 { margin-bottom: 20px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row { margin-left: -25px; margin-right: -25px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row .col-md-6, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row .col-md-6 { padding-left: 25px; padding-right: 25px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group { margin-bottom: 30px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group label, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group label { display: block; margin-bottom: 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group label sup, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group label sup { color: #0076ff; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group input[type="text"], #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group input[type="number"], #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group input[type="text"], #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group input[type="number"] { width: 100%; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group .radio label, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group .radio label { display: inline-block; width: 82px; margin-right: 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .terms-group label, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .terms-group label { margin-bottom: 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .terms-group__box, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .terms-group__box { max-height: 300px; overflow: auto; font-size: 14px; border-radius: 10px; border: solid 1px #eeeeee; background-color: #fafafa; padding: 10px 15px; margin-bottom: 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .terms-group .checkbox, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .terms-group .checkbox { margin-bottom: 50px; } #programsApply .section-body.body-half .section-body__content .apply-group.done, #programsApply .section-body.body-half .section-body__content .apply-group.deposit, #programsApplyDone .section-body.body-half .section-body__content .apply-group.done, #programsApplyDone .section-body.body-half .section-body__content .apply-group.deposit { padding-bottom: 30px; } #programsApply .section-body.body-half .section-body__content .apply-group.done h5, #programsApply .section-body.body-half .section-body__content .apply-group.deposit h5, #programsApplyDone .section-body.body-half .section-body__content .apply-group.done h5, #programsApplyDone .section-body.body-half .section-body__content .apply-group.deposit h5 { padding-bottom: 0; border-bottom: none; } #programsApply .section-body.body-half .section-body__content .apply-group.program-done, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program-done { padding-bottom: 20px; } #programsApply .section-body.body-half .section-body__content .apply-btn-group, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group { border-top: 1px solid #eee; padding-top: 20px; } #programsApply .section-body.body-half .section-body__content .apply-btn-group .row, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group .row { margin-left: -5px; margin-right: -5px; } #programsApply .section-body.body-half .section-body__content .apply-btn-group .row .col, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group .row .col { padding-left: 5px; padding-right: 5px; } #programsApply .section-body.body-half .section-body__content .apply-btn-group .row .col .btn, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group .row .col .btn { width: 100%; font-weight: bold; } @media (max-width: 991px) { #programsApply, #programsApplyDone { padding-top: 30px; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body { padding: 5px 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl { padding: 5px 0; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dt, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dt { margin-bottom: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dd, #programsApplyDone .section-body.body-half .section-body__content .apply-group.program .apply-group__body dl dd { width: calc(100% - 100px); } } @media (max-width: 768px) { #programsApply .section-body.body-half .section-body__content .apply-group h5, #programsApplyDone .section-body.body-half .section-body__content .apply-group h5 { line-height: normal; } #programsApply .section-body.body-half .section-body__content .apply-group.classes .apply-group__body, #programsApplyDone .section-body.body-half .section-body__content .apply-group.classes .apply-group__body { padding: 0 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.form, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form { padding-bottom: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row { margin-right: 0; margin-left: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row .col-md-6, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .row .col-md-6 { padding-right: 0; padding-left: 0; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .form-group { margin-bottom: 20px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .col-md-6:nth-child(3) .form-group label, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .col-md-6:nth-child(3) .form-group label { margin-bottom: 20px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .apply-group__body .col-md-6:nth-child(3) .form-group .radio, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .apply-group__body .col-md-6:nth-child(3) .form-group .radio { margin-bottom: 8px; padding-left: 10px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .terms-group, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .terms-group { margin-top: 30px; } #programsApply .section-body.body-half .section-body__content .apply-group.form .terms-group .checkbox, #programsApplyDone .section-body.body-half .section-body__content .apply-group.form .terms-group .checkbox { padding-left: 10px; } #programsApply .section-body.body-half .section-body__content .apply-btn-group .row, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group .row { flex-direction: column; margin: 0; } #programsApply .section-body.body-half .section-body__content .apply-btn-group .row .col, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group .row .col { flex: none; padding: 0; } #programsApply .section-body.body-half .section-body__content .apply-btn-group .row .col + .col, #programsApplyDone .section-body.body-half .section-body__content .apply-btn-group .row .col + .col { margin-top: 10px; } } .navbar.navbar-admin { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; margin: 0; padding: 0 20px; width: 100%; position: fixed; top: 0; left: 0; background-color: #f1f1f1; border-radius: 0; z-index: 1000; -webkit-transition: background-color 0.6s; transition: background-color 0.6s; } .navbar.navbar-admin .navbar__logo { flex-grow: 1; } .navbar.navbar-admin .navbar__logo a { display: inline-block; } .navbar.navbar-admin .navbar__logo a img { width: 180px; } .navbar.navbar-admin .navbar__gnb { display: flex; justify-content: flex-end; align-items: center; height: 75px; } .navbar.navbar-admin .navbar__gnb ul.gnb { list-style: none; margin: 0; padding: 0; display: flex; flex-flow: row nowrap; } .navbar.navbar-admin .navbar__gnb ul.gnb > li { margin: 0 5px; position: relative; font-size: 16px; } .navbar.navbar-admin .navbar__gnb ul.gnb > li > a, .navbar.navbar-admin .navbar__gnb ul.gnb > li > span { width: 80px; height: 75px; cursor: pointer; display: flex; align-items: center; justify-content: center; } .navbar.navbar-admin .navbar__gnb ul.gnb > li > a:hover, .navbar.navbar-admin .navbar__gnb ul.gnb > li.active > a, .navbar.navbar-admin .navbar__gnb ul.gnb > li > span:hover, .navbar.navbar-admin .navbar__gnb ul.gnb > li.active > span { font-weight: bold; } .navbar.navbar-admin .navbar__gnb ul.gnb > li ul.gnb__sub { display: none; position: absolute; list-style: none; margin: 0; padding: 10px; top: 75px; left: -10px; z-index: 1000; background-color: #111; } .navbar.navbar-admin .navbar__gnb ul.gnb > li ul.gnb__sub li { width: 80px; text-align: center; margin-bottom: 15px; color: #fff; font-size: 14px; } .navbar.navbar-admin .navbar__gnb ul.gnb > li ul.gnb__sub li a { font-weight: normal; } .navbar.navbar-admin .navbar__gnb ul.gnb > li ul.gnb__sub li a:hover, .navbar.navbar-admin .navbar__gnb ul.gnb > li ul.gnb__sub li.active a { font-weight: bold; } .navbar.navbar-admin .navbar__gnb ul.gnb > li ul.gnb__sub li:last-child { margin-bottom: 0; } .navbar.navbar-admin .navbar__gnb ul.gnb > li.show-sub ul.gnb__sub { display: block; } .btn { border-radius: 5px; padding: 0; display: flex; justify-content: center; align-items: center; font-size: 16px; height: 40px; width: 100%; } .btn:hover, .btn:focus { -webkit-transition: background-color 0.6s; transition: background-color 0.6s; } .btn.btn-border { border: solid 1px #111; background-color: #fff; } .btn.btn-border:hover, .btn.btn-border:focus, .btn.btn-border:active { background-color: #eee; } .btn.btn-black { border: solid 1px #555; background-color: #555; color: #fff; } .btn.btn-black:hover, .btn.btn-black:focus, .btn.btn-black:active { border: solid 1px #111; background-color: #111; } .btn.btn-black:disabled, .btn.btn-black.disabled { border: solid 1px #999; background-color: #999; color: #333; } .btn.btn-red { border: solid 1px #8B2200; background-color: #8B2200; color: #fff; } .btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active { border: solid 1px #800000; background-color: #800000; } .btn.btn-red:disabled, .btn.btn-red.disabled { border: solid 1px #999; background-color: #999; color: #333; } .btn.btn-xs { font-size: 12px; height: 25px; width: 80px; } .mt-5 { margin-top: 5px !important; } .admin-content { flex: 1; margin-top: 75px; padding-top: 40px; padding-bottom: 100px; } .admin-content .section-title { border-bottom: 1px solid #111; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; } .admin-content .section-title h2 { margin: 0; font-size: 24px; font-weight: bold; line-height: 40px; } .admin-content .section-title .btn { width: 200px; height: 40px; } .admin-content .section-tabs { display: flex; justify-content: flex-start; margin-bottom: 20px; } .admin-content .section-tabs .tab { border: 1px solid #555; color: #555; border-radius: 5px; margin-right: 5px; height: 30px; display: flex; justify-content: center; align-items: center; padding: 0 10px; font-size: 14px; min-width: 120px; cursor: pointer; } .admin-content .section-tabs .tab.active, .admin-content .section-tabs .tab:hover, .admin-content .section-tabs .tab:focus { background-color: #555; color: #fff; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } .admin-content .section-tabs .tab:active { border: solid 1px #111; background-color: #111; color: #fff; } .admin-content .section-tabs select { height: 30px; width: 180px; padding: 0 10px; font-size: 14px; margin-right: 10px; } .admin-content .section-table table.table { width: 100%; font-size: 14px; } .admin-content .section-table table.table thead tr th { background-color: #555; color: #fff; border: none; font-weight: normal; text-align: center; padding: 5px; } .admin-content .section-table table.table tbody tr td { text-align: center; border-bottom: 1px solid #555; vertical-align: middle; font-weight: 300; } .admin-content .section-table table.table tbody tr td .thumbnail { margin: 0; width: 100px; height: 70px; background-color: #fafafa; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; display: inline-block; } .admin-content .section-table table.table tbody tr td .thumbnail.thumbnail-mobile { width: 70px; height: 100px; } .admin-content .section-table table.table tbody tr td .btn { margin: 0 auto; } .admin-content .section-table table.table tbody tr td.td-form { width: 200px; } .admin-content .section-table table.table tbody tr td.td-form select { height: 25px; font-size: 12px; padding: 0 10px; width: 90px; } .admin-content .section-table table.table tbody tr td.td-form .btn { display: inline-block; margin-left: 5px; width: 40px; } .admin-content .section-form .form-group { display: flex; align-items: flex-start; } .admin-content .section-form .form-group > *:not(label) { flex: 1; } .admin-content .section-form .form-group > label { width: 140px; line-height: 35px; margin-bottom: 0; } .admin-content .section-form .form-group input[type=text], .admin-content .section-form .form-group input[type=number], .admin-content .section-form .form-group input[type=password], .admin-content .section-form .form-group input[type=file], .admin-content .section-form .form-group select { width: 100%; border-radius: 5px; border: 1px solid #ddd; height: 35px; padding: 0 10px; background-color: #fff; } .admin-content .section-form .form-group input[type=text].w-300, .admin-content .section-form .form-group input[type=number].w-300, .admin-content .section-form .form-group input[type=password].w-300, .admin-content .section-form .form-group input[type=file].w-300, .admin-content .section-form .form-group select.w-300 { max-width: 300px; } .admin-content .section-form .form-group textarea { width: 100%; border-radius: 5px; border: 1px solid #ddd; height: 100px; padding: 10px; resize: none; } .admin-content .section-form .form-group > div:not(.fr-box) { display: flex; } .admin-content .section-form .form-group > div:not(.fr-box) .preview { width: 200px; height: 140px; background-color: #fafafa; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; } .admin-content .section-form .form-group > div:not(.fr-box) .preview.preview-mobile { width: 140px; height: 200px; } .admin-content .section-form .form-group .checkbox { min-height: 35px; align-items: center; } .admin-content .section-form .form-group .checkbox label { margin-right: 20px; } .admin-content .section-form .form-group .radio { min-height: 35px; align-items: center; display: flex; } .admin-content .section-form .form-group .radio label { margin-right: 20px; margin-bottom: 0; } .admin-content .section-form .form-group.file-edit > div { display: block; } .admin-content .section-form .form-group.file-edit > div .filename { font-size: 14px; margin-top: 5px; display: flex; align-items: center; } .admin-content .section-form .form-group.file-edit > div .filename .btn { margin-left: 5px; } .admin-content .section-form .form-group.class-edit > div input { width: 160px; margin-right: 10px; } .admin-content .section-form .form-group.class-edit > div input:first-child { width: 300px; } .admin-content .section-form .form-group-btn { padding-left: 140px; display: flex; margin-bottom: 15px; } .admin-content .section-form .form-group-btn .btn { width: 200px; margin-right: 10px; } .admin-content .section-form .group { padding-bottom: 30px; } .admin-content .section-form .group__title { font-size: 14px; font-weight: bold; margin-bottom: 10px; } .admin-content .section-form .group .row { margin-left: -30px; margin-right: -30px; flex-wrap: wrap; } .admin-content .section-form .group .row .col { padding-left: 30px; padding-right: 30px; width: 33.33%; flex-basis: auto; flex-grow: unset; } .admin-content .section-form .group .row .col .checkbox { margin-bottom: 10px; padding-left: 10px; } .admin-content .section-form .group .row .col input { width: 100%; } .admin-content .section-details .details-group { display: flex; align-items: flex-start; margin-bottom: 10px; } .admin-content .section-details .details-group > label { width: 140px; margin-bottom: 0; font-weight: bold; } .admin-content .section-details .details-group > div { flex: 1; display: flex; align-items: center; } .admin-content .section-details .details-group > div .btn { margin-left: 10px; } .admin-content .section-details .details-group > div.block { display: block; } .admin-content .section-details .details-group > div.files { display: block; line-height: normal; } .admin-content .section-details .details-group > div.files > div { line-height: 35px; text-decoration: underline; } .admin-content .section-details .details-group-btn { padding-left: 140px; display: flex; margin-bottom: 15px; } .admin-content .section-details .details-group-btn .btn { width: 200px; margin-right: 10px; } .admin-content .section-pagination .pagination > li > a, .admin-content .section-pagination .pagination > li > span { color: #555; } .admin-content .section-pagination .pagination > .active > a, .admin-content .section-pagination .pagination > .active > a:focus, .admin-content .section-pagination .pagination > .active > a:hover, .admin-content .section-pagination .pagination > .active > span, .admin-content .section-pagination .pagination > .active > span:focus, .admin-content .section-pagination .pagination > .active > span:hover { background-color: #555; border-color: #555; color: #fff; } .admin-content .section-pagination .pagination > li:first-child > a, .admin-content .section-pagination .pagination > li:first-child > span { border-top-left-radius: 0; border-bottom-left-radius: 0; } .admin-content .section-pagination .pagination > li:last-child > a, .admin-content .section-pagination .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0; } .admin-content .section-download { display: flex; justify-content: flex-end; } .admin-content .section-download .btn { width: 200px; } .admin-content .section-calendar .calendar__table tbody tr td .td__event > div { font-size: 12px; margin-left: -10px; margin-right: -10px; margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden; border-radius: 0; border: none; background-color: #000f21; color: #fff; padding: 0 10px; display: flex; align-content: center; } .admin-content .section-calendar .calendar__table tbody tr td .td__event > div.e-gpd { background-color: #03260a; } .admin-content .section-calendar .calendar__table tbody tr td .td__event > div.e-private { background-color: #555; } /* react-datepicker */ .react-datepicker-wrapper { display: block !important; } .react-datepicker { font-size: 1em !important; } .react-datepicker__header { padding-top: 0.8em !important; } .react-datepicker__day-name, .react-datepicker__day { width: 1.9em !important; line-height: 1.9em !important; margin: 0.166em !important; } .react-datepicker__current-month { font-size: 1em !important; } .react-datepicker__navigation { top: 1em !important; line-height: 1.7em !important; border: 0.45em solid transparent !important; } .react-datepicker__navigation--previous { border-right-color: #ccc !important; left: 1em !important; } .react-datepicker__navigation--next { border-left-color: #ccc !important; right: 1em !important; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 100px !important; } .react-datepicker-time__header { font-size: 1em !important; } .react-datepicker-popper { z-index: 10 !important; } /* modal */ .admin-modal .modal-header { padding: 14px 20px 18px; border-bottom: none; position: relative; } .admin-modal .modal-header h5 { font-size: 24px; font-weight: bold; color: #000f21; margin: 0; } .admin-modal .modal-header .close { background-image: url(/static/images/common/close.png); width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; margin: 0; opacity: 1; position: absolute; top: 7px; right: 7px; } .admin-modal .modal-body { padding: 0 20px 20px; } @charset "UTF-8"; .calendar__header { display: flex; justify-content: center; align-items: center; margin-bottom: 20px; } .calendar__header--text { flex: 1; font-size: 20px; font-weight: bold; text-align: center; } .calendar__header--arrow { width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; cursor: pointer; } .calendar__header--arrow.prev { background-image: url(/static/images/events/calendar-left.png); } .calendar__header--arrow.next { background-image: url(/static/images/events/calendar-right.png); } .calendar__table { table-layout: fixed; margin-bottom: 0; } .calendar__table thead tr th { font-size: 14px; font-weight: bold; text-align: right; padding: 0 10px 10px; border-top: none; border-bottom: 1px solid #000f21; width: calc(100% / 7); } .calendar__table tbody tr { border-bottom: 1px solid #eee; } .calendar__table tbody tr td { height: 106px; padding: 5px 10px; vertical-align: top; position: relative; } .calendar__table tbody tr td .td__date { font-size: 14px; text-align: right; margin-bottom: 10px; cursor: pointer; } .calendar__table tbody tr td .td__event > div { margin-top: 5px; margin-left: -5px; margin-right: -5px; padding: 0 15px 0 5px; height: 28px; border-radius: 14px; border: solid 1px #000f21; background-color: #fff; cursor: pointer; font-size: 14px; line-height: 26px; overflow: hidden; position: relative; } .calendar__table tbody tr td .td__event > div:after { content: "\2026"; position: absolute; right: 5px; top: 0px; } .calendar__table tbody tr td .td__event > div:hover { background-color: #000f21; color: #fff; } .calendar__table tbody tr td:before { content: ""; width: 1px; height: 86px; background-color: #eee; position: absolute; left: 0; top: 10px; } .calendar__table tbody tr:last-child { border-bottom: none; } #calendarModal .modal-header { padding: 14px 20px 18px; border-bottom: none; position: relative; } #calendarModal .modal-header h5 { font-size: 24px; font-weight: bold; color: #000f21; margin: 0; } #calendarModal .modal-header .close { background-image: url(/static/images/common/close.png); width: 40px; height: 40px; background-size: contain; background-repeat: no-repeat; background-position: center; padding: 0; margin: 0; opacity: 1; position: absolute; top: 14px; right: 14px; } #calendarModal .modal-body { max-height: 400px; padding: 0 20px 20px; overflow: auto; } #calendarModal .modal-body .item { border-top: 1px solid #000f21; padding-top: 16px; padding-bottom: 46px; } #calendarModal .modal-body .item__title { font-size: 18px; font-weight: bold; margin-bottom: 10px; } #calendarModal .modal-body .item__info { font-size: 14px; margin-bottom: 20px; } #calendarModal .modal-body .item__btn .btn { height: 40px; } #calendarModal .modal-body .item:last-child { padding-bottom: 0; } @media (max-width: 768px) { #calendarModal .modal-header { padding: 14px 5px 14px 10px; } #calendarModal .modal-body { padding: 0 14px 20px; } #calendarModal .modal-body .item__info { margin-bottom: 0; } #calendarModal .modal-body .item__btn { margin-top: 20px; } } @charset "UTF-8"; #main { /* 장애인체육회 */ } #main .section-banner { padding-top: 10px; padding-bottom: 66px; } #main .section-banner .slick-slider { position: relative; } #main .section-banner .slick-slider .slick-list .item__container { height: 100vh; display: flex; height: 400px; border-radius: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; } #main .section-banner .slick-slider .slick-list .item__container:before { content: ""; background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; top: 0; left: 0; position: absolute; border-radius: 10px; } #main .section-banner .slick-slider .slick-list .item__container p { margin-top: 0; font-size: 16px; font-weight: bold; color: #fff; position: absolute; top: 15px; right: 15px; text-align: right; } #main .section-banner .slick-slider .slick-arrow { font-size: 0; font-size: 0; width: 50px; height: 50px; border: none; background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; margin-top: -25px; } #main .section-banner .slick-slider .slick-arrow.slick-prev { background-image: url(/static/images/common/slick-left.png); left: -50px; } #main .section-banner .slick-slider .slick-arrow.slick-next { background-image: url(/static/images/common/slick-right.png); right: -50px; } #main .section-banner .slick-slider .slick-dots { position: absolute; bottom: -16px; list-style: none; margin: 0; padding: 0; display: flex !important; justify-content: center; width: 100%; } #main .section-banner .slick-slider .slick-dots li { padding: 0 5px; } #main .section-banner .slick-slider .slick-dots li button { font-size: 0; width: 6px; height: 6px; background-color: #eee; border-radius: 3px; padding: 0; border: none; } #main .section-banner .slick-slider .slick-dots li.slick-active button { background-color: #000f21; } @media (max-width: 991px) { #main .section-banner .slick-slider .slick-list .item { vertical-align: top; } #main .section-banner .slick-slider .slick-list .item__container { height: 276px; } } @media (max-width: 768px) { #main .section-banner { padding-bottom: 15px; } #main .section-banner > .container { padding-right: 0; padding-left: 0; } #main .section-banner .slick-slider .slick-list .item .item__container { height: 125vw; border-radius: 0; } } #main .section-column { margin-bottom: 40px; } #main .section-column .row { margin-right: -10px; margin-left: -10px; } #main .section-column .row .col { padding-left: 10px; padding-right: 10px; width: 33.33333%; } #main .section-column .column { height: 470px; max-height: 470px; border-radius: 10px; border: solid 1px #eee; background-color: #fafafa; } #main .section-column .column__title { font-size: 16px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #000f21; } #main .section-column .column__title a { font-size: 12px; font-weight: normal; margin-left: 10px; } #main .section-column .column.column-notice { padding: 15px 15px 0; } #main .section-column .column.column-notice ul { list-style-type: none; padding: 0; margin: 0; } #main .section-column .column.column-notice ul li { padding: 10px 0; border-top: 1px solid #eee; } #main .section-column .column.column-notice ul li .li__title { font-size: 14px; height: 40px; overflow: hidden; display: block; margin-bottom: 5px; } #main .section-column .column.column-notice ul li .li__date { font-size: 12px; text-align: right; display: block; opacity: 0.5; } #main .section-column .column.column-notice ul li:first-child { border-top: none; } #main .section-column .column.column-notice ul li.li-no { font-size: 14px; } #main .section-column .column.column-link { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 5px; } #main .section-column .column.column-link .link { height: 150px; width: 50%; max-width: 150px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; margin-bottom: 5px; cursor: pointer; } #main .section-column .column.column-link .link__icon { width: 80px; height: 80px; background-color: #fff; border-radius: 50%; margin-bottom: 6px; } #main .section-column .column.column-link .link__title { font-size: 16px; font-weight: bold; text-align: center; } #main .section-column .column.column-link .link:after { content: ""; position: absolute; } #main .section-column .column.column-link .link:nth-child(1):after, #main .section-column .column.column-link .link:nth-child(3):after { width: 300px; height: 1px; background-color: #eee; bottom: 0; left: 5px; } #main .section-column .column.column-link .link:nth-child(2n):after { width: 1px; height: 110px; background-color: #eee; left: -2.5px; top: 50%; transform: translateY(-50%); } @media (min-width: 992px) { #main .section-column .column.column-link .link:hover .link__icon { -webkit-transition: background-color 0.6s; transition: background-color 0.6s; background-color: #000f21; } } #main .section-column .column.column-link .link.link-1 .link__icon { background-image: url(/static/images/main/icon-1.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-1:hover .link__icon { background-image: url(/static/images/main/icon-1-wt.png); } } #main .section-column .column.column-link .link.link-2 .link__icon { background-image: url(/static/images/main/icon-2.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-2:hover .link__icon { background-image: url(/static/images/main/icon-2-wt.png); } } #main .section-column .column.column-link .link.link-3 .link__icon { background-image: url(/static/images/main/icon-3.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-3:hover .link__icon { background-image: url(/static/images/main/icon-3-wt.png); } } #main .section-column .column.column-link .link.link-4 .link__icon { background-image: url(/static/images/main/icon-4.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-4:hover .link__icon { background-image: url(/static/images/main/icon-4-wt.png); } } #main .section-column .column.column-link .link.link-5 .link__icon { background-image: url(/static/images/main/icon-5.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-5:hover .link__icon { background-image: url(/static/images/main/icon-5-wt.png); } } #main .section-column .column.column-link .link.link-6 .link__icon { background-image: url(/static/images/main/icon-6.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-6:hover .link__icon { background-image: url(/static/images/main/icon-6-wt.png); } } #main .section-column .column.column-link .link.link-7 .link__icon { background-image: url(/static/images/main/icon-7.png); background-size: 50px; background-repeat: no-repeat; background-position: center; } @media (min-width: 992px) { #main .section-column .column.column-link .link.link-7:hover .link__icon { background-image: url(/static/images/main/icon-7-wt.png); } } #main .section-column .column.column-calendar { padding: 15px 15px 0; } #main .section-column .column.column-calendar .column__body { padding-top: 10px; } #main .section-column .column.column-calendar .column__body .calendar__header { margin-bottom: 8px; } #main .section-column .column.column-calendar .column__body .calendar__header--text { font-size: 16px; } #main .section-column .column.column-calendar .column__body .calendar__table thead tr th { font-size: 12px; padding: 0 0 5px; text-align: center; } #main .section-column .column.column-calendar .column__body .calendar__table tbody tr td { height: 38px; padding: 0; } #main .section-column .column.column-calendar .column__body .calendar__table tbody tr td:before { display: none; } #main .section-column .column.column-calendar .column__body .calendar__table tbody tr td .td__date { width: 28px; height: 28px; border-radius: 15px; opacity: 0.5; margin: 4px auto; display: flex; justify-content: center; align-items: center; font-size: 12px; } #main .section-column .column.column-calendar .column__body .calendar__table tbody tr td .td__event { display: none; } #main .section-column .column.column-calendar .column__body .calendar__table tbody tr td.active .td__date { border: solid 1px #eee; background-color: #fff; opacity: 1; font-weight: bold; } #main .section-column .column.column-calendar .column__body .calendar-list { overflow: auto; height: 127px; border-top: 1px solid #eee; } #main .section-column .column.column-calendar .column__body .calendar-list .item { height: 63px; display: flex; justify-content: center; flex-direction: column; cursor: pointer; border-bottom: 1px solid #eee; } #main .section-column .column.column-calendar .column__body .calendar-list .item__title { font-size: 14px; margin-bottom: 5px; } #main .section-column .column.column-calendar .column__body .calendar-list .item__period { opacity: 0.5; font-size: 12px; } #main .section-column .column.column-calendar .column__body .calendar-list .item:hover .item__title { font-weight: bold; } @media (max-width: 991px) { #main .section-column { margin-bottom: 35px; } #main .section-column .row .col { flex: none; width: 100%; } #main .section-column .column { height: auto; border: none; border-radius: 0; background-color: transparent; } #main .section-column .column.column-notice { padding-top: 0; padding-right: 0; padding-left: 0; } #main .section-column .column.column-notice ul li { border-top: none; border-bottom: 1px solid #eee; } #main .section-column .column.column-link { background-color: #fafafa; } #main .section-column .column.column-link .link { max-width: 50%; } #main .section-column .column.column-link .link:nth-child(1):after, #main .section-column .column.column-link .link:nth-child(3):after { width: calc(200% - 10px); } #main .section-column .column.column-calendar { position: relative; padding-right: 0; padding-left: 0; } #main .section-column .column.column-calendar::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #eee; } #main .section-column .column.column-calendar .column__body .calendar-list { height: auto; max-height: 127px; } } @media (max-width: 768px) { #main .section-column .column.column-link { width: calc(100% + 30px); margin-left: -15px; } } #main .section-album { margin-bottom: 50px; } #main .section-album .album__title { margin-bottom: 10px; font-size: 16px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #000f21; } #main .section-album .album__title a { font-size: 12px; font-weight: normal; margin-left: 10px; } #main .section-album .album__list { margin-left: -10px; margin-right: -10px; } #main .section-album .album__list .slick-track { height: 189px; overflow: hidden; } #main .section-album .album__list .item { padding: 0 10px; cursor: pointer; } #main .section-album .album__list .item__image { width: 100%; height: 150px; border-radius: 10px; margin-bottom: 10px; background-size: cover; background-repeat: no-repeat; background-position: center; border: 1px solid #fff; } #main .section-album .album__list .item__title { font-size: 16px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 992px) { #main .section-album .album__list .item:hover .item__image { border: 1px solid #000f21; } } #main .section-album .album__list .slick-arrow { font-size: 0; font-size: 0; width: 50px; height: 50px; border: none; background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50px; } #main .section-album .album__list .slick-arrow.slick-prev { background-image: url(/static/images/common/slick-left.png); left: -40px; } #main .section-album .album__list .slick-arrow.slick-next { background-image: url(/static/images/common/slick-right.png); right: -40px; } @media (max-width: 991px) { #main .section-album .album__list { margin-right: 0; } #main .section-album .album__list .item { width: 255px !important; } } @media (max-width: 768px) { #main .section-album > .container { padding-right: 0; } } #main .section-link .link-slider { width: 100%; padding: 20px 0; display: flex; justify-content: center; align-items: center; } #main .section-link .link-slider .item { margin: 0 14px; } #main .section-link .link-slider .item img { height: 30px; } #main .section-link .link-slider .item.item-small img { height: 24px; } #main.gpcosaDisabled .section-column .column.column-link { height: 320px; margin-bottom: 20px; } #main.gpcosaDisabled .section-column .column.column-link .link:nth-child(3):after { display: none; } #main.gpcosaDisabled .section-column .column.column-link .link:hover .link__icon { background-color: #03260a; } #main.gpcosaDisabled .section-column .column.column-contact { height: 130px; padding: 15px; } #main.gpcosaDisabled .section-column .column.column-contact .column__body { margin-top: 10px; font-size: 14px; } #main.gpcosaDisabled .section-album .album__title { border-bottom: 1px solid #03260a; } #main.gpcosaDisabled .section-album .album__list .item:hover .item__image { border: 1px solid #03260a; } @media (max-width: 991px) { #main.gpcosaDisabled .section-column .column.column-link { margin-bottom: 0; } #main.gpcosaDisabled .section-column .column.column-contact { padding-right: 0; padding-left: 0; } } #popupModal .modal-body { padding: 20px; } #popupModal .modal-body .popup__image { margin-bottom: 20px; } #popupModal .modal-body .popup__image img { width: 100%; border-radius: 5px; } #popupModal .modal-body .popup__btn { margin-bottom: 16px; } #popupModal .modal-body .popup__btn .btn { width: 100%; font-weight: bold; } #popupModal .modal-body .popup__close { display: flex; justify-content: space-between; } #popupModal .modal-body .popup__close .close { width: 100px; opacity: 1; font-size: 16px; font-weight: bold; text-align: right; color: #000f21; line-height: normal; cursor: pointer; } @media (max-width: 768px) { #popupModal .modal-body { padding: 10px 10px 19px; } #popupModal .modal-body .popup__image { margin-bottom: 10px; } #popupModal .modal-body .popup__btn { margin-bottom: 19px; } #popupModal .modal-body .popup__close { padding: 0 7px 0 10px; } } #eventsCalendar { padding-top: 60px; padding-bottom: 60px; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box { border-radius: 10px; border: solid 1px #eee; background-color: #fafafa; padding: 20px 20px 0; position: relative; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box > .btn { position: absolute; right: 20px; top: 20px; height: 40px; font-size: 14px; width: 200px; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box .calendar__header { width: 290px; } @media (max-width: 991px) { #eventsCalendar { padding-top: 30px; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box { margin-top: 61px; padding: 20px 15px 0; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box > .btn { top: -61px; right: 0; width: 100%; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box .calendar__header { margin: 0 auto 20px; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box + .mobile-block { display: none; } } @media (max-width: 768px) { #eventsCalendar { padding-bottom: 0; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box { width: calc(100% + 30px); margin-left: -15px; border-radius: 0; } #eventsCalendar .section-body.body-half .section-body__content .calendar-box > .btn { right: 15px; width: calc(100% - 30px); } #eventsCalendar .section-body.body-half .section-body__content .calendar-box + .mobile-block { display: block; } #eventsCalendar .calendar__table thead tr th { padding: 0 0 5px; text-align: center; } #eventsCalendar .calendar__table tbody tr td { height: 40px; padding: 0; } #eventsCalendar .calendar__table tbody tr td:before { display: none; } #eventsCalendar .calendar__table tbody tr td .td__date { width: 30px; height: 30px; border-radius: 15px; margin: 4px auto; display: flex; justify-content: center; align-items: center; color: #111; } #eventsCalendar .calendar__table tbody tr td .td__event { display: none; } #eventsCalendar .calendar__table tbody tr td.active .td__date { border: solid 1px #000f21; background-color: #000f21; color: #fff; } #eventsCalendar .calendar-list { width: calc(100% + 30px); min-height: calc(100vh - 394px - 90px - 61px - 305px - 30px); margin-bottom: 0; margin-left: -15px; padding: 30px 15px 100px; background-color: #fafafa; list-style: none; } #eventsCalendar .calendar-list li { padding: 10px 0; border-bottom: 1px solid #000f21; } #eventsCalendar .calendar-list li:first-child { border-top: 1px solid #000f21; } #eventsCalendar .calendar-list li div { font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: normal; color: #000f21; } #eventsCalendar .calendar-list .item__title { margin-top: 5px; font-weight: bold; } } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { margin-left: -8px; position: absolute; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { box-sizing: content-box; position: absolute; border: 8px solid transparent; height: 0; width: 1px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { content: ""; z-index: -1; border-width: 8px; left: -8px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle { top: 0; margin-top: -8px; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle, .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { border-top: none; border-bottom-color: #f0f0f0; } .react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle::before { top: -1px; border-bottom-color: #aeaeae; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { bottom: 0; margin-bottom: -8px; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { border-bottom: none; border-top-color: #fff; } .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before, .react-datepicker__month-read-view--down-arrow::before, .react-datepicker__month-year-read-view--down-arrow::before { bottom: -1px; border-top-color: #aeaeae; } .react-datepicker-wrapper { display: inline-block; padding: 0; border: 0; } .react-datepicker { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.8rem; background-color: #fff; color: #000; border: 1px solid #aeaeae; border-radius: 0.3rem; display: inline-block; position: relative; } .react-datepicker--time-only .react-datepicker__triangle { left: 35px; } .react-datepicker--time-only .react-datepicker__time-container { border-left: 0; } .react-datepicker--time-only .react-datepicker__time { border-radius: 0.3rem; } .react-datepicker--time-only .react-datepicker__time-box { border-radius: 0.3rem; } .react-datepicker__triangle { position: absolute; left: 50px; } .react-datepicker-popper { z-index: 1; } .react-datepicker-popper[data-placement^="bottom"] { margin-top: 10px; } .react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle, .react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle { left: auto; right: 50px; } .react-datepicker-popper[data-placement^="top"] { margin-bottom: 10px; } .react-datepicker-popper[data-placement^="right"] { margin-left: 8px; } .react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle { left: auto; right: 42px; } .react-datepicker-popper[data-placement^="left"] { margin-right: 8px; } .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle { left: 42px; right: auto; } .react-datepicker__header { text-align: center; background-color: #f0f0f0; border-bottom: 1px solid #aeaeae; border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; padding-top: 8px; position: relative; } .react-datepicker__header--time { padding-bottom: 8px; padding-left: 5px; padding-right: 5px; } .react-datepicker__year-dropdown-container--select, .react-datepicker__month-dropdown-container--select, .react-datepicker__month-year-dropdown-container--select, .react-datepicker__year-dropdown-container--scroll, .react-datepicker__month-dropdown-container--scroll, .react-datepicker__month-year-dropdown-container--scroll { display: inline-block; margin: 0 2px; } .react-datepicker__current-month, .react-datepicker-time__header, .react-datepicker-year-header { margin-top: 0; color: #000; font-weight: bold; font-size: 0.944rem; } .react-datepicker-time__header { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-datepicker__navigation { background: none; line-height: 1.7rem; text-align: center; cursor: pointer; position: absolute; top: 10px; width: 0; padding: 0; border: 0.45rem solid transparent; z-index: 1; height: 10px; width: 10px; text-indent: -999em; overflow: hidden; } .react-datepicker__navigation--previous { left: 10px; border-right-color: #ccc; } .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--next { right: 10px; border-left-color: #ccc; } .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) { right: 80px; } .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; } .react-datepicker__navigation--years { position: relative; top: 0; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__navigation--years-previous { top: 4px; border-top-color: #ccc; } .react-datepicker__navigation--years-previous:hover { border-top-color: #b3b3b3; } .react-datepicker__navigation--years-upcoming { top: -4px; border-bottom-color: #ccc; } .react-datepicker__navigation--years-upcoming:hover { border-bottom-color: #b3b3b3; } .react-datepicker__month-container { float: left; } .react-datepicker__year-container { margin: 0.4rem; text-align: center; display: flex; flex-wrap: wrap; } .react-datepicker__year-container-text { display: inline-block; cursor: pointer; flex: 1 0 30%; width: 12px; padding: 2px; } .react-datepicker__month { margin: 0.4rem; text-align: center; } .react-datepicker__month .react-datepicker__month-text, .react-datepicker__month .react-datepicker__quarter-text { display: inline-block; width: 4rem; margin: 2px; } .react-datepicker__input-time-container { clear: both; width: 100%; float: left; margin: 5px 0 10px 15px; text-align: left; } .react-datepicker__input-time-container .react-datepicker-time__caption { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container { display: inline-block; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input { display: inline-block; margin-left: 10px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input { width: 85px; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button, .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] { -moz-appearance: textfield; } .react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter { margin-left: 5px; display: inline-block; } .react-datepicker__time-container { float: right; border-left: 1px solid #aeaeae; width: 85px; } .react-datepicker__time-container--with-today-button { display: inline; border: 1px solid #aeaeae; border-radius: 0.3rem; position: absolute; right: -72px; top: 0; } .react-datepicker__time-container .react-datepicker__time { position: relative; background: white; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box { width: 85px; overflow-x: hidden; margin: 0 auto; text-align: center; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list { list-style: none; margin: 0; height: calc(195px + (1.7rem / 2)); overflow-y: scroll; padding-right: 0px; padding-left: 0px; width: 100%; box-sizing: content-box; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item { height: 30px; padding: 5px 10px; white-space: nowrap; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover { cursor: pointer; background-color: #f0f0f0; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected { background-color: #216ba5; color: white; font-weight: bold; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover { background-color: #216ba5; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled { color: #ccc; } .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__week-number { color: #ccc; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__week-number.react-datepicker__week-number--clickable { cursor: pointer; } .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day-names, .react-datepicker__week { white-space: nowrap; } .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name { color: #000; display: inline-block; width: 1.7rem; line-height: 1.7rem; text-align: center; margin: 0.166rem; } .react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover { background-color: #1d5d90; } .react-datepicker__month--disabled, .react-datepicker__quarter--disabled { color: #ccc; pointer-events: none; } .react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover { cursor: default; background-color: transparent; } .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text { cursor: pointer; } .react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { border-radius: 0.3rem; background-color: #f0f0f0; } .react-datepicker__day--today, .react-datepicker__month-text--today, .react-datepicker__quarter-text--today { font-weight: bold; } .react-datepicker__day--highlighted, .react-datepicker__month-text--highlighted, .react-datepicker__quarter-text--highlighted { border-radius: 0.3rem; background-color: #3dcc4a; color: #fff; } .react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover { background-color: #32be3f; } .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1 { color: magenta; } .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2 { color: green; } .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range { border-radius: 0.3rem; background-color: #216ba5; color: #fff; } .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover { background-color: #1d5d90; } .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected { border-radius: 0.3rem; background-color: #2a87d0; color: #fff; } .react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover { background-color: #1d5d90; } .react-datepicker__day--in-selecting-range , .react-datepicker__month-text--in-selecting-range , .react-datepicker__quarter-text--in-selecting-range { background-color: rgba(33, 107, 165, 0.5); } .react-datepicker__month--selecting-range .react-datepicker__day--in-range , .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range , .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range { background-color: #f0f0f0; color: #000; } .react-datepicker__day--disabled, .react-datepicker__month-text--disabled, .react-datepicker__quarter-text--disabled { cursor: default; color: #ccc; } .react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover { background-color: transparent; } .react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover { background-color: #216ba5; } .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover { background-color: #f0f0f0; } .react-datepicker__input-container { position: relative; display: inline-block; width: 100%; } .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view { border: 1px solid transparent; border-radius: 0.3rem; } .react-datepicker__year-read-view:hover, .react-datepicker__month-read-view:hover, .react-datepicker__month-year-read-view:hover { cursor: pointer; } .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow { border-top-color: #b3b3b3; } .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow { border-top-color: #ccc; float: right; margin-left: 20px; top: 8px; position: relative; border-width: 0.45rem; } .react-datepicker__year-dropdown, .react-datepicker__month-dropdown, .react-datepicker__month-year-dropdown { background-color: #f0f0f0; position: absolute; width: 50%; left: 25%; top: 30px; z-index: 1; text-align: center; border-radius: 0.3rem; border: 1px solid #aeaeae; } .react-datepicker__year-dropdown:hover, .react-datepicker__month-dropdown:hover, .react-datepicker__month-year-dropdown:hover { cursor: pointer; } .react-datepicker__year-dropdown--scrollable, .react-datepicker__month-dropdown--scrollable, .react-datepicker__month-year-dropdown--scrollable { height: 150px; overflow-y: scroll; } .react-datepicker__year-option, .react-datepicker__month-option, .react-datepicker__month-year-option { line-height: 20px; width: 100%; display: block; margin-left: auto; margin-right: auto; } .react-datepicker__year-option:first-of-type, .react-datepicker__month-option:first-of-type, .react-datepicker__month-year-option:first-of-type { border-top-left-radius: 0.3rem; border-top-right-radius: 0.3rem; } .react-datepicker__year-option:last-of-type, .react-datepicker__month-option:last-of-type, .react-datepicker__month-year-option:last-of-type { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-bottom-left-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .react-datepicker__year-option:hover, .react-datepicker__month-option:hover, .react-datepicker__month-year-option:hover { background-color: #ccc; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming { border-bottom-color: #b3b3b3; } .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous { border-top-color: #b3b3b3; } .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected { position: absolute; left: 15px; } .react-datepicker__close-icon { cursor: pointer; background-color: transparent; border: 0; outline: 0; padding: 0px 6px 0px 0px; position: absolute; top: 0; right: 0; height: 100%; display: table-cell; vertical-align: middle; } .react-datepicker__close-icon::after { cursor: pointer; background-color: #216ba5; color: #fff; border-radius: 50%; height: 16px; width: 16px; padding: 2px; font-size: 12px; line-height: 1; text-align: center; display: table-cell; vertical-align: middle; content: "\D7"; } .react-datepicker__today-button { background: #f0f0f0; border-top: 1px solid #aeaeae; cursor: pointer; text-align: center; font-weight: bold; padding: 5px 0; clear: left; } .react-datepicker__portal { position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); left: 0; top: 0; justify-content: center; align-items: center; display: flex; z-index: 2147483647; } .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 3rem; line-height: 3rem; } @media (max-width: 400px), (max-height: 550px) { .react-datepicker__portal .react-datepicker__day-name, .react-datepicker__portal .react-datepicker__day, .react-datepicker__portal .react-datepicker__time-name { width: 2rem; line-height: 2rem; } } .react-datepicker__portal .react-datepicker__current-month, .react-datepicker__portal .react-datepicker-time__header { font-size: 1.44rem; } .react-datepicker__portal .react-datepicker__navigation { border: 0.81rem solid transparent; } .react-datepicker__portal .react-datepicker__navigation--previous { border-right-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--previous:hover { border-right-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--previous--disabled, .react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover { border-right-color: #e6e6e6; cursor: default; } .react-datepicker__portal .react-datepicker__navigation--next { border-left-color: #ccc; } .react-datepicker__portal .react-datepicker__navigation--next:hover { border-left-color: #b3b3b3; } .react-datepicker__portal .react-datepicker__navigation--next--disabled, .react-datepicker__portal .react-datepicker__navigation--next--disabled:hover { border-left-color: #e6e6e6; cursor: default; }