img {max-width:100%;} html,body {height:100%;} .qr img {width: 100px!important; height:100px;} #header {box-shadow:inset 0 -1rem 0 #D8D8D8;position:relative;z-index:200;} #header .head {background:#F6F6F6;padding:0 15rem;} #header .head .inner {max-width:1440rem;height:40rem;display:flex;align-items:center;justify-content:flex-end;gap:15rem;margin:0 auto;} #header .head .menu {display:flex;align-items:center;gap:38rem;} #header .head .menu li {position:relative;} #header .head .menu li ~ li:before {content:'';display:block;width:1rem;height:14rem;position:absolute;left:-18rem;top:50%;margin-top:-7rem;background:#C7C7C7;} #header .head .menu li a {display:block;font-size:13rem;color:#a8a8a8;} #header .head .tnb {display:flex;} #header .head .tnb a {display:flex;height:28rem;width:79rem;align-items:center;justify-content:center;background:#fff;border:1rem solid #EBEBEB;font-size:13rem;font-weight:600;color:#b9b9b9;} #header .head .tnb a ~ a {margin-left:-1rem;} #header .head .tnb a:first-child {border-radius:4rem 0 0 4rem;} #header .head .tnb a:last-child {border-radius:0 4rem 4rem 0;} #header .foot {padding:0 15rem;} #header .foot .inner {max-width:1440rem;height:100rem;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:flex-end;} #header .foot .logo {position:absolute;left:0;top:50%;transform:translateY(-50%);} #header .foot .logo a {display:flex;gap:14rem;text-indent:-9999rem;align-items:center;} #header .foot .logo strong {display:block;width:223rem;height:49rem;background:url(../images/logo.svg) no-repeat 50% 50% / contain;} #header .foot .logo span {display:block;width:89rem;height:20rem;background:url(../images/logo-txt.svg) no-repeat 50% 50% / contain;} #header .foot .gnb {margin-right:100rem;display:flex;} #header .foot .gnb > li {position:relative;} #header .foot .gnb > li > a {display:flex;height:100rem;padding:0 40rem;font-size:18rem;font-weight:600;color:#5e5e5e;align-items:center;position:relative; width:170rem; justify-content: center;} #header .foot .gnb > li > a:before {content:'';display:block;height:6rem;background:#0098E1;position:absolute;left:0;bottom:0;width:100%;transition:0.3s;transform:scale(0,1);} #header .foot .gnb > li > ul {z-index:200;position:absolute;left:50%;transform:translate(-50%, 10rem);top:70rem;width:160rem;border:3rem solid #0098E1;border-radius:20rem;background:#fff;padding:20rem 0;opacity:0;visibility:hidden;pointer-events:none;transition:0.2s;} #header .foot .gnb > li:hover > a:before, #header .foot .gnb > li.active > a:before {transform:none;} #header .foot .gnb > li:hover > ul, #header .foot .gnb > li:focus-within > ul {opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%, 0);} #header .foot .gnb > li > ul > li > a {display:block;font-size:15rem;color:#696969;font-weight:500;padding:10rem 0;text-align:center;transition:0.2s;} #header .foot .gnb > li > ul > li.active > a, #header .foot .gnb > li > ul > li > a:hover {color:#5CB531;font-weight:bold;} #header .foot .search {font-size:24rem;position:absolute;right:54rem;top:50%;transform:translateY(-50%);} #header .foot .mnu {font-size:24rem;position:absolute;right:7rem;top:50%;transform:translateY(-50%) scale(1.5,1);} #nav {position:absolute;left:0;top:40rem;width:100%;z-index:250;background:#fff;padding:0 15rem 50rem;visibility:hidden;opacity:0;pointer-events:none;transition:0.2s;} #nav:before {content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100rem;background:#0098E1;} #nav .inner {max-width:1440rem;margin:0 auto;position:relative;} #nav .head {display:flex;height:100rem;align-items:center;justify-content:space-between;} #nav .head h2 {font-size:24rem;font-weight:normal;color:#fff;} #nav .head .close {color:#fff;font-size:30rem;} #nav .gnb {padding-top:50rem;display:flex;justify-content:space-between;} #nav .gnb > li > a {display:flex;align-items:center;font-size:22rem;font-weight:600;color:#5CB531;gap:7rem;} #nav .gnb > li > a:after {content:'\EA6E';display:block;font-family:remixicon;font-weight:normal;font-size:30rem;} #nav .gnb > li > ul {margin-top:27px;} #nav .gnb > li > ul > li ~ li {margin-top:15rem;} #nav .gnb > li > ul > li > a {font-size:17rem;font-weight:500;color:#696969;} .navOn #nav {visibility:visible;opacity:1;pointer-events:auto;} #search {position:absolute;left:0;top:140rem;background:#fff;z-index:250;padding:50rem 15rem;width:100%;visibility:hidden;opacity:0;pointer-events:none;transition:0.2s;box-shadow:0 3rem 5rem rgba(0,0,0,0.1);} #search .inner {max-width:836rem;margin:0 auto;} #search .sch {display:block;position:relative;} #search .sch input {display:block;width:100%;height:56rem;border-radius:28rem;border:1rem solid #929CA5;font-size:16rem;font-weight:500;padding-left:19rem;font-size:16rem;} #search .sch button {font-size:20rem;position:absolute;right:20rem;top:50%;transform:translateY(-50%);color:#000;} #search .word {margin-top:25rem;padding:0 20rem;} #search .word dl {display:flex;gap:20rem;} #search .word dl dt {font-size:16rem;font-weight:600;color:#404040;} #search .word dl dd {width:0;flex-grow:1;display:flex;flex-wrap:wrap;gap:10rem 15rem;} #search .word dl dd a {font-size:14rem;color:#868686;} .schOn #header .foot .search i:before {content:'\f4c7';} .schOn #search {visibility:visible;opacity:1;pointer-events:auto;} @media (max-width:1400px){ #header .foot .gnb {margin-right:90rem;} #header .foot .gnb > li > a {padding:0 20rem;} } @media screen and (max-width:1200px){ #wrap {padding-top:65rem;} #header {position:fixed;left:0;top:0;width:100%;z-index:200;background:#fff;} #header .foot .inner {height:65rem;} #header .foot .logo a {gap:8rem;} #header .foot .logo strong {width:140rem;height:32rem;} #header .foot .logo span {width:64rem;height:18rem;} #header .foot .gnb {display:none;} #header .foot .search {right:45rem;} #header .foot .mnu {right:5rem;} #nav {position:fixed;top:0;height:100%;overflow:auto;padding:0 15rem;} #nav:before {height:65rem;} #nav .head {height:65rem;} #nav .head .close {font-size:24rem;} #nav .tnb {display:flex;margin:0 -15rem;} #nav .tnb a {width:0;flex-grow:1;height:45rem;display:flex;align-items:center;justify-content:center;border-bottom:1rem solid #ddd;background:#f3f3f3;font-weight:600;} #nav .tnb a ~ a {border-left:1px solid #ddd;font-size:16rem;} #nav .gnb {justify-content:unset;flex-direction:column;padding:0;margin:0 -15rem;} #nav .gnb > li {border-bottom:1rem solid #ddd;} #nav .gnb > li > a {justify-content:space-between;padding:0 15rem;height:60rem;color:#666;} #nav .gnb > li > ul {background:#f3f3f3;border-top:1px solid #ddd;padding:15rem 0;margin:0;display:none;} #nav .gnb > li > ul > li ~ li {margin-top:0;} #nav .gnb > li > ul > li > a {font-size:17rem;font-weight:500;color:#696969;display:block;padding:10rem 15rem;} #nav .gnb > li:has(ul) > a:after {content:'\EA4E';} #nav .gnb > li.active:has(ul) > a:after {content:'\EA78';} #nav .gnb > li.active > a {color:#5CB531;} #nav .gnb > li.active > ul {display:block;} #nav .menu {display:flex;justify-content:center;margin-top:25rem;gap:20rem;} #nav .menu li {position:relative;} #nav .menu li ~ li:before {content:'';display:block;width:1rem;height:12rem;background:#ddd;position:absolute;left:-10rem;top:50%;transform:translateY(-50%);} #nav .menu li a {font-size:14rem;color:#999;} #search {position:fixed;top:65rem;padding:30rem 15rem;} #search .word {padding:0 10rem;} #search .word dl {display:block;} #search .word dl dd {width:auto;gap:8rem 15rem;margin-top:15rem;} #search .word dl dd a {font-size:14rem;color:#868686;} } #footer {background:#3C3C3C;padding:30rem 15rem 40rem;} #footer .inner {max-width:1440rem;margin:0 auto;position:relative;} #footer h2 {width:152rem;height:33rem;background:url(../images/logo2.svg) no-repeat 50% 50% / contain;text-indent:-9999rem;} #footer address {margin-top:12rem;font-style:normal;} #footer address ul {display:flex;flex-wrap:wrap;gap:15rem;} #footer address ul li {font-size:15rem;color:#fff;font-weight:500;} #footer address ul li span {color:#F9DCAC;} #footer .site {position:absolute;right:0;top:0;width:240rem;} #footer .site button {width:100%;text-align:left;height:48rem;background:#fff;border-radius:12rem;font-size:14rem;position:relative;color:#8E9196;font-weight:500;padding:0 15rem;} #footer .site button:after {content:'\EA78';font-family:remixicon;position:absolute;right:15rem;top:50%;transform:translateY(-50%);font-size:20rem;} #footer .site button:hover {color:#333;} #footer .site ul {display:none;position:absolute;left:0;bottom:100%;width:100%;border:1rem solid #ddd;background:#fff;border-radius:12rem;overflow:hidden;} #footer .site ul li ~ li {border-top:1rem solid #ddd;} #footer .site ul li a {display:block;font-size:14rem;padding:10rem 15rem;} #footer .site ul li a:hover {background:#f3f3f3;color:#333;} #footer .site.active button:after {content:'\EA4E';} #footer .site.active ul {display:block;} #footer .fnb {position:absolute;right:0;bottom:0;display:flex;gap:40rem;} #footer .fnb li a {font-size:14rem;font-weight:500;color:#BEBEBE;} #footer .fnb li:first-child a {color:#fff;} #footer .copy {margin-top:40rem;font-size:14rem;font-weight:500;color:#a7a7a7;} @media screen and (max-width:1200px){ #footer h2 {width:140rem;height:32rem;} #footer address {margin-top:20rem;} #footer address ul {gap:10rem 15rem;} #footer address ul li {font-size:14rem;} #footer .site {position:relative;width:auto;margin-top:15rem;} #footer .fnb {position:relative;margin-top:20rem;} #footer .copy {margin-top:20rem;font-size:13rem;} } #aside {position:fixed;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:flex-end;flex-direction:column;gap:20rem;z-index:100;width:0;} #aside .bt {display:flex;flex-direction:column;gap:6rem;margin-right:25rem;} #aside .bt button {width:60rem;height:60rem;display:flex;border-radius:50%;align-items:center;justify-content:center;font-size:24rem;border:1rem solid #DEDEDE;color:#444;background:#fff;} #aside .bt .onoff {background:#394892;border-color:#394892;color:#fff;} #aside .area {width:104rem;flex-direction:column;align-items:center;background:#fff;border-radius:40rem 0 0 40rem;padding:45rem 0;gap:40rem;text-align:center;display:flex;transform:translateX(100%);transition:transform 0.2s;opacity:0;} #aside .area a {display:block;} #aside .area a em {width:50rem;height:50rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#F0F2F6;color:#000;font-size:24rem;} #aside .area a span {display:block;font-size:14rem;color:#767676;margin-top:10rem;} #aside.active .area {transform:none;box-shadow:0 0 20rem 4rem #0000001A;opacity:1;} #aside.active .onoff i:before {content:'\F1AF';} @media screen and (max-width:1200px){ #aside {gap:10rem;} #aside .bt {gap:5rem;margin-right:10rem;} #aside .bt button {width:40rem;height:40rem;font-size:18rem;} #aside .area {width:70rem;border-radius:15rem 0 0 15rem;padding:20rem 0;gap:15rem;} #aside .area a em {width:34rem;height:34rem;font-size:18rem;} #aside .area a span {font-size:12rem;margin-top:3rem;} } #main {padding:60rem 15rem 50rem;} #main .inner {max-width:1440rem;margin:0 auto;display:flex;gap:40rem;} #main .vis {width:calc(860 / 1440 * 100%);overflow:hidden;position:relative;border-radius:20rem;} #main .vis img {display:block;width:100%;height:570rem;object-fit:cover;} #main .vis .cont {position:absolute;right:0;bottom:0;background:#fff;height:60rem;z-index:10;display:flex;align-items:center;gap:24rem;padding:0 20rem 0 35rem;border-radius:20rem 0 0 0;} #main .vis .cont .page {font-size:20rem;color:#847D7D66;} #main .vis .cont .page strong {color:#244AC9;display:inline-block;width:1.4em;white-space:nowrap;} #main .vis .cont .bt {display:flex;gap:5rem;} #main .vis .cont .bt button {font-size:24rem;color:#A2A2A2;} #main .rig {width:0;flex-grow:1;} #main .rig .top {display:flex;height:202rem;border-radius:20rem;align-items:center;padding:0 28rem;background:#EDF1F7 url(../images/bg-m1-1.png) no-repeat 100% 50% / auto 100%;} #main .rig .top dl dt {font-size:15rem;line-height:1;color:#706C6C;line-height:1.25;} #main .rig .top dl dd {font-size:40rem;font-weight:300;color:#000;margin-top:7rem;letter-spacing:-0.03em;} #main .rig .top dl dd strong {font-weight:600;} #main .rig .top .bt {margin-top:20rem;} #main .rig .top .bt span {display:inline-flex;height:30rem;padding:0 25rem;background:#3F72BF;border-radius:15rem;color:#fff;font-size:13rem;font-weight:500;align-items:center;} #main .rig .bot {display:flex;flex-wrap:wrap;gap:20rem;margin-top:20rem;} #main .rig .bot a {display:block;width:calc(50% - 10rem);height:164rem;padding:33rem 0 0 25rem;background:url(../images/bg-m2-1.png) no-repeat 100% 100%;border-radius:20rem;} #main .rig .bot a dl dt {font-size:15rem;line-height:1.3;color:#616A81;font-weight:500;letter-spacing:-0.035em;word-spacing:-0.02em;} #main .rig .bot a dl dd {font-size:26rem;line-height:1.2;color:#304066;margin-top:7rem;font-weight:600;letter-spacing:-0.03em;} #main .rig .bot a:nth-child(2) {background-image:url(../images/bg-m2-2.png);} #main .rig .bot a:nth-child(3) {background-image:url(../images/bg-m2-3.png);} #main .rig .bot a:nth-child(4) {background-image:url(../images/bg-m2-4.png);} #main .rig .bot a:nth-child(2) dt {color:#9AA3B5;} #main .rig .bot a:nth-child(2) dd {color:#fff;} #main .rig .bot a:nth-child(3) dt {color:#C8D5F0;} #main .rig .bot a:nth-child(3) dd {color:#fff;} #main .rig .bot a:nth-child(4) dt {color:#B6F299;} #main .rig .bot a:nth-child(4) dd {color:#fff;} @media screen and (max-width:1200px){ #main {padding:30rem 15rem;} #main .inner {display:block;} #main .vis {width:auto;border-radius:15rem;} #main .vis img {height:auto;aspect-ratio:86 / 57;} #main .vis .cont {height:36rem;gap:15rem;padding:0 5rem 0 15rem;border-radius:10rem 0 0 0;} #main .vis .cont .page {font-size:14rem;} #main .vis .cont .page strong {width:1.4em;} #main .vis .cont .bt {gap:0;} #main .vis .cont .bt button {font-size:20rem;} #main .rig {width:auto;margin-top:15rem;} #main .rig .top {height:170rem;border-radius:15rem;padding:0 20rem;background-size:auto 65%;background-position:right -20rem center;} #main .rig .top dl dt {font-size:14rem;} #main .rig .top dl dd {font-size:30rem;} #main .rig .top dl dd strong {font-weight:600;} #main .rig .top .bt {margin-top:15rem;} #main .rig .bot {gap:15rem;margin-top:15rem;} #main .rig .bot a {width:calc(50% - 7.5rem);height:auto;padding:20rem 0 0 10rem;border-radius:0;aspect-ratio:262 / 164;background-size:100% 100%;} #main .rig .bot a dl dt {font-size:11rem;} #main .rig .bot a dl dd {font-size:20rem;margin-top:5rem;} #main .rig .bot a:fist-child dl dt {text-shadow:1rem 1rem 0 rgba(255,255,255,0.5);} } #orga {background:#F3F6FF;padding:50rem 15rem;} #orga .inner {max-width:1440rem;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30rem;} #orga dl {color:#000;} #orga dl dt {font-size:32rem;} #orga dl dd {font-size:24rem;margin-top:5rem;} #orga .area {position:relative;} #orga .area .roll {width:1140rem;max-width:100%;overflow:hidden;} #orga .area .swiper-slide {display:flex;align-items:center;justify-content:center;text-align:center;gap:10rem;font-size:17rem;color:#535353;height:70rem;border-radius:12rem;border:1rem solid #6165BA;background:#fff;font-weight:500;} #orga button {width:26rem;height:26rem;background:url(../images/ico-orga-prev.svg) no-repeat 50% 50% / contain;position:absolute;top:50%;margin-top:-13rem;z-index:10;} #orga .prev {left:-36rem;} #orga .next {right:-36rem;background-image:url(../images/ico-orga-next.svg);} @media (max-width:1520px){ #orga .prev {left:0;} #orga .next {right:0;} } @media (max-width:1440px){ #orga .area {width:0;flex-grow:1;} } @media screen and (max-width:1200px){ #orga {padding:40rem 15rem;} #orga .inner {display:block;} #orga dl {display:block;} #orga dl dt {font-size:24rem;} #orga dl dd {font-size:20rem;margin:0;} #orga .area {position:relative;width:auto;margin-top:20rem;padding:0 40rem;} #orga .area .swiper-slide {gap:7rem;font-size:14rem;height:50rem;border-radius:10rem;} #orga .area .swiper-slide img {width:20rem;} #orga .prev {left:0;} #orga .next {right:0;} /* 모바일에서 깨져서 추가 */ #orga .area .swiper-slide { display: flex; flex-direction: column; width: 49% !important; height: auto !important; min-height: 80rem; padding: 10rem 5rem; gap: 5rem; font-size: 11rem; } #orga .area .swiper-slide span { word-break: keep-all; word-wrap: break-word; font-size: 11rem; line-height: 1.3; } /* 모바일에서 깨져서 추가 */ } #ele {padding:50rem 15rem 60rem;} #ele .inner {max-width:1440rem;margin:0 auto;gap:56rem;display:flex;} #ele .lef {width:calc(1000 / 1440 * 100%);position:relative;} #ele .lef .tab {display:flex;gap:44rem;border-bottom:2rem solid #000;margin-bottom:34rem;} #ele .lef .tab button {font-size:24rem;font-weight:500;color:#000;padding-bottom:32rem;display:block;position:relative; } #ele .lef .tab .active {font-weight:800;} #ele .lef .tab .active:before {content:'';display:block;width:8rem;height:8rem;border-radius:50%;background:#d9d9d9;position:absolute;left:50%;transform:translateX(-50%);top:-14rem;} #ele .lef .area .item {display:none;} #ele .lef .area .item.active {display:flex;gap:30rem;} #ele .lef .area .item .plus {color:#000;font-size:24rem;display:block;position:absolute;right:0;top:0;} #ele .lef .area .item .big {width:calc(360 / 1000 * 100%);display:block;background:#F3F6FF;height:274rem;border-radius:20rem;padding:35rem 35rem 0;} #ele .lef .area .item .big .state {margin-bottom:10rem;} #ele .lef .area .item .big .subject {font-size:22rem;line-height:1.3;height:2.6em;display:-webkit-box;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#000;font-weight:600;} #ele .lef .area .item .big .sum {letter-spacing:-0.02em;font-size:15rem;line-height:1.3;height:2.6em;margin-top:15rem;color:#444E71;display:-webkit-box;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} #ele .lef .area .item .big .date {height:24rem;display:flex;align-items:center;gap:10rem;margin-top:30rem;} #ele .lef .area .item .big .date strong {display:inline-flex;align-items:center;height:24rem;border-radius:12rem;background:#1A3C90;color:#fff;font-size:15rem;font-weight:500;padding:0 8rem;} #ele .lef .area .item .big .date span {font-size:18rem;font-weight:600;color:#264696;} #ele .lef .area .item .list {width:0;flex-grow:1;padding-top:14rem;} #ele .lef .area .item .list .box {display:flex;gap:20rem;align-items:center;} #ele .lef .area .item .list .box ~ .box {margin-top:20rem;padding-top:20rem;border-top:1rem solid #dbdbdb;} #ele .lef .area .item .list .box .subject {width:0;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18rem;font-weight:500;color:#000;} #ele .lef .area .item .list .box .date {font-size:15rem;color:#717171;} #ele .lef .state {display:inline-flex;width:74rem;height:30rem;border-radius:15rem;background:#DAE4FB;color:#1A3C90;font-size:15rem;font-weight:600;align-items:center;justify-content:center;text-align:center;} #ele .lef .state.ty1 {} #ele .lef .state.ty2 {background:#FFE9EF;color:#D22C5B;} #ele .lef .state.ty3 {background:#E5FBE6;color:#24901A;} #ele .rig {width:0;flex-grow:1;} #ele .rig .head {display:flex;justify-content:space-between;align-items:center;margin-bottom:20rem;} #ele .rig .head h3 {display:flex;align-items:center;gap:12rem;} #ele .rig .head h3 strong {font-size:24rem;font-weight:500;color:#000;} #ele .rig .head h3 i {font-size:32rem;color:#ED1F24;} #ele .rig .head .more {font-size:24rem;color:#000;} #ele .rig .vid {display:block;position:relative;} #ele .rig .vid .img {position:relative;} #ele .rig .vid .img img, #ele .rig .vid .img iframe {display:block;object-fit:cover;width:100%;height:210rem;border-radius:20rem;} #ele .rig .vid .img:before {content:'';z-index:5;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80rem;height:80rem;background:url(../images/ico-youtube.svg) no-repeat 50% 50% / contain;} #ele .rig .vid:has(iframe) .img:before {display:none;} #ele .rig .vid .info {padding:12rem 10rem 0;} #ele .rig .vid .info .subject {font-size:22rem;font-weight:600;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} #ele .rig .vid .info .sum {margin-top:10rem;font-size:15rem;color:#444E71;line-height:1.4;height:2.8em;display:-webkit-box;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} @media screen and (max-width:1200px){ #ele {padding:40rem 15rem;} #ele .inner {display:block;} #ele .lef {width:auto;} #ele .lef .tab {gap:15rem;margin-bottom:20rem;} #ele .lef .tab button {font-size:18rem;padding-bottom:10rem;} #ele .lef .tab .active:before {width:6rem;height:6rem;top:-10rem;} #ele .lef .area .item.active {display:block;} #ele .lef .area .item .plus {top:-5rem;} #ele .lef .area .item .big {width:auto;height:auto;border-radius:15rem;padding:15rem;} #ele .lef .area .item .big .state {margin-bottom:10rem;} #ele .lef .area .item .big .subject {font-size:18rem;} #ele .lef .area .item .big .sum {font-size:14rem;margin-top:10rem;} #ele .lef .area .item .big .date {height:20rem;margin-top:20rem;gap:7rem;} #ele .lef .area .item .big .date strong {height:20rem;border-radius:10rem;font-size:13rem;} #ele .lef .area .item .big .date span {font-size:14rem;} #ele .lef .area .item .list {width:auto;padding-top:15rem;} #ele .lef .area .item .list .box {gap:10rem;} #ele .lef .area .item .list .box ~ .box {margin-top:10rem;padding-top:10rem;} #ele .lef .area .item .list .box .subject {font-size:14rem;letter-spacing:-0.04em;} #ele .lef .area .item .list .box .date {font-size:12rem;} #ele .lef .state {width:65rem;height:24rem;border-radius:12rem;font-size:13rem;} #ele .rig {width:auto;margin-top:30rem;} #ele .rig .head {margin-bottom:15rem;} #ele .rig .head h3 {gap:7rem;} #ele .rig .head h3 strong {font-size:18rem;} #ele .rig .head h3 i {font-size:24rem;} #ele .rig .head .more {font-size:20rem;} #ele .rig .vid .img img {height:auto;border-radius:15rem;aspect-ratio:384 / 210;} #ele .rig .vid .img:before {width:50rem;height:50rem;} #ele .rig .vid .info {padding:12rem 0 0;} #ele .rig .vid .info .subject {font-size:16rem;} #ele .rig .vid .info .sum {font-size:14rem;} } #sub {padding:50rem 15rem 100rem;} #sub > .inner {max-width:1240rem;margin:0 auto;} .sub11 #sub {background:linear-gradient(to bottom, #F4F9FF 0 240rem, transparent 240rem);} #tit {display:flex;justify-content:space-between;margin-bottom:40rem;position:relative;padding-bottom:20rem;border-bottom:1rem solid #ACA4A4;} #tit:has(h2) {justify-content:center;} #tit h2 {font-size:38rem;font-weight:bold;color:#000;letter-spacing:-0.04em;} #tit h3 {font-size:32rem;font-weight:600;color:#000;letter-spacing:-0.04em;} #tit .rig {display:flex;align-items:center;gap:15rem;} #tit .print_wrap {} #tit .print_wrap:after {display:block;clear:both;visibility:hidden;content:"";} #tit .print_wrap li {float:left;margin-left:10rem;width:36rem;height:36rem;} #tit .print_wrap li .ir-tmpl {background-repeat:no-repeat;background-position:center;font-size:0;} #tit .print_wrap li button {display:block;width:100%;height:100%;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;cursor:pointer;border-radius:12rem;border:1rem solid #E9E9E9;background-color:#FFF;} #tit .print_wrap li button:hover, #tit .print_wrap li button:focus {background-color:#00A5B5;border:1rem solid #00A5B5;} #tit .print_wrap li.sns {position:relative;} #tit .print_wrap li.sns button {background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0H0V16H16V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M10.8574 5.71428C11.8041 5.71428 12.5716 4.94676 12.5716 3.99999C12.5716 3.05322 11.8041 2.28571 10.8574 2.28571C9.91059 2.28571 9.14307 3.05322 9.14307 3.99999C9.14307 4.94676 9.91059 5.71428 10.8574 5.71428Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath d='M3.99993 10.2857C4.9467 10.2857 5.71422 9.51817 5.71422 8.5714C5.71422 7.62464 4.9467 6.85712 3.99993 6.85712C3.05316 6.85712 2.28564 7.62464 2.28564 8.5714C2.28564 9.51817 3.05316 10.2857 3.99993 10.2857Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath d='M10.8574 11.4286C11.8041 11.4286 12.5716 12.1961 12.5716 13.1429C12.5716 14.0896 11.8041 14.8572 10.8574 14.8572C9.91059 14.8572 9.14307 14.0896 9.14307 13.1429C9.14307 12.1961 9.91059 11.4286 10.8574 11.4286Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23122' y2='-0.5' transform='matrix(0.856369 -0.516365 0.512629 0.85861 5.38818 8.15735)' stroke='%23666666' stroke-linecap='square'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23087' y2='-0.5' transform='matrix(-0.864953 -0.501853 0.49815 -0.867091 9.46045 11.3803)' stroke='%23666666' stroke-linecap='square'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.sns button:hover, #tit .print_wrap li.sns button:focus {background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 0H0V16H16V0Z' fill='white' fill-opacity='0.01'/%3E%3Cpath d='M10.8574 5.71428C11.8041 5.71428 12.5716 4.94676 12.5716 3.99999C12.5716 3.05322 11.8041 2.28571 10.8574 2.28571C9.91059 2.28571 9.14307 3.05322 9.14307 3.99999C9.14307 4.94676 9.91059 5.71428 10.8574 5.71428Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M3.99993 10.2857C4.9467 10.2857 5.71422 9.51817 5.71422 8.5714C5.71422 7.62464 4.9467 6.85712 3.99993 6.85712C3.05316 6.85712 2.28564 7.62464 2.28564 8.5714C2.28564 9.51817 3.05316 10.2857 3.99993 10.2857Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M10.8574 11.4286C11.8041 11.4286 12.5716 12.1961 12.5716 13.1429C12.5716 14.0896 11.8041 14.8572 10.8574 14.8572C9.91059 14.8572 9.14307 14.0896 9.14307 13.1429C9.14307 12.1961 9.91059 11.4286 10.8574 11.4286Z' stroke='white' stroke-linejoin='round'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23122' y2='-0.5' transform='matrix(0.856369 -0.516365 0.512629 0.85861 5.38818 8.15735)' stroke='white' stroke-linecap='square'/%3E%3Cline x1='0.5' y1='-0.5' x2='4.23087' y2='-0.5' transform='matrix(-0.864953 -0.501853 0.49815 -0.867091 9.46045 11.3803)' stroke='white' stroke-linecap='square'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.sns .sns_wrap {display:none;position:absolute;right:0;top:0rem;width:36rem;text-align:right;} #tit .print_wrap li.sns .sns_wrap button {display:block;width:36rem;height:36rem;margin:0 0 10rem;border-radius:12rem;background-repeat:no-repeat;background-position:center;font-size:0;background-color:#fff;border:1rem solid transparent;box-shadow:1rem 1rem 6rem 1rem rgba(0, 0, 0, 0.04);} #tit .print_wrap li.sns .sns_wrap button:hover, #tit .print_wrap li.sns .sns_wrap button:focus {border:1rem solid #00A5B5;} #tit .print_wrap li.sns .sns_wrap button.sns-close {background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.80764 5.80752C5.8657 5.74931 5.93467 5.70314 6.0106 5.67163C6.08653 5.64012 6.16793 5.6239 6.25014 5.6239C6.33235 5.6239 6.41375 5.64012 6.48968 5.67163C6.56561 5.70314 6.63458 5.74931 6.69264 5.80752L10.0001 9.11627L13.3076 5.80752C13.3657 5.74941 13.4347 5.70331 13.5107 5.67186C13.5866 5.64042 13.668 5.62423 13.7501 5.62423C13.8323 5.62423 13.9137 5.64042 13.9896 5.67186C14.0655 5.70331 14.1345 5.74941 14.1926 5.80752C14.2507 5.86563 14.2968 5.93461 14.3283 6.01054C14.3597 6.08646 14.3759 6.16784 14.3759 6.25002C14.3759 6.3322 14.3597 6.41357 14.3283 6.4895C14.2968 6.56542 14.2507 6.63441 14.1926 6.69252L10.8839 10L14.1926 13.3075C14.2507 13.3656 14.2968 13.4346 14.3283 13.5105C14.3597 13.5865 14.3759 13.6678 14.3759 13.75C14.3759 13.8322 14.3597 13.9136 14.3283 13.9895C14.2968 14.0654 14.2507 14.1344 14.1926 14.1925C14.1345 14.2506 14.0655 14.2967 13.9896 14.3282C13.9137 14.3596 13.8323 14.3758 13.7501 14.3758C13.668 14.3758 13.5866 14.3596 13.5107 14.3282C13.4347 14.2967 13.3657 14.2506 13.3076 14.1925L10.0001 10.8838L6.69264 14.1925C6.63453 14.2506 6.56554 14.2967 6.48962 14.3282C6.4137 14.3596 6.33232 14.3758 6.25014 14.3758C6.16796 14.3758 6.08659 14.3596 6.01066 14.3282C5.93474 14.2967 5.86575 14.2506 5.80764 14.1925C5.74953 14.1344 5.70343 14.0654 5.67199 13.9895C5.64054 13.9136 5.62435 13.8322 5.62435 13.75C5.62435 13.6678 5.64054 13.5865 5.67199 13.5105C5.70343 13.4346 5.74953 13.3656 5.80764 13.3075L9.11639 10L5.80764 6.69252C5.74944 6.63446 5.70326 6.56549 5.67175 6.48956C5.64024 6.41363 5.62402 6.33223 5.62402 6.25002C5.62402 6.16781 5.64024 6.08641 5.67175 6.01048C5.70326 5.93454 5.74944 5.86558 5.80764 5.80752Z' fill='white'/%3E%3C/svg%3E%0A");background-color:#41454A;border:1rem solid #41454A;} #tit .print_wrap li.sns .sns_wrap button.fa {background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 3.58175 12.4183 0 8 0C3.58175 0 0 3.58169 0 8C0 11.993 2.9255 15.3027 6.75 15.9028V10.3125H4.71875V8H6.75V6.2375C6.75 4.2325 7.94438 3.125 9.77169 3.125C10.647 3.125 11.5625 3.28125 11.5625 3.28125V5.25H10.5538C9.55988 5.25 9.25 5.86669 9.25 6.49937V8H11.4688L11.1141 10.3125H9.25V15.9028C13.0745 15.3027 16 11.9931 16 8Z' fill='%231877F2'/%3E%3Cpath d='M11.1141 10.3125L11.4688 8H9.25V6.49937C9.25 5.86662 9.55994 5.25 10.5538 5.25H11.5625V3.28125C11.5625 3.28125 10.647 3.125 9.77169 3.125C7.94438 3.125 6.75 4.2325 6.75 6.2375V8H4.71875V10.3125H6.75V15.9028C7.16351 15.9676 7.58144 16.0001 8 16C8.41856 16.0001 8.83649 15.9676 9.25 15.9028V10.3125H11.1141Z' fill='white'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.sns .sns_wrap button.tw {background-image:url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.4712 0.333267C17.4712 0.333267 15.7405 1.32815 15.2122 1.16214C15.2122 1.16214 14.0473 0 12.4614 0C10.8767 0 8.79949 1.24729 8.79949 3.83069C8.79949 3.83069 8.74497 4.3312 8.89097 4.55297C8.89097 4.55297 4.573 4.99467 1.20246 0.738821C1.20246 0.738821 -0.49189 3.55807 2.31467 5.62137C2.31467 5.62137 1.59137 5.97179 0.695427 5.28933C0.695427 5.28933 0.528837 8.0167 3.64313 8.95584C3.64313 8.95584 3.00646 9.28788 2.02208 9.10348C2.02208 9.10348 2.53213 11.5166 5.44712 11.6458C5.44712 11.6458 3.55227 13.5241 0 13.2301C0 13.2301 5.91782 17.8896 12.9351 12.0881C12.9351 12.0881 16.1966 9.25051 16.1784 3.70449C16.1784 3.70449 17.5269 2.80211 18 1.86174C18 1.86174 17.3076 2.48845 15.9604 2.28567C15.9598 2.28567 17.3985 1.27241 17.4712 0.333267Z' fill='%232AADE3'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.sns .sns_wrap button.bl {background-position:-105rem -215rem;} #tit .print_wrap li.sns .sns_wrap button.band {background-position:-35rem -215rem;} #tit .print_wrap li.sns .sns_wrap button.ca {background-position:-70rem -215rem;} #tit .print_wrap li.sns .sns_wrap button.kakao {background-position:-140rem -215rem;} #tit .print_wrap li.sns.on .sns_wrap {display:block;} #tit .print_wrap li.print {position:relative;} #tit .print_wrap li.print button {background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3125 9.75H3.1875V13.5H11.3125V9.75Z' stroke='%23666666' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 6H13.5V11.625H11.3179V9.75H3.18141V11.625H1V6Z' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.625 1H2.875V6H11.625V1Z' stroke='%23666666' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.print button:hover, #body_layout #location .utile_wrap .print_wrap li.print button:focus {background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3125 9.75H3.1875V13.5H11.3125V9.75Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 6H13.5V11.625H11.3179V9.75H3.18141V11.625H1V6Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.625 1H2.875V6H11.625V1Z' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.copy {position:relative;} #tit .print_wrap li.copy button {background-image:url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00365 12.9083C9.00365 12.9083 13.0632 8.73304 14.0781 7.68922C15.093 6.64537 15.6004 4.03583 13.8244 2.20912C12.0483 0.382433 9.5111 0.904344 8.49617 1.94817C7.48129 2.99198 2.1531 8.47208 1.64565 8.99399C1.1382 9.5159 0.377027 11.3426 1.89937 12.9083C3.42171 14.4741 5.1978 13.6912 5.70524 13.1693C6.21268 12.6474 11.7946 6.90632 12.302 6.38442C12.8095 5.86251 13.0632 4.55774 12.302 3.77488C11.5409 2.99198 10.2723 3.25294 9.76482 3.77488C9.25738 4.29679 4.94407 8.73304 4.94407 8.73304' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #tit .print_wrap li.copy button:hover, #tit .print_wrap li.copy button:focus {background-image:url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00365 12.9083C9.00365 12.9083 13.0632 8.73304 14.0781 7.68922C15.093 6.64537 15.6004 4.03583 13.8244 2.20912C12.0483 0.382433 9.5111 0.904344 8.49617 1.94817C7.48129 2.99198 2.1531 8.47208 1.64565 8.99399C1.1382 9.5159 0.377027 11.3426 1.89937 12.9083C3.42171 14.4741 5.1978 13.6912 5.70524 13.1693C6.21268 12.6474 11.7946 6.90632 12.302 6.38442C12.8095 5.86251 13.0632 4.55774 12.302 3.77488C11.5409 2.99198 10.2723 3.25294 9.76482 3.77488C9.25738 4.29679 4.94407 8.73304 4.94407 8.73304' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");} #tit .navi {display:flex;align-items:center;} #tit .navi > li {position:relative;} #tit .navi > li ~ li {margin-left:38rem;} #tit .navi > li ~ li:before {content:"\EA6D";font-family:remixicon;position:absolute;left:-30rem;top:50%;transform:translateY(-50%);color:#E2E2E2;font-size:24rem;} #tit .navi > li img {display:block;width:19rem;} #tit .navi > li button {text-align:left;display:flex;gap:10rem;font-size:15rem;font-weight:500;color:#747474;align-items:center;} #tit .navi > li button:after {content:'';display:block;width:20rem;height:20rem;background:url(../images/ico-nav-arr.svg) no-repeat 50% 50% / contain;} #tit .navi > li ul {position:absolute;left:0;top:100%;width:100%;margin-top:15rem;white-space:nowrap;min-width:154rem;position:absolute;left:50%;transform:translateX(-50%);border:1rem solid #ddd;border-radius:10rem;background:#f6f6f6;padding:15rem;display:none;} #tit .navi > li ul li a {display:block;font-size:14rem;padding:10rem 0;} #tit .navi > li ul li ~ li {border-top:1px solid #dadada;} #tit .navi > li ul li a:hover {color:#0098E1;} #tit .navi > li:last-child ul li a:hover {color:#5CB531;} #tit .navi > li.active > button:after {transform:rotate(180deg);} #tit .navi > li.active > ul {display:block;z-index:9990;} #wrap:has(#tit h2) #tit, #wrap:has(._bbAbout) #tit {padding-bottom:0;border-bottom:none;} @media screen and (max-width:1200px){ #sub {padding:30rem 15rem 50rem;} #sub > .inner {display:block;} #rig {padding-top:0;} #tit {padding-bottom:10rem;margin-bottom:30rem;display:block;} #tit h2 { font-size: 24rem; /* 38rem에서 모바일에 적당한 크기로 축소 */ line-height: 1.3; /* 줄바꿈 시 겹치지 않게 여유 공간 부여 */ text-align: center; /* 중앙 정렬 유지 */ word-break: keep-all; /* 단어 단위로 줄바꿈하여 가독성 향상 */ } #tit h3 {font-size:26rem;} #tit .print_wrap {position:absolute;right:0;top:0;} #tit .print_wrap li {margin-left:5rem;width:30rem;height:30rem;} #tit .print_wrap li.copy {display:none;} #tit .print_wrap li.sns .sns_wrap {width:30rem;} #tit .print_wrap li.sns .sns_wrap button {width:30rem;height:30rem;} #tit .navi {margin-top:10rem;} #tit .navi > li ~ li {margin-left:26rem;} #tit .navi > li ~ li:before {left:-23rem;font-size:20rem;} #tit .navi > li img {width:17rem;} #tit .navi > li img {display:block;width:19rem;} #tit .navi > li button {font-size:14rem;gap:5rem;letter-spacing:-0.04em;} #tit .navi > li button:after {width:18rem;height:18rem;} /*#tit .navi > li ul {min-width:110%;padding:10rem;margin-top:5rem;}*/ #tit .navi > li ul {width: auto; min-width:110%;padding:10rem;margin-top:5rem;} #tit .navi > li ul li a {font-size:13rem;padding:7rem 0;letter-spacing:-0.04em;} } ._bbAbout .head {display:flex;gap:20rem;} ._bbAbout .head .info {background:#A2DCF8 url(../images/bg-bb.svg) no-repeat right 35rem center / 199rem auto;border-radius:20rem;width:calc(800 / 1240 * 100%);padding:0 45rem;color:#064665;height:310rem;display:flex;align-items:center;} ._bbAbout .head .info dl dt {font-size:36rem;letter-spacing:-0.04em;margin-bottom:40rem;} ._bbAbout .head .info dl dd {font-size:20rem;font-weight:500;line-height:1.4;letter-spacing:-0.03em;} ._bbAbout .head .info dl .sma {margin-top:20rem;font-size:16rem;} ._bbAbout .head .img {width:0;flex-grow:1;} ._bbAbout .head .img img {object-fit:cover;display:block;width:100%;height:310rem;border-radius:20rem;} ._bbAbout .orga {margin-top:50rem;display:flex;justify-content:center;gap:20rem;} ._bbAbout .orga > li {width:200rem;} ._bbAbout .orga > li button {display:block;width:100%;height:64rem;background:#F5F5F5;border:1rem solid #F5F5F5;font-size:19rem;color:#333;font-weight:600;letter-spacing:-0.04em;border-radius:5rem;} ._bbAbout .orga > li > ul > li {padding-top:13rem;position:relative;} ._bbAbout .orga > li > ul > li:before {content:'';display:block;width:1rem;position:absolute;left:50%;top:0;height:13rem;background:#dadada;} ._bbAbout .orga > li > ul > li > button {border-color:#DADADA;background:#fff;font-size:16rem;color:#8F8F8F;} ._bbAbout .orga > li > button:hover {border-color:#5895E4;background:#5895E4;color:#fff;} ._bbAbout .orga > li > ul > li > button:hover {border-color:#000;color:#000;} ._bbAbout.ty2 .head .info {background-color:#DDF4E3;color:#1C6506;} ._pop {position:fixed;left:0;top:0;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(2rem);z-index:9999;visibility:hidden;opacity:0;pointer-events:none;transition:0.2s;padding:15rem;overflow:auto;white-space:nowrap;text-align:center;font-size:0;} ._pop:after {content:'';display:inline-block;width:0;height:100%;vertical-align:middle;} ._pop .inner {width:380rem;overflow:hidden;border-radius:20rem;border:1rem solid #304384;background:#fff;max-width:100%;text-align:left;font-size:14rem;white-space:normal;display:inline-block;vertical-align:middle;} ._pop .head {background:#304384;padding:15rem 50rem 15rem 30rem;position:relative;} ._pop .head h3 {font-size:20rem;font-weight:500;line-height:1.2;color:#fff;} ._pop .head .close {position:absolute;right:20rem;top:50%;transform:translateY(-50%);color:#fff;border:none;font-size:24rem;} ._pop .cont {padding:20rem 30rem;font-size:16rem;line-height:1.5;letter-spacing:-0.03em;} ._pop.active {visibility:visible;opacity:1;pointer-events:auto;} ._pop.print .inner {width:680rem;} @media screen and (max-width:1200px){ ._bbAbout .head {display:block;} ._bbAbout .head .info {background:#A2DCF8 url(../images/bg-bb.svg) no-repeat right 20rem bottom 20rem / 100rem auto;border-radius:15rem;width:auto;padding:30rem 15rem;height:auto;} ._bbAbout .head .info dl dt {font-size:24rem;margin-bottom:20rem;} ._bbAbout .head .info dl dd {font-size:16rem;} ._bbAbout .head .info dl .sma {margin-top:15rem;font-size:14rem;} ._bbAbout .head .img {width:auto;display:none;} ._bbAbout .head .img img {aspect-ratio:33 / 31;border-radius:15rem;} ._bbAbout .orga {margin-top:30rem;flex-wrap:wrap;gap:30rem 10rem;justify-content:center;} ._bbAbout .orga > li {width:calc(50% - 5rem);} ._bbAbout .orga > li button {height:50rem;font-size:16rem;} ._bbAbout .orga > li > ul > li {padding-top:10rem;} ._bbAbout .orga > li > ul > li:before {height:10rem;} ._bbAbout .orga > li > ul > li > button {font-size:14rem;} } ._bibDis {height:240rem;box-shadow:5rem 5rem 12.3rem 0rem #00000026;border:1rem solid #0098E1;border-radius:20rem;background:#fff;display:flex;align-items:center;} ._bibDis .lef {width:calc(710 / 1240 * 100%);padding:30rem 0 0 50rem;height:100%;background:url(../images/img-bbdis1.png) no-repeat right 35rem center;} ._bibDis .lef dl dt {font-size:16rem;font-weight:500;color:#706C6C;line-height:1.2;} .lef dl dd { display: flex; align-items: center; gap: 10rem; } @media (max-width:768px) { .lef dl dd { flex-direction: column; align-items: flex-start; } .lef dl dd a { margin-top: 6rem; } } ._bibDis .lef dl dd h3 {color:#000;font-weight:300;font-size:48rem;line-height:1;letter-spacing:-0.04em;} ._bibDis .lef dl dd h3 strong {font-weight:600;} ._bibDis .lef dl dd a {margin-bottom:2rem;display:inline-flex;align-items:center;justify-content:center;height:26rem;border-radius:13rem;border:1rem solid #C7C7C7;padding:0 12rem;background:#fff;font-size:13rem;} ._bibDis .lef .bt {margin-top:28rem;display:flex;gap:4rem;} ._bibDis .lef .bt a {display:flex;align-items:center;justify-content:center;width:173rem;height:50rem;border-radius:10rem;background:#0098E1;color:#fff;font-size:16rem;font-weight:600;letter-spacing:-0.03em;} ._bibDis .lef .bt a:nth-child(2) {background:#5CB531;} ._bibDis .rig {width:0;flex-grow:1;display:flex;} ._bibDis .rig .box {width:50%;position:relative;text-align:center;} ._bibDis .rig .box:before {content:'';display:block;width:1rem;height:180rem;background:#d2d2d2;position:absolute;left:0;top:50%;transform:translateY(-50%);} ._bibDis .rig .box dl {margin-top:10rem;} ._bibDis .rig .box dl dt {color:#2E5482;font-size:22rem;font-weight:600;} ._bibDis .rig .box dl dd {font-size:14rem;font-weight:500;color:#4688D8;letter-spacing:-0.03em;margin-top:7rem;line-height:1.3;} ._bibDis .rig .box p {margin-top:10rem;} ._bibDis .rig .box p a {display:inline-flex;width:106rem;height:30rem;border-radius:15rem;color:#fff;background:#3F72BF;font-size:13rem;font-weight:500;align-items:center;justify-content:center;} ._bibDis .rig .box:nth-child(2) dl dt {color:#4A9C22;} ._bibDis .rig .box:nth-child(2) dl dd {color:#65A248;} ._bibDis .rig .box:nth-child(2) p a {background:#43A613;} ._bibDis.ty2 {height:auto;padding:20rem 0;} ._bibDis.ty2 .lef {background:none;display:flex;align-items:center;justify-content:space-between;padding:0 40rem;} ._bibDis.ty2 .lef dl dt {font-size:28rem;font-weight:300;color:#000;letter-spacing:-0.03em;} ._bibDis.ty2 .lef dl dd {font-size:14rem;font-weight:500;} ._bibDis.ty2 .lef .bt {margin:0;} ._bibDis.ty2 .rig .box dl {margin-top:0;} ._bibDis.ty2 .rig .box:before {height:80rem;} @media screen and (max-width:1200px){ ._bibDis {height:auto;border-radius:10rem;display:block;} ._bibDis .lef {width:auto;padding:20rem;height:auto;background-size:120rem auto;background-position:top 10rem right 10rem;} ._bibDis .lef dl dt {font-size:14rem;} ._bibDis .lef dl dd h3 {font-size:28rem;} ._bibDis .lef dl dd h3 strong {font-weight:600;} ._bibDis .lef dl dd a {margin-bottom:0;padding:0 10rem;} ._bibDis .lef .bt {margin-top:20rem;gap:10rem;} ._bibDis .lef .bt a {width:calc(50% - 5rem);height:40rem;font-size:14rem;} ._bibDis .lef .bt a:nth-child(2) {background:#5CB531;} ._bibDis .rig {width:auto;padding-bottom:20rem;} ._bibDis .rig .box {width:50%;position:relative;text-align:center;} ._bibDis .rig .box:before {height:180rem;} ._bibDis .rig .box:first-child:before {display:none;} ._bibDis .rig .box dl {margin-top:10rem;} ._bibDis .rig .box dl dt {font-size:16rem;letter-spacing:-0.04em;} ._bibDis .rig .box dl dd {font-size:13rem;line-height:1.4;letter-spacing:-0.03em;} ._bibDis .rig .box p {margin-top:10rem;} ._bibDis .rig .box p a {display:inline-flex;width:106rem;height:30rem;border-radius:15rem;color:#fff;background:#3F72BF;font-size:13rem;font-weight:500;align-items:center;justify-content:center;} ._bibDis.ty2 .lef {display:block;padding:0 20rem;} ._bibDis.ty2 .lef dl dt {font-size:24rem;} ._bibDis.ty2 .lef .bt {margin-top:20rem;} ._bibDis.ty2 .rig {margin-top:20rem;padding:0;} ._bibDis.ty2 .rig .box dl {margin-top:0;} ._bibDis.ty2 .rig .box:before {height:110rem;} } ._bibDis2 { height: 240rem; box-shadow: 5rem 5rem 12.3rem 0rem #00000026; border: 1rem solid #0098E1; border-radius: 20rem; background: #fff; display: flex; align-items: center; } ._bibDis2 .lef { width: calc(580 / 1240 * 100%); padding: 30rem 0 0 50rem; height: 100%; background: url(../images/img-bbdis1.png) no-repeat right 35rem center; } ._bibDis2 .lef dl dt { font-size: 16rem; font-weight: 500; color: #706C6C; line-height: 1.2; } ._bibDis2 .lef dl dd { display: flex; align-items: flex-end; gap: 8rem; margin-top: 10rem; } ._bibDis2 .lef dl dd h3 { color: #000; font-weight: 300; font-size: 48rem; line-height: 1; letter-spacing: -0.04em; } ._bibDis2 .lef dl dd h3 strong { font-weight: 600; } ._bibDis2 .lef dl dd a { margin-bottom: 2rem; display: inline-flex; align-items: center; justify-content: center; height: 26rem; border-radius: 13rem; border: 1rem solid #C7C7C7; padding: 0 12rem; background: #fff; font-size: 13rem; } ._bibDis2 .lef .bt { margin-top: 28rem; display: flex; gap: 4rem; } ._bibDis2 .lef .bt a { display: flex; align-items: center; justify-content: center; width: 173rem; height: 50rem; border-radius: 10rem; background: #0098E1; color: #fff; font-size: 16rem; font-weight: 600; letter-spacing: -0.03em; } ._bibDis2 .lef .bt a:nth-child(2) { background: #5CB531; } ._bibDis2 .rig { width: 0; flex-grow: 1; display: flex; } ._bibDis2 .rig .box { width: 50%; position: relative; text-align: center; } ._bibDis2 .rig .box:before { content: ''; display: block; width: 1rem; height: 180rem; background: #d2d2d2; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } ._bibDis2 .rig .box dl { margin-top: 10rem; } ._bibDis2 .rig .box dl dt { color: #2E5482; font-size: 22rem; font-weight: 600; } ._bibDis2 .rig .box dl dd { font-size: 14rem; font-weight: 500; color: #4688D8; letter-spacing: -0.03em; margin-top: 7rem; line-height: 1.3; } ._bibDis2 .rig .box p { margin-top: 10rem; } ._bibDis2 .rig .box p a { display: inline-flex; width: 106rem; height: 30rem; border-radius: 15rem; color: #fff; background: #3F72BF; font-size: 13rem; font-weight: 500; align-items: center; justify-content: center; } ._bibDis2 .rig .box:nth-child(2) dl dt { color: #4A9C22; } ._bibDis2 .rig .box:nth-child(2) dl dd { color: #65A248; } ._bibDis2 .rig .box:nth-child(2) p a { background: #43A613; } ._bibDis2.ty2 { height: auto; padding: 20rem 0; } ._bibDis2.ty2 .lef { background: none; display: flex; align-items: center; justify-content: space-between; padding: 0 40rem; } ._bibDis2.ty2 .lef dl dt { font-size: 28rem; font-weight: 300; color: #000; letter-spacing: -0.03em; } ._bibDis2.ty2 .lef dl dd { font-size: 14rem; font-weight: 500; } ._bibDis2.ty2 .lef .bt { margin: 0; } ._bibDis2.ty2 .rig .box dl { margin-top: 0; } ._bibDis2.ty2 .rig .box:before { height: 80rem; } @media screen and (max-width:1200px) { ._bibDis2 { height: auto; border-radius: 10rem; display: block; } ._bibDis2 .lef { width: auto; padding: 20rem; height: auto; background-size: 120rem auto; background-position: top 10rem right 10rem; } ._bibDis2 .lef dl dt { font-size: 14rem; } ._bibDis2 .lef dl dd h3 { font-size: 28rem; } ._bibDis2 .lef dl dd h3 strong { font-weight: 600; } ._bibDis2 .lef dl dd a { margin-bottom: 0; padding: 0 10rem; } ._bibDis2 .lef .bt { margin-top: 20rem; gap: 10rem; } ._bibDis2 .lef .bt a { width: calc(50% - 5rem); height: 40rem; font-size: 14rem; } ._bibDis2 .lef .bt a:nth-child(2) { background: #5CB531; } ._bibDis2 .rig { width: auto; padding-bottom: 20rem; } ._bibDis2 .rig .box { width: 50%; position: relative; text-align: center; } ._bibDis2 .rig .box:before { height: 180rem; } ._bibDis2 .rig .box:first-child:before { display: none; } ._bibDis2 .rig .box dl { margin-top: 10rem; } ._bibDis2 .rig .box dl dt { font-size: 16rem; letter-spacing: -0.04em; } ._bibDis2 .rig .box dl dd { font-size: 13rem; line-height: 1.4; letter-spacing: -0.03em; } ._bibDis2 .rig .box p { margin-top: 10rem; } ._bibDis2 .rig .box p a { display: inline-flex; width: 106rem; height: 30rem; border-radius: 15rem; color: #fff; background: #3F72BF; font-size: 13rem; font-weight: 500; align-items: center; justify-content: center; } ._bibDis2.ty2 .lef { display: block; padding: 0 20rem; } ._bibDis2.ty2 .lef dl dt { font-size: 24rem; } ._bibDis2.ty2 .lef .bt { margin-top: 20rem; justify-content: center; } ._bibDis2.ty2 .rig { margin-top: 20rem; padding: 0; } ._bibDis2.ty2 .rig .box dl { margin-top: 0; } ._bibDis2.ty2 .rig .box:before { height: 110rem; } [class*='_bibDis'] .rig.mdb { display: block; } [class*='_bibDis'] .rig.mdb .box { display: block; width: auto; margin-left: 20rem; margin-right: 20rem; } [class*='_bibDis'] .rig.mdb .box:before { display: none; } [class*='_bibDis'] .rig.mdb .box ~ .box { margin-top: 20rem; padding-top: 20rem; border-top: 1rem solid #d2d2d2 } } ._topArea {display:flex;justify-content:space-between;align-items:center;} ._topArea.aib {align-items:flex-end;} ._topArea.line {border-bottom:2rem solid #1b1b1b;padding-bottom:15rem;} ._topArea h4 {font-size:27rem;font-weight:600;color:#000;letter-spacing:-0.03em;word-spacing:-0.025em;} ._topArea .count {color:#5B5B5B;font-size:14rem;} ._topArea .count strong {font-weight:bold;color:#0098E1;} ._topArea .sort {display:flex;gap:5rem;flex-wrap:wrap;} ._topArea .more {display:inline-flex;align-items:center;gap:5rem;color:#000;font-size:14rem;} ._topArea .more i {font-size:24rem;font-weight:normal;} ._topArea .imp {font-size:15rem;font-weight:500;color:#333;} ._botArea {display:flex;align-items:center;justify-content:space-between;} ._botArea.jcc {justify-content:center;} ._botArea.line {border-top:1rem solid #9C9C9C;padding-top:20rem;} ._botArea:has(.rig:only-child) {justify-content:flex-end;} ._inp {display:inline-block;max-width:100%;border:1rem solid #ddd;border-radius:5rem;background:#fff;padding:0 10rem;height:38rem;font-size:16rem;letter-spacing:-0.03em;} select._inp {appearance:none;background-image:url(../images/ico-sel.svg);background-repeat:no-repeat;background-position:right 7rem center;padding-right:30rem;} ._btn {display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:5rem;border:1rem solid #ddd;background:#fff;color:#333;gap:5rem;} ._btn.ty1 {height:38rem;padding:0 20rem;font-size:16rem;} ._btn.ty2 {height:48rem;padding:0 25rem;font-size:17rem;font-weight:500;} ._btn.pm {width:28rem;font-size:20rem;padding:0;color:#000 ;} ._btn.w226 {width:226rem;} ._btn.w600 {width:600rem;} ._btn.grayLine {} ._btn.blackLine {background:#fff;border-color:#293538;color:#293538;} ._btn.black {background:#354346;border-color:#354346;color:#fff;} ._btn.navy {background:#293538;border-color:#293538;color:#fff;} ._btn.blue {background:#0098E1;border-color:#0098E1;color:#fff;} ._btn.orange {background:#FF6C10;border-color:#FF6C10;color:#fff;} ._btArea {display:flex;align-items:center;gap:5rem;} @media screen and (max-width:1200px){ ._topArea {flex-direction:column;align-items:flex-start;gap:10rem;} ._topArea h4 {font-size:20rem;} ._topArea.aib {align-items:flex-start;} ._topArea.line {padding-bottom:10rem;} ._botArea {flex-direction:column;align-items:center;gap:10rem;} ._botArea.line {padding-top:20rem;} ._inp {height:32rem;font-size:14rem;} select._inp {background-size:16rem auto;background-position:right 5rem center;padding-right:25rem;} ._btn.ty1 {height:32rem;padding:0 15rem;font-size:14rem;} ._btn.ty2 {height:42rem;padding:0 20rem;font-size:16rem;} ._btn.w226 {width:150rem;} } ._webzineList {display:flex;flex-wrap:wrap;gap:20rem;} ._webzineList .box {width:calc(100% / 3 - (40rem / 3));border:1rem solid #ddd;border-radius:10rem;padding:30rem;} ._webzineList .box .img img {display:block;width:100%;object-fit:cover;aspect-ratio:338 / 242;} ._webzineList .box .info {margin-top:25rem;} ._webzineList .box .info .subject {font-size:20rem;color:#333;line-height:1.3;height:2.6em;display:-webkit-box;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;letter-spacing:-0.04em;font-weight:600;height:150px;} ._webzineList .box .info .sum {margin-top:15rem;font-size:14rem;color:#888;letter-spacing:-0.04em;line-height:1.4;height:2.8em;display:-webkit-box;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} ._webzineList .box .info .date {font-size:13rem;font-weight:500;color:#9d9d9d;margin-top:13rem;} ._webzineList .box p a {display:inline-flex;width:106rem;height:30rem;border-radius:15rem;color:#fff;background:#3F72BF;font-size:13rem;font-weight:500;align-items:center;justify-content:center;} ._webzineList .box .btn-wrap { display: flex; gap: 10rem; justify-content: center; } ._webzineList .box .btn-wrap a { display: flex; height: 30rem; padding: 0 12rem; border-radius: 15rem; color: #fff; background: #3F72BF; font-size: 13rem; align-items: center; justify-content: center; white-space: nowrap; } @media screen and (max-width:1200px){ ._webzineList {gap:10rem;} ._webzineList .box {width:calc(50% - 5rem);padding:10rem;} ._webzineList .box .img img {border-radius:5rem;} ._webzineList .box .info {margin-top:15rem;} ._webzineList .box .info .subject {font-size:16rem;} ._webzineList .box .info .sum {margin-top:5rem;font-size:14rem;color:#888;letter-spacing:-0.04em;line-height:1.4;height:2.8em;display:-webkit-box;word-wrap:break-word;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} ._webzineList .box .info .date {font-size:12rem;margin-top:7rem;} ._webzineList .box p a { display: inline-flex; width: 63rem; height: 30rem; border-radius: 15rem; color: #fff; background: #3F72BF; font-size: 12rem; font-weight: 500; align-items: center; justify-content: center; } } ._paging {display:flex;justify-content:center;gap:3rem;align-items:center;margin-top:50rem;} ._paging .arr {display:flex;align-items:center;font-size:16rem;color:#666;} ._paging .arr i {font-size:24rem;color:#8D8D8D;} ._paging .prev {margin-right:12rem;} ._paging .next {margin-left:12rem;} ._paging .num {width:40rem;height:40rem;text-align:center;display:flex;align-items:center;justify-content:center;font-size:16rem;color:#666;border-radius:5rem;} ._paging .num:hover {text-decoration:underline;} ._paging .num.active {background:#063A74;color:#fff;font-weight:bold;} @media screen and (max-width:1200px){ ._paging {margin-top:20rem;} ._paging .arr {font-size:14rem;} ._paging .arr i {font-size:20rem;} ._paging .prev {margin-right:7rem;} ._paging .next {margin-left:7rem;} ._paging .num {width:32rem;height:32rem;font-size:14rem;} } ._faq .box ~ .box {margin-top:10rem;} ._faq .box .q {display:block;width:100%;text-align:left;border:1rem solid #ddd;padding-right:190rem;position:relative;border-radius:10rem;overflow:hidden;} ._faq .box .q i {display:flex;position:absolute;right:0;top:0;width:76rem;border-left:1rem solid #ddd;height:100%;align-items:center;justify-content:center;font-size:24rem;color:#898989;} ._faq .box .q:before {content:'Q';width:25rem;height:25rem;position:absolute;left:33rem;top:18rem;color:#fff;background:#1E2D75;font-size:16rem;font-weight:bold;border-radius:50%;display:flex;align-items:center;justify-content:center;} ._faq .box .q strong {display:block;font-size:18rem;color:#111;padding:18rem 16rem 18rem 65rem;line-height:1.4;} ._faq .box .q span {font-size:16rem;color:#999;position:absolute;right:100rem;top:22rem;} ._faq .box .a {display:none;background:#F6F7F9;border:1rem solid #AFB5BC;padding:30rem 37rem 40rem;border-radius:0 0 10rem 10rem;font-size:16rem;line-height:1.6;border-top:none;} ._faq .box.active .q {border-color:#1E2D75;border-radius:10rem 10rem 0 0;} ._faq .box.active .q strong {color:#1E2D75;} ._faq .box.active .q i {background:#1E2D75;color:#fff;} ._faq .box.active .q i:before {transform:rotate(180deg);} ._faq .box.active .a {display:block;} @media screen and (max-width:1200px){ ._faq .box ~ .box {margin-top:8rem;} ._faq .box .q {padding:16rem 50rem 16rem 48rem;} ._faq .box .q i {width:40rem;font-size:20rem;} ._faq .box .q:before {left:16rem;top:14rem;width:22rem;height:22rem;font-size:13rem;} ._faq .box .q strong {font-size:15rem;padding:0;line-height:1.3;} ._faq .box .q span {display:block;position:relative;right:0;top:0;font-size:13rem;margin-top:5rem;} ._faq .box .a {padding:18rem 16rem 22rem;font-size:14rem;line-height:1.5;border-radius:0 0 8rem 8rem;} } ._evtHead {border:1rem solid #ddd;border-radius:5rem;padding:30rem;position:relative;display:flex;gap:50rem;align-items:flex-start;} ._evtHead .img {width:238rem;border:1rem solid #ddd;} ._evtHead .img img {display:block;} ._evtHead .info {width:0;flex-grow:1;position:relative;padding-top:15rem;} ._evtHead .info .subject {font-size:36rem;font-weight:600;color:#000;position:relative;padding-right:95rem;letter-spacing:-0.04em;} ._evtHead .info .state {width:82rem;height:82rem;border-radius:50%;border:1rem solid #0098E1;color:#0098E1;text-align:center;display:flex;align-items:center;justify-content:center;font-size:16rem;font-weight:600;position:absolute;right:0;top:0;} ._evtHead .info .sort {display:flex;gap:30rem;margin-top:45rem;} ._evtHead .info .sort li {width:0;flex-grow:1;} ._evtHead .info .sort li dl {display:flex;align-items:flex-start;font-size:16rem;color:#000;line-height:1.3;} ._evtHead .info .sort li dl ~ dl {margin-top:10rem;} ._evtHead .info .sort li dl dt {width:76rem;position:relative;padding-left:9rem;font-weight:600;} ._evtHead .info .sort li dl dt:before {content:'';display:block;width:3rem;height:3rem;background:#EF7800;border-radius:50%;position:absolute;left:0;top:8rem;} ._evtHead .info .sort li dl dd {width:0;flex-grow:1;} ._evtHead .info .sort li dl:has(.file .down) dd {margin-top:-2rem;} ._evtHead .info .sort li dl dd .file {display:flex;gap:10rem;align-items:center;flex-wrap:nowrap;min-width:0;} ._evtHead .info .sort li dl dd .file .txt {display:inline-flex;align-items:center;min-width:0;flex:0 1 auto;overflow:hidden;} ._evtHead .info .sort li dl dd .file .txt .name {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} ._evtHead .info .sort li dl dd .file .txt .ext {flex:none;} ._evtHead .info .sort li dl dd .file .down {display:inline-flex;width:24rem;height:24rem;min-width:24rem;min-height:24rem;border-radius:4rem;border:1rem solid #cdcdcd;font-size:16rem;color:#000;align-items:center;justify-content:center;} ._evtCont {padding:70rem 0;border-bottom:1rem solid #9C9C9C;font-size:16rem;line-height:1.7;color:#333;} @media screen and (max-width:1200px){ ._evtHead {display:block;padding:20rem;gap:0;border-radius:10rem;} ._evtHead .img {max-width:200rem;margin:0 auto;} ._evtHead .info {width:auto;padding-top:25rem;} ._evtHead .info .subject {font-size:20rem;padding-right:65rem;line-height:1.3;} ._evtHead .info .state {width:56rem;height:56rem;font-size:13rem;top:10rem;} ._evtHead .info .sort {display:block;margin-top:24rem;} ._evtHead .info .sort li {width:auto;} ._evtHead .info .sort li ~ li {margin-top:5rem;} ._evtHead .info .sort li dl {font-size:14rem;line-height:1.4;} ._evtHead .info .sort li dl ~ dl {margin-top:5rem;} ._evtHead .info .sort li dl dt {width:66rem;padding-left:8rem;} ._evtHead .info .sort li dl:has(.file .down) dd {margin-top:-1rem;} ._evtHead .info .sort li dl dt:before {top:7rem;} ._evtHead .info .sort li dl dd .file .down {width:22rem;height:22rem;min-width:22rem;min-height:22rem;font-size:14rem;flex:none;} } ._step {justify-content:center;gap:86rem;text-align:center;display:flex;margin-bottom:60rem;} ._step li {width:80rem;position:relative;} ._step li ~ li:before {content:'';display:block;position:absolute;right:100%;width:86rem;top:39rem;height:2rem;background:#F1F1F1;} ._step li .ico {width:80rem;height:80rem;background:#DFDFDF;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;} ._step li .ico i {display:flex;width:60rem;height:60rem;border-radius:50%;background:#dfdfdf;font-size:34rem;color:#fff;align-items:center;justify-content:center;} ._step li .txt {margin-top:10rem;font-size:16rem;font-weight:500;color:#333;line-height:1.2;letter-spacing:-0.03em;} ._step .active .ico {background:#D2F0FE;} ._step .active .ico i {background:#0098E1;} ._priCont .cont {border:1rem solid #ddd;padding:20rem 25rem;border-radius:5rem;font-size:16rem;line-height:1.5;overflow:auto;height:220rem;} ._priCont .agr {background:#F9F9F9;border-radius:5rem;height:70rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:25rem 30rem;margin-top:13rem;} ._priCont .agr .lef {font-size:16rem;color:#000;letter-spacing:-0.03em;} ._priCont .agr .rig {font-size:16rem;} ._priCont .price {background:#284B73;display:flex;align-items:center;justify-content:space-between;padding:25rem 35rem;color:#fff;} ._priCont .price h4 {font-size:24rem;font-weight:600;} ._priCont .price .amount {display:flex;gap:110rem;align-items:center;} ._priCont .price .amount li {font-size:20rem;font-weight:500;position:relative;} ._priCont .price .amount li ~ li:before {content:'';display:block;width:1rem;height:20rem;background:rgba(255,255,255,0.2);position:absolute;left:-55rem;top:50%;transform:translateY(-50%);} ._priCont .price .amount li:last-child {font-weight:bold;color:#65F5FF;font-size:26rem;} ._priCont .txtBox {text-align:center;border:1rem solid #D9DAE1;padding:15rem;font-size:16rem;line-height:1.5;color:#000;} ._lab {display:inline-block;margin-right:30rem;} ._lab:last-child {margin-right:0;} ._lab input {display:none;} ._lab i {font-style:normal;font-size:20rem;font-weight:400;vertical-align:middle;margin-right:3rem;} ._lab i:before {content:'\EB7D';font-family:'remixicon';} ._lab input:checked ~ i {color:#0098E1;} ._lab input:checked ~ i:before {content:'\F050';} ._lab input[type='checkbox'] ~ i:before {content:'\EB7F';} ._lab input[type='checkbox']:checked ~ i:before {content:'\EB82';} ._lab span {vertical-align:middle;} @media screen and (max-width:1200px){ ._step {gap:24rem;justify-content:space-between;margin-bottom:40rem;flex-wrap:wrap;} ._step li {width:calc((100% - 48rem) / 3);} ._step li ~ li:before {width:24rem;top:31rem;} ._step li .ico {width:64rem;height:64rem;margin:0 auto;} ._step li .ico i {width:48rem;height:48rem;font-size:26rem;} ._step li .txt {margin-top:8rem;font-size:14rem;word-break:keep-all;} ._priCont .cont {height:auto;max-height:220rem;padding:15rem;font-size:14rem;line-height:1.6;} ._priCont .agr {height:auto;display:block;padding:15rem;margin-top:10rem;} ._priCont .agr .lef {font-size:14rem;line-height:1.5;} ._priCont .agr .rig {font-size:14rem;gap:16rem;margin-top:10rem;justify-content:flex-start;} ._priCont .price {display:block;padding:20rem;} ._priCont .price h4 {font-size:20rem;} ._priCont .price .amount {justify-content:flex-end;gap:20rem;align-items:center;margin-top:15rem;} ._priCont .price .amount li {font-size:16rem;} ._priCont .price .amount li ~ li:before {left:-10rem;} ._priCont .price .amount li:last-child {font-size:18rem;} ._priCont .txtBox {font-size:14rem;height:1.4;} ._lab {display:inline-flex;align-items:center;margin-right:15rem;letter-spacing:-0.03em;} ._lab i {font-size:18rem;margin-right:4rem;} ._lab span {font-size:14rem;line-height:1.4;} } ._tblWrite {width:100%;table-layout:fixed;border-top:2rem solid #1B1B1B;} ._tblWrite tr > * {border-bottom:1rem solid #ddd;padding:15rem;font-size:16rem;line-height:1.4;color:#333;} ._tblWrite tr th {background:#F8F9FB;text-align:left;font-weight:600;height:65rem;} ._tblWrite .caution {color:#0E8EB7;} ._photo {align-items:flex-end;gap:24rem;justify-items:center;} ._photo .img {position:relative;display:flex;width:200rem;aspect-ratio:15 / 16;border:1rem solid #ddd;border-radius:8rem;align-items:center;justify-content:center;overflow:hidden;background:#F8F9FB;cursor:pointer;} ._photo .img img {width:100%;height:100%;object-fit:cover;aspect-ratio:15 / 16;} ._photo .img input {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;opacity:0;} ._photo .txt {font-size:14rem;line-height:1.4;color:#7d7d7d;margin-bottom:5rem;letter-spacing:-0.03em;} ._sch {position:relative;} ._sch button {position:absolute;right:10rem;top:50%;transform:translateY(-50%);font-size:18rem;color:#888;} ._flx {display:flex;flex-wrap:wrap;align-items:center;gap:5rem;max-width:100%;width:100%;} ._flx.gap10 {gap:10rem;} ._flx.gap20 {gap:20rem;} ._flx.gap30 {gap:30rem;} ._flx > * {width:0;flex-grow:1;} ._flx > *[style*='width'] {flex-grow:unset;} @media screen and (max-width:1200px){ ._tblWrite, ._tblWrite > tbody, ._tblWrite > tbody > tr, ._tblWrite > tbody > tr > th, ._tblWrite > tbody > tr > td {display:block;} ._tblWrite {border-top:2rem solid #1B1B1B;} ._tblWrite > colgroup {display:none;} ._tblWrite > tbody > tr {position:relative;display:flex;flex-wrap:wrap;} ._tblWrite > tbody > tr:after {content:'';position:absolute;left:0;right:0;bottom:0;height:1rem;background:#ddd;} ._tblWrite > tbody > tr > * {padding:10rem;font-size:14rem;min-width:0;letter-spacing:-0.03em;} ._tblWrite > tbody > tr > th {display:flex;width:85rem;align-items:center;align-self:stretch;background:#F8F9FB;height:auto;} ._tblWrite > tbody > tr > td {width:calc(100% - 85rem);} ._photo {align-items:flex-end;gap:10rem;} ._photo .img {width:120rem;} ._photo .txt {margin-bottom:0;} } ._tooltip {display:inline-block;position:relative;} ._tooltip button {font-size:24rem;color:#164781;} ._tooltip .pop {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:380rem;overflow:hidden;border-radius:20rem;border:1rem solid #304384;background:#fff;z-index:100;visibility:hidden;opacity:0;pointer-events:none;transition:0.2s;font-weight:normal;} ._tooltip .pop .head {background:#304384;padding:15rem 50rem 15rem 30rem;position:relative;} ._tooltip .pop .head h3 {font-size:20rem;font-weight:500;line-height:1.2;color:#fff;} ._tooltip .pop .head .close {position:absolute;right:20rem;top:50%;transform:translateY(-50%);color:#fff;border:none;font-size:24rem;} ._tooltip .pop .cont {padding:20rem 30rem;font-size:16rem;line-height:1.5;letter-spacing:-0.03em;} ._tooltip.active .pop {visibility:visible;opacity:1;pointer-events:auto;} ._payInfoTbl {width:100%;} ._payInfoTbl tr > * {border:1rem solid #ddd;padding:10rem;font-size:15rem;height:auto !important;} ._payInfoTbl tr th {text-align:center;} ._payInfoTbl tr td {text-align:right;} ._tblList {width:100%;table-layout:auto;border-top:2rem solid #1B1B1B;} ._tblList tr > * {border-bottom:1rem solid #ddd;border-right:1rem solid #ddd;padding:15rem;font-size:16rem;line-height:1.4;color:#333;text-align:center;} ._tblList tr > *:last-child {border-right:none;} ._tblList tr th {background:#F8F9FB;font-weight:600;} ._tblList.ty2 thead tr th {padding:0;} ._tblList.ty2 thead tr th strong {padding:10rem 15rem;display:block;position:relative;font-weight:600;width:100%;} ._tblList.ty2 thead tr th strong:before {content:'';display:block;width:1rem;height:12rem;position:absolute;left:0;top:50%;transform:translateY(-50%);background:#ddd;} ._tblList.ty2 thead tr th:first-child strong:before {display:none;} ._tblList.ty2 tr > th {background:none;} ._tblList.ty2 tr > * {border-right:none;height:62rem;} ._tblList.fix {table-layout:fixed;padding:10rem 15rem;} ._tblList.ty2.ova colgroup {display:none;} ._tblList.ty2.ova thead, ._tblList.ty2.ova tbody {display:block;} ._tblList.ty2.ova thead tr, ._tblList.ty2.ova tbody tr {display:grid;grid-template-columns:90rem minmax(0,1fr) 120rem;} ._tblList.ty2.ova tbody {overflow-y:auto;scrollbar-gutter:stable;} ._tblList.ty2.ova thead tr > *, ._tblList.ty2.ova tbody tr > * {display:flex;align-items:center;justify-content:center;min-width:0;} ._tblList.ty2 tr:has(.notice) {background:#F8F9FB;} ._tblList.ty2 .notice {width:24rem;} ._tblList.ty2 .subject {text-align:left;} ._tblList.ty2 .subject a {display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18rem;font-weight:bold;} ._tblList.ty2 .ri-attachment-line, ._tblList.ty2 .print {font-size:24rem;color:#000;} @media screen and (max-width:1200px){ ._tooltip button {font-size:20rem;} ._tooltip .pop {width:calc(100% - 30rem);} ._tooltip .pop .head {padding:15rem 40rem 15rem 15rem;} ._tooltip .pop .head h3 {font-size:18rem;} ._tooltip .pop .head .close {right:15rem;} ._tooltip .pop .cont {padding:20rem 15rem;font-size:14rem;} ._payInfoTbl tr > * {padding:5rem;font-size:14rem;} ._tblList tr > * {padding:10rem 5rem;font-size:14rem;} ._tblList.respond2 thead tr th strong {padding:10rem;} ._tblList.respond2 tr > * {height:auto;} ._tblList.ty2.ova thead tr, ._tblList.ty2.ova tbody tr {grid-template-columns:70rem minmax(0,1fr) 88rem;} ._tblList.respond3 colgroup, ._tblList.respond3 thead {display:none;} ._tblList.respond3, ._tblList.respond3 tbody {display:block;} ._tblList.respond3 tbody tr {display:flex;flex-wrap:wrap;align-items:center;position:relative;padding:14rem 0;border-bottom:1rem solid #ddd;} ._tblList.respond3 tbody tr > * {width:auto;border:none;padding:0 9rem;font-size:13rem;line-height:1.4;height:auto;position:relative;} ._tblList.respond3 tbody tr > *:first-child {padding-left:0;} ._tblList.respond3 tbody tr > *:last-child {padding-right:0;} ._tblList.respond3 tbody tr > td.subject {order:-1;width:100%;padding:0 0 10rem;text-align:left;} ._tblList.respond3 tbody tr > td.subject a {display:-webkit-box;font-size:16rem;white-space:normal;line-clamp:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} ._tblList.respond3 tbody tr > td:not(.subject):not(:first-child):before {content:'|';position:absolute;left:0;top:50%;transform:translateY(-50%);color:#bbb;} ._tblList.respond3 tbody tr > td.subject:before, ._tblList.respond3 tbody tr > td:first-child:before {display:none;} ._tblList.respond3 .notice {width:18rem;} ._tblList.respond3 .ri-attachment-line {font-size:18rem;} } ._tstHead {display:flex;justify-content:space-between;align-items:center;background:#F9F9F9;padding:15rem 35rem;margin-bottom:20rem;} ._tstHead .lef {display:flex;gap:5rem;} ._tstSumm {border:1rem solid #ddd;border-radius:5rem;padding:30rem 35rem;} ._tstSumm .top {display:flex;justify-content:space-between;align-items:center;} ._tstSumm .top h3 {font-size:36rem;font-weight:600;color:#000;} ._tstSumm .sort {display:flex;gap:30rem;margin-top:45rem;} ._tstSumm .sort li:first-child {width:43%;} ._tstSumm .sort li ~ li {width:0;flex-grow:1;} ._tstSumm .sort li dl {display:flex;align-items:flex-start;font-size:16rem;color:#000;line-height:1.5;} ._tstSumm .sort li dl ~ dl {margin-top:8rem;} ._tstSumm .sort li dl dt {width:76rem;position:relative;padding-left:9rem;font-weight:600;} ._tstSumm .sort li dl dt:before {content:'';display:block;width:3rem;height:3rem;background:#EF7800;border-radius:50%;position:absolute;left:0;top:8rem;} ._tstSumm .sort li dl dd {width:0;flex-grow:1;} ._tstList {} ._tstList .box {border:1rem solid #ddd;padding:25rem 35rem;} ._tstList .box ~ .box {margin-top:5rem;} ._tstList .box .q {font-size:20rem;font-weight:600;color:#000;line-height:1.4;letter-spacing:-0.03em;} ._tstList .box .a {display:flex;flex-wrap:wrap;gap:10rem 40rem;margin-top:20rem;} @media screen and (max-width:1200px){ ._tstHead {flex-direction:column;align-items:flex-start;gap:12rem;padding:15rem 20rem;margin-bottom:15rem;} ._tstHead .lef {flex-wrap:wrap;gap:5rem 8rem;} ._tstHead .lef .tac {text-align:left !important;} ._tstHead .rig {width:100%;} ._tstHead .rig ._btArea {justify-content:center;} ._tstSumm {padding:20rem;} ._tstSumm .top {flex-direction:column;align-items:flex-start;gap:10rem;} ._tstSumm .top h3 {font-size:24rem;} ._tstSumm .sort {flex-direction:column;gap:20rem;margin-top:25rem;} ._tstSumm .sort li:first-child, ._tstSumm .sort li ~ li {width:100%;flex-grow:0;} ._tstSumm .sort li dl {font-size:14rem;} ._tstSumm .sort li dl dt {width:68rem;} ._tstSumm .sort li dl dd {width:auto;flex:1;} ._tstList .box {padding:20rem;} ._tstList .box .q {font-size:17rem;} ._tstList .box .a {gap:8rem 20rem;margin-top:15rem;} } ._esunHead {display:flex;gap:50rem;} ._esunHead .lef {width:0;flex-grow:1;color:#000;} ._esunHead .lef h4 {font-size:24rem;font-weight:300;letter-spacing:-0.03em;} ._esunHead .lef dl {margin-top:15rem;} ._esunHead .lef dl dt {font-size:16rem;font-weight:500;} ._esunHead .lef dl dd {font-size:36rem;font-weight:bold;} ._esunHead .lef ul {margin-top:10rem;font-size:16rem;font-weight:500;line-height:1.5;color:#064665;} ._esunHead .lef ul li {position:relative;padding-left:0.8em;} ._esunHead .lef ul li:before {content:'·';position:absolute;left:0;top:0;} ._esunHead .lef .bt {margin-top:25rem;} ._esunHead .lef .bt a {display:inline-flex;align-items:center;justify-content:center;width:150rem;border-radius:20rem;height:40rem;background:#3F72BF;color:#fff;font-size:15rem;font-weight:600;} ._esunHead .rig {width:446rem;} @media screen and (max-width:1200px){ ._esunHead {flex-direction:column;gap:25rem;} ._esunHead .lef {width:100%;} ._esunHead .lef h4 {font-size:20rem;} ._esunHead .lef dl {margin-top:12rem;} ._esunHead .lef dl dt {font-size:14rem;} ._esunHead .lef dl dd {font-size:28rem;margin-top:5rem;} ._esunHead .lef ul {font-size:14rem;} ._esunHead .lef .bt {margin-top:20rem;} ._esunHead .lef .bt a {width:140rem;height:38rem;font-size:14rem;} ._esunHead .rig {width:100%;max-width:446rem;} ._esunHead .rig img {display:block;width:100%;} } ._esunHalf {display:flex;gap:90rem;} ._esunHalf > .lef {width:calc(620 / 1240 * 100%);} ._esunHalf > .lef .vidTxt p {font-size:15rem;font-weight:500;} ._esunHalf > .lef .vidTxt dl {margin-top:6rem;} ._esunHalf > .lef .vidTxt dl dt {font-size:24rem;color:#000;} ._esunHalf > .lef .vidTxt dl dd {font-size:15rem;font-weight:500;margin-top:3rem;} ._esunHalf > .lef .vid {margin-top:10rem;} ._esunHalf > .lef .vid iframe {display:block;width:100%;aspect-ratio:16 / 9;} ._esunHalf > .rig {width:0;flex-grow:1;} ._attend {display:inline-flex;align-items:center;justify-content:center;width:60rem;height:30rem;border:1rem solid #7b7b7b;border-radius:5rem;font-size:16rem;font-weight:500;} ._attend.active {border-color:#0098E1;color:#0098E1;} @media screen and (max-width:1200px){ ._esunHalf {flex-direction:column;gap:25rem;} ._esunHalf > .lef {width:100%;} ._esunHalf > .lef .vidTxt p {font-size:14rem;} ._esunHalf > .lef .vidTxt dl dt {font-size:20rem;} ._esunHalf > .lef .vidTxt dl dd {font-size:14rem;} ._esunHalf > .lef .vid {margin-top:10rem;} ._esunHalf > .rig {width:100%;} ._attend {width:56rem;height:28rem;font-size:14rem;} } ._esunList {display:flex;flex-wrap:wrap;gap:20rem;} ._esunList .box {width:calc(100% / 3 - (40rem / 3));border:1rem solid #ddd;border-radius:10rem;padding:30rem;} ._esunList .box .img a {display:block;position:relative;} ._esunList .box .img a i {display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:60rem;color:#ED1F24;} ._esunList .box .img img {display:block;width:100%;object-fit:cover;aspect-ratio:338 / 242;} ._esunList .box .img .state {display:flex;align-items:center;justify-content:center;text-align:center;width:53rem;height:53rem;border:1rem solid #bababa;background:#fff;position:absolute;top:25rem;left:20rem;border-radius:50%;line-height:1.2;color:#888;} ._esunList .box .img .state.yes {border-color:#0098E1;color:#0098E1;} ._esunList .box .info {margin-top:15rem;} ._esunList .box .info .cate {font-size:13rem;color:#F07E00;font-weight:600;margin-bottom:5rem;} ._esunList .box .info .subject {font-size:20rem;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-0.03em;font-weight:600;} ._esunList .box .info .sum {margin-top:15rem;} ._esunList .box .info .sum dl {display:flex;color:#000;font-size:16rem;} ._esunList .box .info .sum dl ~ dl {margin-top:10rem;} ._esunList .box .info .sum dl dt {width:76rem;position:relative;padding-left:0.6em;font-weight:600;letter-spacing:-0.03em;} ._esunList .box .info .sum dl dt:before {content:'·';position:absolute;left:0;top:0;font-weight:bold;color:#F07E00;} ._esunList .box .info .sum dl dd {width:0;flex-grow:1;} @media screen and (max-width:1200px){ ._esunList {gap:15rem;} ._esunList .box {width:100%;padding:20rem;} ._esunList .box .img a i {font-size:44rem;} ._esunList .box .img .state {width:44rem;height:44rem;top:15rem;left:15rem;font-size:13rem;} ._esunList .box .info {margin-top:12rem;} ._esunList .box .info .subject {font-size:18rem;} ._esunList .box .info .sum {margin-top:12rem;} ._esunList .box .info .sum dl {font-size:14rem;} ._esunList .box .info .sum dl ~ dl {margin-top:8rem;} ._esunList .box .info .sum dl dt {width:68rem;} ._esunList .box .info .sum dl dd {width:auto;flex:1;} } ._search {background:#F3F6FC;padding:15rem;display:flex;justify-content:center;gap:5rem;margin-bottom:30rem;} ._search select {width:100rem;} ._search input._inp {width:245rem;} ._mpgHead {display:flex;align-items:center;justify-content:space-between;} ._mpgHead .lef .name {font-size:28rem;color:#000;font-weight:300;letter-spacing:-0.03em;} ._mpgHead .lef .txt {font-size:14rem;color:#888;margin-top:5rem;} @media screen and (max-width:1200px){ ._search {flex-wrap:wrap;gap:8rem;margin-bottom:20rem;padding:12rem;} ._search select {width:calc(35% - 4rem);min-width:90rem;} ._search input._inp {width:calc(65% - 4rem);min-width:0;flex-grow:1;} ._mpgHead {display:block;} ._mpgHead .lef .name {font-size:24rem;line-height:1.35;} ._mpgHead .lef .txt {font-size:13rem;line-height:1.6;margin-top:2rem;} ._mpgHead .rig {margin-top:16rem;} ._mpgHead .rig ._btArea {flex-wrap:wrap;justify-content:flex-start;} ._mpgHead .rig ._btArea > * {flex:1 1 calc(50% - 3rem);min-width:140rem;} } ._printCert {border:1rem solid #000;padding:25rem 30rem 70rem;color:#000;} ._printCert .num {font-size:24rem;margin-bottom:40rem;} ._printCert .subject {text-align:center;font-size:48rem;letter-spacing:1em;margin-bottom:50rem;padding-left:1em;font-weight:500;} ._printCert .qs {display:flex;justify-content:space-between;align-items:center;} ._printCert .qs .qr img {width:226rem;} ._printCert .qs .sum {width:250rem;} ._printCert .qs .sum dl {display:flex;font-size:20rem;font-weight:500;} ._printCert .qs .sum dl ~ dl {margin-top:6rem;} ._printCert .qs .sum dl dt {width:95rem;} ._printCert .qs .sum dl dd {width:0;flex-grow:1;} ._printCert .during {display:flex;justify-content:center;font-size:20rem;margin-top:45rem;} ._printCert .during .in {width:250rem;} ._printCert .during dl {display:flex;font-size:20rem;font-weight:500;width:350rem;} ._printCert .during dl ~ dl {margin-top:10rem;} ._printCert .during dl dt {width:95rem;} ._printCert .during dl dd {width:0;flex-grow:1;} ._printCert .txt {font-size:22rem;line-height:1.8;margin-top:40rem;text-align:center;} ._printCert .date {margin-top:70rem;text-align:center;font-size:20rem;} ._printCert .master {margin-top:40rem;text-align:center;} ._printCert .master strong {display:inline-block;position:relative;font-size:30rem;font-weight:500;} ._printCert .master img {position:absolute;left:100%;top:50%;transform:translateY(-50%);width:111rem;} @media print { ._printCert {width:620px;} } @media screen and (max-width:1200px){ ._pop:has(._printCert) .cont {overflow:auto;} ._printCert {width:620px;} } .lifelong.mypage.login .p-login { display: flex; justify-content: space-between; align-items: center; } .lifelong.mypage.login .login-textArea { position: relative; } .lifelong.mypage.login .login-textArea::before { content: ""; position: absolute; left: -249px; z-index: -1; width: 657px; height: 637px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url(../images/lifelong_deco01.png); } .lifelong.mypage.login .login-textArea .login-decotxt { display: block; margin-bottom: 20px; color: rgba(0, 0, 0, .1); font-size: 17px; font-weight: 700; line-height: 1; } .lifelong.mypage.login .login-textArea .login-tit { display: block; color: #222; font-size: 42px; font-weight: 700; line-height: 1.2; letter-spacing: -0.42px; } .lifelong.mypage.login .login-textArea .login-txt { display: block; margin-top: 20px; color: #444; font-size: 18px; font-weight: 600; line-height: 1.6; } .lifelong.mypage.login .login-textArea .border { margin-top: 107px; border-top: 1px dashed #c3c3c3; } .txt-check { position: relative; padding-left: 17px; color: #B47209 !important; font-size: 15px; text-align: left; } p { margin: 10px 0 0; color: #444444; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.02em; } .txt-check:before { top: 5px; width: 13px; height: 13px; background: url(../images/ico-check.svg) no-repeat 50% 50% / contain; } .txt-check:before { content: ""; position: absolute; left: 0; } .lifelong.mypage.login .login-loginArea { width: 590px; } .p-login form { display: block; margin: 30px 0 0 0; } fieldset { border: none; min-width: 0; } .lifelong.mypage.login .login-loginArea .inner { padding: 50px 20px; background-color: #f8f8f8; border-radius: 0 15px 15px 0; } .form-upload, .form-group, .form-group__upload { position: relative; width: 100%; vertical-align: middle; } .lifelong.mypage.login .login-loginArea .loginenter-txt { display: block; margin-bottom: 12px; color: #222; font-size: 16px; font-weight: 700; line-height: 1; } .lifelong.mypage.login .p-login form #id, .lifelong.mypage.login .p-login form #password { height: 56px; padding: 0 16px; background-color: #fff; background-image: none; border: 1px solid #717171; } .form-upload *, .form-group *, .form-group__upload * { vertical-align: middle; } label { display: inline-block; margin-bottom: 5px; font-weight: 700; } .save {margin-top:15rem;display:flex;justify-content:space-between;align-items:center;font-size:14rem;font-weight: 500;} .save a {display:inline-flex;align-items:center;gap:5rem;} .save a i {font-size:16rem;} @media (max-width: 1200px) { .save { font-size: 12rem; letter-spacing: -0.03em; font-weight: 500; } .save span { font-size: 12rem; letter-spacing: -0.03em; font-weight: 500; } } .lifelong.mypage.login .p-login form .form-group+.form-group { margin-top: 20px; } .lifelong.mypage.login .p-login .find { justify-content: flex-start; margin-top: 13px; font-weight: 600; } .p-login .find { margin: 15px 0 0 0; display: flex; align-items: center; justify-content: center; } .lifelong.mypage.login .p-login .find .find-list { margin-right: 10px; padding-right: 10px; } .p-login .find .find-list { position: relative; margin: 0 20px 0 0; padding: 0 20px 0 0; } .lifelong.mypage.login .p-login form .fe-btn { height: 56px; margin-top: 50px; } .p-login form .fe-btn { margin: 15px 0 0 0; width: 100%; height: 60px; border-radius: 8px; font-size: 18px; } .p-login form #id, .p-login form #password { display: block; width: 100%; height: 60px; padding: 15px 30px 15px 60px; border-radius: 8px; border: 2px solid #f6f7f9; background-color: #f6f7f9; color: #1d1d1d; font-size: 16px; font-weight: 600; line-height: 150%; transition: all .3s; background-position: left 30px center; background-repeat: no-repeat; background-size: 20px; } .btn-base-sub-color2, .fe-btn-base-sub-color2 { color: #fff; background-color: #293538; border-color: #293538; } .btn, .fe-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: auto; cursor: pointer; white-space: nowrap; transition: .4s ease-in-out; border: 1px solid; line-height: 1; font-weight: 400; margin: .1rem; border-radius: .6rem; min-height: auto; height: 4.8rem; padding: 0 1.6rem; font-size: 1.7rem; } .lifelong.mypage.login .login-textArea .login-txt em { color: #ef7800; font-weight: 700; } @media (max-width: 768px) { .lifelong.mypage.login .p-login { display: block; } } @media (max-width: 768px) { .lifelong.mypage.login .login-textArea::before { display:none !important } } @media (max-width: 768px) { .lifelong.mypage.login .login-textArea { width: 100%; text-align: center; } } @media (max-width: 520px) { .lifelong.mypage.login .login-textArea { margin-top: 0px; } } @media (max-width: 520px) { .lifelong.mypage.login .login-textArea .login-decotxt { margin-top: 21px; } } @media (max-width: 520px) { .lifelong.mypage.login .login-textArea .login-tit { font-size: 24px; } } @media (max-width: 768px) { .lifelong.mypage.login .login-textArea .login-tit { font-size: 28px; } } @media (max-width: 960px) { .lifelong.mypage.login .login-textArea .login-tit { font-size: 34px; } } @media (max-width: 520px) { .lifelong.mypage.login .login-textArea .login-txt { margin-top: 21px; font-size: 16px; } } @media (max-width: 520px) { .lifelong.mypage.login .login-textArea .border { margin-top: 35px; } } @media (max-width: 768px) { .lifelong.mypage.login .login-textArea .border { margin-top: 69px; } } @media (max-width: 768px) { .lifelong.mypage.login .login-loginArea { width: 100%; } } ._step2 {justify-content:center;gap:86rem;text-align:center;display:flex;margin-bottom:60rem;} ._step2 li {position:relative;} ._step2 li ~ li:before {content:'';display:block;position:absolute;right:100%;width:86rem;top:39rem;height:2rem;background:#F1F1F1;} ._step2 li .ico {width:80rem;height:80rem;background:#DFDFDF;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;} ._step2 li .ico i {display:flex;width:60rem;height:60rem;border-radius:50%;background:#dfdfdf;font-size:34rem;color:#fff;align-items:center;justify-content:center;} ._step2 li .txt {margin-top:10rem;font-size:16rem;font-weight:500;color:#333;line-height:1.2;letter-spacing:-0.03em;} ._step2 .active .ico {background:#D2F0FE;} ._step2 .active .ico i {background:#0098E1;} @media screen and (max-width:1200px){ ._step2 {gap:20rem;margin-bottom:40rem;flex-wrap:wrap;} ._step2 li ~ li:before {width:20rem;top:31rem;} ._step2 li .ico {width:54rem;height:54rem;margin:0 auto;} ._step2 li .ico i {width:40rem;height:40rem;font-size:20rem;} ._step2 li .txt {margin-top:8rem;font-size:12rem;word-break:keep-all;} } .ui-topbox { position: relative; z-index: 0; margin-bottom: 30px; border: 1px solid #F3F6FC; border-radius: 16px; background: #F3F6FC; } .ui-topbox .inner { position: relative; display: flex; align-items: center; padding: 62px 71px; } .ui-topbox .inner .txtwrap { width: 100%; height: 100%; } .ui-topbox .inner .txtwrap .h-box { display: block; margin-bottom: 8px; color: #1D1D1D; font-size: 24px; line-height: 1.5; letter-spacing: -0.016em; font-weight: bold; font-family: "title_font"; } @media screen and (max-width:1200px){ .ui-topbox .inner { position: relative; display: flex; align-items: center; padding: 22px 31px; } } .pnd-text-group { width: 100%; } .pnd-text-group .pnd-sub-title:first-of-type { margin: 20px 0 10px; } .pnd-text-group .pnd-sub-title { display: block; width: 100%; color: #213753; font-size: 20px; font-weight: 600; line-height: 110%; letter-spacing: -0.4px; margin: 30px 0 10px; } .pnd-text-group { border-top: 1px dashed rgba(0, 0, 0, 0.2); padding: 30px 0 0; margin: 30px 0 0; } .pnd-text-group ul {margin-top:10rem;font-size:16rem;font-weight:400;line-height:1.5;color:##36404A;} .pnd-text-group ul li {position:relative;padding-left:0.8em;} .pnd-text-group ul li:before {content:'·';position:absolute;left:0;top:0;} .pnd-text-group .1st ul {margin-top:10rem;font-size:16rem;font-weight:400;line-height:1.5;color:##36404A;} .pnd-text-group .1st ul li {position:relative;padding-left:0.8em;} .pnd-text-group .1st ul li:before {position:absolute;left:0;top:0;} .list-1st>li { margin-top: 0; padding-left: 23px; } .list-1st>li :before {position:absolute;left:0;top:0;} @media screen and (max-width:1200px){ .pnd-text-group .pnd-sub-title { display: block; width: 100%; color: #213753; font-size: 16px; font-weight: 600; line-height: 110%; letter-spacing: -0.4px; margin: 30px 0 10px; } .pnd-text-group ul {margin-top:10rem;font-size:13rem;font-weight:400;line-height:1.5;color:##36404A;} ._btn.w600 {width:240rem;} } ._faq2 .box ~ .box {margin-top:10rem;} ._faq2 .box .q {display:block;width:100%;text-align:left;border:1rem solid #ddd;padding-right:190rem;position:relative;border-radius:10rem;overflow:hidden;} ._faq2 .box .q i {display:flex;position:absolute;right:0;top:0;width:76rem;border-left:1rem solid #ddd;height:100%;align-items:center;justify-content:center;font-size:24rem;color:#898989;} ._faq2 .box .q strong {display:block;font-size:18rem;color:#111;padding:18rem 16rem 18rem 20rem;line-height:1.4;} ._faq2 .box .q span {font-size:16rem;color:#999;position:absolute;right:100rem;top:22rem;} ._faq2 .box .a {display:none;background:#F6F7F9;border:1rem solid #AFB5BC;padding:30rem 37rem 40rem;border-radius:0 0 10rem 10rem;font-size:16rem;line-height:1.6;border-top:none;} ._faq2 .box.active .q {border-color:#1E2D75;border-radius:10rem 10rem 0 0;} ._faq2 .box.active .q strong {color:#1E2D75;} ._faq2 .box.active .q i {background:#1E2D75;color:#fff;} ._faq2 .box.active .q i:before {transform:rotate(180deg);} ._faq2 .box.active .a {display:block;} ._faq2 .box.active .a span {font-weight:600;font-size:20px;line-height:1.4em;} @media screen and (max-width:1200px){ ._faq2 .box ~ .box {margin-top:8rem;} ._faq2 .box .q {padding:16rem 50rem 16rem 18rem;} ._faq2 .box .q i {width:40rem;font-size:20rem;} ._faq2 .box .q:before {left:16rem;top:14rem;width:22rem;height:22rem;font-size:13rem;} ._faq2 .box .q strong {font-size:15rem;padding:0;line-height:1.3;} ._faq2 .box .q span {display:block;position:relative;right:0;top:0;font-size:13rem;margin-top:5rem;} ._faq2 .box .a {padding:18rem 16rem 22rem;font-size:13rem;line-height:1.5;border-radius:0 0 8rem 8rem;} ._faq2 .box.active .a span {font-weight:600;font-size:15px;line-height:1.4em;} } ._keyword_pop { position: relative; display: inline-block; top: -4px; } ._keyword_pop ._inp { position: relative; /*z-index: 300;*/ } ._keyword_pop .all { position: absolute; right: 5px; top: 4px; background: #aaa; color: #fff; z-index: 310; height: 18px; padding: 0 5px; font-size: 11px; border-radius: 3px; } ._keyword_pop .all:hover { background: #333; } ._keyword_pop .pop { display: none; position: relative; left: 0; top: 100%; width: 100%; z-index: 500; background: #fff; border: 1px solid #3359c5; margin-top: 5px; max-height: 190px; overflow: auto; } ._keyword_pop .pop input { width: 100%; display: flex; text-align: left; padding: 5px 8px; gap: 10px; } ._keyword_pop .pop input ~ button { border-top: 1px solid #ddd; } ._keyword_pop .pop button { width: 100%; display: flex; text-align: left; padding: 5px 8px; gap: 10px; } ._keyword_pop .pop button ~ button { border-top: 1px solid #ddd; } ._keyword_pop .pop button:focus, ._keyword_pop .pop button:hover { color: #000; background: #f3f3f3; } ._keyword_pop .pop button span { display: block; width: 0; flex-grow: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ._keyword_pop.active .pop { display: block; } ._keyword_pop.active ._inp.hoverRed { border-color: #e24528; } ._keyword_pop.active ._inp.hoverBlue { border-color: #3359c5; } ._keyword { position: relative; max-width: 100%; display: inline-block; width: 100%; } ._keyword ._inp { position: relative; /*z-index: 300;*/ } ._keyword .all { position: absolute; right: 5px; top: 4px; background: #aaa; color: #fff; z-index: 310; height: 18px; padding: 0 5px; font-size: 11px; border-radius: 3px; } ._keyword .all:hover { background: #333; } ._keyword .pop { display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 500; background: #fff; border: 1px solid #3359c5; margin-top: 5px; max-height: 190px; overflow: auto; } ._keyword .pop button { width: 100%; display: flex; text-align: left; padding: 5px 8px; gap: 10px; } ._keyword .pop button ~ button { border-top: 1px solid #ddd; } ._keyword .pop button:focus, ._keyword .pop button:hover { color: #000; background: #f3f3f3; } ._keyword .pop button span { display: block; width: 0; flex-grow: 1; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ._keyword.active .pop { display: block; } ._keyword.active ._inp.hoverRed { border-color: #e24528; } ._keyword.active ._inp.hoverBlue { border-color: #3359c5; } /* hover 추가 */ ._inp.hoverRed:focus { border-color: #e24528; } ._inp.hoverBlue:focus { border-color: #3359c5; } ._schInp { display: inline-flex; max-width: 100%; width: 100%; position: relative; } ._schInp ._inp:first-child { width: 115px; } ._schInp ._inp ~ ._inp { width: 0; flex-grow: 1; margin-left: -1px; } ._schInp ._inp ~ ._inp:last-child { } ._schInp button { width: 30px; height: 100%; position: absolute; left: 85px; z-index: 5; text-indent: -9999px; background: url(../images/ico-sch.svg) no-repeat 50% 50% / 16px auto; } ._esunList2 { display: flex; flex-wrap: wrap; gap: 20rem; } ._esunList2 .box { width: calc(100% / 3 - (40rem / 3)); border: 1rem solid #ddd; border-radius: 10rem; padding: 30rem; } ._esunList2 .box .img a { display: block; position: relative; } ._esunList2 .box .img img { display: block; width: 100%; object-fit: cover; aspect-ratio: 338 / 242; } ._esunList2 .box .img .state { display: flex; align-items: center; justify-content: center; text-align: center; width: 53rem; height: 53rem; border: 1rem solid #bababa; background: #fff; position: absolute; top: 25rem; left: 20rem; border-radius: 50%; line-height: 1.2; color: #888; } ._esunList2 .box .img .state.yes { border-color: #0098E1; color: #0098E1; } ._esunList2 .box .info { margin-top: 15rem; } ._esunList2 .box .info .cate { font-size: 13rem; color: #F07E00; font-weight: 600; margin-bottom: 5rem; } ._esunList2 .box .info .subject { font-size: 20rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; letter-spacing: -0.03em; font-weight: 600; } ._esunList2 .box .info .sum { margin-top: 15rem; } ._esunList2 .box .info .sum dl { display: flex; color: #000; font-size: 16rem; } ._esunList2 .box .info .sum dl ~ dl { margin-top: 10rem; } ._esunList2 .box .info .sum dl dt { width: 76rem; position: relative; padding-left: 0.6em; font-weight: 600; letter-spacing: -0.03em; } ._esunList2 .box .info .sum dl dt:before { content: '·'; position: absolute; left: 0; top: 0; font-weight: bold; color: #F07E00; } ._esunList2 .box .info .sum dl dd { width: 0; flex-grow: 1; } @media screen and (max-width:1200px) { ._esunList2 { gap: 15rem; } ._esunList2 .box { width: 100%; padding: 20rem; } ._esunList2 .box .img a i { font-size: 44rem; } ._esunList2 .box .img .state { width: 44rem; height: 44rem; top: 15rem; left: 15rem; font-size: 13rem; } ._esunList2 .box .info { margin-top: 12rem; } ._esunList2 .box .info .subject { font-size: 18rem; } ._esunList2 .box .info .sum { margin-top: 12rem; } ._esunList2 .box .info .sum dl { font-size: 14rem; } ._esunList2 .box .info .sum dl ~ dl { margin-top: 8rem; } ._esunList2 .box .info .sum dl dt { width: 68rem; } ._esunList2 .box .info .sum dl dd { width: auto; flex: 1; } } ._popLayer { position: fixed; z-index: 300; display: none; box-shadow: 3rem 3rem 5rem rgba(0,0,0,0.15); } ._popLayer img { max-width: 100%; height: auto !important; } ._popLayer .area { background: #fff; border: 1rem solid #ddd; padding: 15rem; font-size: 14rem; line-height: 1.5em; max-width: 100%; overflow-y: auto; } ._popLayer .area * { max-width: 100%; height: auto !important; } ._popLayer .bot { background: #1f4bb4; display: flex; align-items: center; justify-content: flex-end; padding: 10rem 15rem; } ._popLayer .bot > * { display: inline-flex; align-items: center; color: #fff; font-size: 14rem; } ._popLayer .bot button { border: none; background: none; color: #fff; padding: 0; font-weight: normal; } ._popLayer .bot label { margin-right: 7rem; letter-spacing: -0.05em; font-weight: normal; margin: 0 10rem 0 0; } ._popLayer .bot label input { vertical-align: middle; margin: 0 3rem 0 0; } @media all and (max-width:1200px) { ._popLayer { left: 0 !important; top: 0 !important; max-width: 100% !important; position: absolute !important; } ._popLayer .area { box-sizing: border-box; max-height: 80vh !important; } ._popLayer .bot { padding: 5rem 10rem; } }