img {max-width:100%;} #wrap {padding-top:16rem;} #skip a {position:absolute;top:-999.9rem;z-index:9999;display:block;width:100%;background:#333;font-size:1.6rem;font-weight:600;color:#fff;text-align:center;} #skip a:hover,#skip a:focus {top:0;padding:1.5rem 0;} @media all and (min-width:1025px){ #header {position:absolute;left:0;top:0;width:100%;background:#fff;z-index:200;height:16rem;overflow:hidden;transition:0.2s;} #header:before {content:"";display:block;width:100%;height:.1rem;position:absolute;left:0;top:16rem;background:#e5e5e5;} #header .head {background:#f4f2ef;padding:0 1.5rem;font-family:'Gmarket Sans',sans-serif;position:relative;z-index:10;} #header .head .inner {max-width:140rem;margin:0 auto;height:5rem;display:flex;align-items:center;justify-content:space-between;} #header .head .lef {display:flex;gap:.6rem;} #header .head .sns {display:flex;gap:.4rem;} #header .head .sns a {display:block;width:3rem;height:3rem;text-indent:-999.9rem;background:url(../images/ico-sns1.png) no-repeat 50% 50%;} #header .head .sns .sns2 {background-image:url(../images/ico-sns2.png);} #header .head .sns .sns3 {background-image:url(../images/ico-sns3.png);} #header .head .sns .sns4 {background-image:url(../images/ico-sns5.png);} #header .head .link {display:flex;gap:.4rem;} #header .head .link a {display:flex;align-items:center;justify-content:center;background:#fff;height:3.2rem;border:.1rem solid #ccc;border-radius:1.6rem;padding:0 1.5rem;font-size:1.4rem;font-weight:500;color:#555;padding-top:.3rem;} #header .head .link a.img {padding-top:0;} #header .head .fnb {display:flex;} #header .head .fnb li {position:relative;margin-right:.7rem;padding-right:1rem;} #header .head .fnb li:before {content:"";display:block;width:.3rem;height:.3rem;border-radius:50%;background:#a4a4a4;position:absolute;right:0;top:.5rem} #header .head .fnb li:last-child {margin-right:0;padding-right:0;} #header .head .fnb li:last-child:before {display:none;} #header .head .fnb li a {font-size:1.4rem;font-weight:500;color:#555;} #header .foot {padding:0 1.5rem;position:relative;z-index:10;} #header .foot .inner {max-width:140rem;margin:0 auto;height:11rem;position:relative;padding:0 6rem 0 30rem;} #header .foot .inner:after {content:"";display:block;width:20.7rem;height:16.3rem;background:url(../images/bg-gnb.png) no-repeat 0 100% / contain;position:absolute;left:0;top:21.7rem;} #header .logo {position:absolute;left:0;top:50%;margin-top:-2.75rem;} #header .logo a {display:block;width:24rem;height:5.5rem;background:url(../images/new_logo.svg) no-repeat 0 50% / contain;text-indent:-999.9rem;} #header .gnb {display:flex;} #header .gnb > li {width:0;flex-grow:1;position:relative;text-align:center;} #header .gnb > li > a {font-family:'Gmarket Sans',sans-serif;font-size:1.8rem;color:#3f3f3f;height:11rem;display:flex;align-items:center;justify-content:center;} #header .gnb > li > a > span {display:inline-block;position:relative;padding:0 .5rem;} #header .gnb > li > a > span:before {content:"";display:block;width:100%;height:.4rem;border-radius:.2rem;background:#e86143;left:0;top:50%;margin-top:1.4rem;position:absolute;transform:scale(0,1);transition:0.2s;opacity:0;} #header .gnb > li > ul {position:absolute;left:0;top:100%;width:100%;text-align:left;padding-top:1.8rem;border-left:.1rem solid #e5e5e5;height:27rem;} #header .gnb > li > ul a {display:block;padding:0 2rem;line-height:1.75;} #header .gnb > li > ul > li > a {font-size:1.7rem;color:#555;font-weight:500;} #header .gnb > li > ul > li > ul {padding:.3rem 0 .7rem;} #header .gnb > li > ul > li > ul > li > a {font-size:1.5rem;} #header .gnb > li > ul > li > ul > li > a:before {content:"- ";} #header .gnb > li.active > a, #header .gnb > li:hover > a, #header .gnb > li:focus-within > a {color:#e86143;} #header .gnb > li.active > a > span:before, #header .gnb > li:focus-within > a > span:before, #header .gnb > li:hover > a > span:before {transform:scale(1,1);opacity:1;} #header .gnb > li > ul > li.active > a, #header .gnb > li > ul > li:focus-within > a, #header .gnb > li > ul > li:hover > a {color:#fff;background:#ea7359;} #header .gnb > li > ul > li > ul > li.active > a, #header .gnb > li > ul > li > ul > li:focus-within > a, #header .gnb > li > ul > li > ul > li:hover > a {color:#ea7359;} #header .foot .slogan {font-family:'Gmarket Sans',sans-serif;position:absolute;left:0;top:14rem;font-size:1.7rem;line-height:1.35;color:#685e5c;font-weight:bold;} #header .foot .slogan span {font-weight:500;color:#c88165;} #header .foot .mnu {display:block;width:4.4rem;height:4.4rem;position:absolute;right:0;top:50%;margin-top:-2.2rem;background:#ebebeb url(../images/ico-mnu.svg) no-repeat 50% 50%;border:none;border-radius:.8rem;text-indent:-999.9rem;} .navOn #header {height:43rem;box-shadow:0 .1rem 1rem rgba(0,0,0,0.1);border-bottom:.1rem solid #e5e5e5;} .navOn #header .foot .mnu {background-image:url(../images/ico-close.svg);} } @media all and (max-width:1024px){ #wrap {padding-top:5.8rem;} #header {position:fixed;left:0;top:0;width:100%;background:#fff;z-index:200;height:5.8rem;} #header .head {display:none;} #header .foot .logo {position:absolute;left:1.2rem;top:50%;margin-top:-1.48rem;} #header .foot .logo a {display:block;width:12.75rem;height:2.95rem;background:url(../images/new_logo.svg) no-repeat 0 50% / contain;text-indent:-999.9rem;} #header .foot .slogan {display:none;} #header .foot .bt {display:block;width:2.8rem;height:2.8rem;position:absolute;right:1.7rem;top:1.4rem;border:none;text-indent:-999.9rem;} #header .foot .mnu {background:url(../images/ico-mnu2.svg) no-repeat 50% 50% / 1.8rem auto;} #header .foot .mypage {background:url(../images/ico-user.svg) no-repeat 50% 49% / 1.45rem auto;right:4.7rem;} #header .foot .heart {background:url(../images/ico-heart.svg) no-repeat 50% 50% / 1.65rem auto;right:7.7rem;} #header nav {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.8);opacity:0;visibility:hidden;transition:0.5s;pointer-events:none;} #header nav .wrap {position:fixed;right:0;top:0;width:33.2rem;background:#fff;height:100%;display:flex;flex-direction:column;transition:0.5s;transform:translateX(2rem);} #header nav .wrap:before {content:"";display:block;position:absolute;left:0;top:0;width:45%;height:100%;background:#f5f5f5;pointer-events:none;} #header nav .top {border-bottom:0.1rem solid #555;position:relative;padding:2rem 0 2rem 2rem;background:#fff;z-index:5;} #header nav .close {display:block;width:2.8rem;height:2.8rem;position:absolute;right:1.7rem;top:1.4rem;border:none;text-indent:-999.9rem;background:url(../images/ico-close.svg) no-repeat 50% 50% / 1.6rem auto;} #header nav .greeting {font-size:1.8rem;color:#000;} #header nav .menu {margin-top:1rem;display:flex;gap:1rem;} #header nav .menu a {display:flex;width:8.5rem;height:2.8rem;border-radius:1.4rem;color:#fff;background:#89807d;align-items:center;justify-content:center;text-align:center;font-size:1.5rem;} #header nav .menu .orange {background:#f07a4c;} #header nav .nmb {margin-top:2.5rem;display:flex;gap:2.4rem;align-items:center;} #header nav .nmb a {display:inline-flex;align-items:center;gap:0.4rem;letter-spacing:-0.03em;font-size:1.4rem;font-weight:500;} #header nav .nmb a:before {content:"";display:block;width:1.45rem;height:1.4rem;background:url(../images/ico-cart.svg) no-repeat 50% 50% / contain;} #header nav .nmb .nmb2:before {width:1.35rem;height:1.2rem;background-image:url(../images/ico-heart.svg);} #header nav .nmb .nmb3:before {width:1.25rem;height:1.45rem;background-image:url(../images/ico-reserve.svg);} #header nav .gnb {height:0;flex-grow:1;overflow:auto;padding-top:1rem;position:relative;} #header nav .gnb a {display:block;font-size:1.5rem;color:#000000;} #header nav .gnb > li > a {width:45%;padding:1.3rem 2rem;font-weight:bold;} #header nav .gnb > li > ul {position:absolute;padding-left:1rem;left:45%;width:55%;top:0;display:none;padding-top:1rem;} #header nav .gnb > li > ul > li {border-bottom:0.1rem solid #ddd;} #header nav .gnb > li > ul > li > a {padding:1.3rem 1rem;font-weight:bold;} #header nav .gnb > li > ul > li > ul {border-top:0.1rem solid #ddd;padding:0.5rem 0;} #header nav .gnb > li > ul > li > ul > li > a {padding:0.5rem 1rem;color:#555;} #header nav .gnb > li > ul > li > ul > li > a:before {content:"- ";font-weight:500;} #header nav .gnb > .active > ul {display:block;} #header nav .gnb > .active > a {background:#f07a4c;color:#fff;} #header nav .gnb ul .active > a {color:#f07a4c;} .navOn #header nav {opacity:1;visibility:visible;pointer-events:auto;} .navOn #header nav .wrap {transform:translateX(0);} .fix #header {box-shadow:0 0.1rem 0.1rem rgba(0,0,0,0.15);} } #gotop {width:7rem;height:7rem;border-radius:50%;position:fixed;right:3rem;bottom:10rem;background:#5b5b5b;display:flex;flex-direction:column;gap:.7rem;align-items:center;justify-content:center;text-align:center;color:#fff;z-index:100;font-size:1.6rem;font-weight:600;border:none;opacity:0;visibility:hidden;transform:translateY(2rem);transition:0.2s;} #gotop:before {content:"";display:block;width:1.6rem;height:1rem;background:url(../images/ico-gotop.svg) no-repeat 50% 50% / contain;} .fix #gotop {opacity:1;visibility:visible;transform:translateY(0);} #footer .head {background:#697282;padding:0 1.5rem;} #footer .head .inner {max-width:140rem;margin:0 auto;} #footer .head .fnb {display:flex;} #footer .head .fnb li {position:relative;margin-right:1.2rem;padding-right:1.3rem;} #footer .head .fnb li:before {content:"";display:block;width:.1rem;height:1.4rem;background:#fff;position:absolute;right:0;top:50%;margin-top:-0.7rem;} #footer .head .fnb li:last-child {margin-right:0;padding-right:0;} #footer .head .fnb li:last-child:before {display:none;} #footer .head .fnb li a {display:flex;align-items:center;height:6rem;color:#fff;font-size:1.6rem;font-weight:500;} #footer .foot {padding:3.5rem 1.5rem;} #footer .foot .inner {max-width:140rem;margin:0 auto;position:relative;padding-left:28.5rem;} #footer .foot h2 {width:24rem;height:5.5rem;background:url(../images/new_logo2.svg) no-repeat 0 50% / contain;text-indent:-999.9rem;position:absolute;left:0;top:0;} #footer .foot .info {font-size:1.6rem;line-height:1.5;font-weight:500;} #footer .foot .info address {font-style:normal;} #footer .foot .info address ul {display:flex;} #footer .foot .info address ul li {margin-right:.8rem;padding-right:.9rem;position:relative;} #footer .foot .info address ul li:before {content:"";display:block;width:.1rem;height:1.2rem;background:#666;position:absolute;right:0;top:50%;margin-top:-0.6rem;} #footer .foot .info address ul li:last-child {margin-right:0;padding-right:0;} #footer .foot .info address ul li:last-child:before {display:none;} #footer .foot .info address ul li span {color:#e54926;} @media all and (max-width:1024px){ #gotop {width:4rem;height:4rem;right:1.5rem;bottom:5rem;gap:.3rem;font-size:1.2rem;} #gotop:before {width:1.2rem;height:0.8rem;} #footer .head .fnb {justify-content:center;} #footer .head .fnb li {margin-right:1rem;padding-right:1.1rem;} #footer .head .fnb li:before {height:1.2rem;margin-top:-0.6rem;} #footer .head .fnb li a {height:4rem;font-size:1.2rem;} #footer .foot {padding:2rem 1.5rem;} #footer .foot .inner {display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;padding-left:0;gap:1.8rem;} #footer .foot h2 {width:16.85rem;height:3.85rem;position:relative;} #footer .foot .info {font-size:1.2rem;line-height:1.45;order:-1;} #footer .foot .info address ul {justify-content:center;text-align:center;align-items:center;} #footer .foot .info address ul li {margin-right:.6rem;padding-right:.7rem;} #footer .foot .info address ul li:before {height:1rem;margin-top:-0.5rem;} #footer .foot .info address ul:lasgt-child {font-weight:bold;} } #main {padding:3.5rem 1.5rem 10rem;} #main .inner {max-width:140rem;margin:0 auto;} #main .quick {display:flex;text-align:center;} #main .quick li {width:12.5%;display:flex;justify-content:center;} #main .quick li a {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1.5rem;font-weight:500;font-size:1.7rem;color:#333;letter-spacing:-0.02em;transition:0.2s;} #main .quick li a:before {content:"";display:block;width:8rem;height:8rem;background:#f7f7f7 url(../images/ico-quick1.png) no-repeat 50% 50% / contain;border-radius:1.5rem;transition:0.2s;} #main .quick .quick2 a:before {background-image:url(../images/ico-quick2.png);} #main .quick .quick3 a:before {background-image:url(../images/ico-quick3.png);} #main .quick .quick4 a:before {background-image:url(../images/ico-quick4.png);} #main .quick .quick5 a:before {background-image:url(../images/ico-quick5.png);} #main .quick .quick6 a:before {background-image:url(../images/ico-quick6.png);} #main .quick .quick7 a:before {background-image:url(../images/ico-quick7.png);} #main .quick .quick8 a:before {background-image:url(../images/ico-quick8.png);} #main .quick li a:hover:before {background-color:#eee;} #main .quick li a:hover {color:#ff5f5f;} #main .quick_m {display:none;} #main .mid {display:flex;gap:4rem;margin-top:4.5rem;} #main .mid .lef {width:30%;position:relative;} #main .mid .lef .roll {overflow:hidden;border-radius:2rem;box-shadow:0 .8rem 1.5rem 0 rgba(0,0,0,0.12);position:relative;} #main .mid .lef img {display:block;/*object-fit:contain;*/object-fit:fill;width:100%;height:47rem;/*background:#111;*/} #main .mid .lef .cont {position:absolute;right:0;bottom:0;background:#fff;display:flex;align-items:center;gap:1.5rem;width:14rem;height:4rem;color:#333;z-index:10;border-radius:2rem 0;justify-content:center;} #main .mid .lef .cont .page {font-size:1.6rem;color:#333;width:auto;font-weight:500;} #main .mid .lef .cont .page .swiper-pagination-current {color:#e44826;} #main .mid .lef .cont .bt {display:flex;align-items:center;justify-content:center;font-size:2rem;} #main .mid .lef .cont .bt button {border:none;background:none;} #main .mid .lef .cont .bt .stop .ri-pause-line:before {content:"\f00a";} #main .mid .rig {width:0;flex-grow:1;height:47rem;background:#f7f2e9;border-radius:2rem;padding:2.5rem 3rem 0;position:relative;overflow:hidden;} #main .mid .rig .tab {display:flex;gap:.4rem;} #main .mid .rig .tab button {border:.1rem solid #ddd;background:#fff;color:#777;padding-top:.4rem;border-radius:3.5rem 1rem 1rem 1rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.8rem;font-weight:bold;font-family:'Gmarket Sans',sans-serif;width:17rem;height:5rem;transition:0.2s;} #main .mid .rig .tab button ~ button {border-radius:1rem 3.5rem 1rem 1rem;} #main .mid .rig .tab button:hover {color:#000;} #main .mid .rig .tab button[aria-selected=true] {color:#fff;border-color:#afc96a;background:#afc96a;} #main .mid .rig .area {position:relative;margin-top:2.5rem;} #main .mid .rig .more {display:block;width:4rem;height:4rem;text-indent:-999.9rem;position:absolute;background:#fff;border:.1rem solid #ccc;border-radius:1rem;right:0;top:-7rem;} #main .mid .rig .more:before, #main .mid .rig .more:after {content:"";display:block;background:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #main .mid .rig .more:before {width:.2rem;height:1.8rem;} #main .mid .rig .more:after {width:1.8rem;height:.2rem;} #main .mid .rig .content {display:none;position:relative;} #main .mid .rig .content[aria-hidden=false] {display:block;} #main .mid .rig .box {display:block;text-align:center;border-radius:1.5rem;overflow:hidden;box-shadow:0 .8rem 1.5rem 0 rgba(0,0,0,0.12);transition:0.2s;opacity:0;} #main .mid .rig .box .img {display:block;width:100%;height:17.5rem;overflow:hidden;} #main .mid .rig .box .img img {display:block;width:100%;height:100%;object-fit:cover;transition:1s;} #main .mid .rig .box:hover .img img {transform:scale(1.1);} #main .mid .rig .box .info {background:#fff;height:12.5rem;padding:1.5rem;} #main .mid .rig .box .info .cate span {display:inline-flex;align-items:center;justify-content:center;text-align:center;height:2.6rem;border-radius:1.3rem;width:9rem;background:#eee;font-size:1.5rem;font-weight:bold;color:#777;} #main .mid .rig .box .info .cate .ty1 {background:#555;color:#fff;} #main .mid .rig .box .info .subject {margin-top:2rem;font-weight:500;font-size:1.8rem;line-height:1.3;height:2.6em;color:#000;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} #main .mid .rig .box.swiper-slide-active, #main .mid .rig .box.swiper-slide-active + .box, #main .mid .rig .box.swiper-slide-active + .box + .box, #main .mid .rig .box.swiper-slide-active + .box + .box + .box {opacity:1;} #main .mid .rig .cont {position:absolute;width:100%;right:0;top:32.5rem;display:flex;align-items:center;gap:1rem;color:#333;z-index:10;justify-content:center;} #main .mid .rig .cont .page {font-size:1.6rem;color:#333;width:auto;display:flex;align-items:center;gap:1rem;} #main .mid .rig .cont .page button {width:1rem;height:1rem;border-radius:50%;background:#aaa;border:none;text-indent:-999.9rem;} #main .mid .rig .cont .page .swiper-pagination-bullet-active {background:#f07a4c;} #main .mid .rig .cont .auto {font-size:2rem;border:none;background:none;} #main .mid .rig .cont .auto.stop .ri-pause-line:before {content:"\f00a";} #main .mid .rig .prev, #main .mid .rig .next {width:4.5rem;height:4.5rem;top:50%;transform:translateY(-50%);background-color:#fff;background-repeat:no-repeat;background-position:50% 50%;position:absolute;z-index:5;border-radius:50%;box-shadow:0 .5rem .5rem rgba(0,0,0,0.1);} #main .mid .rig .prev {background-image:url(../images/ico-prev.svg);left:-2rem;} #main .mid .rig .next {background-image:url(../images/ico-next.svg);right:-2rem;} #main .bot {margin-top:7rem;display:flex;gap:4rem;} #main .bot h3 {font-size:2.6rem;font-weight:bold;color:#333;font-family:'Gmarket Sans',sans-serif;} #main .bot .lef {width:30%;height:44rem;border:.1rem solid #efede9;border-radius:2rem;box-shadow:0 .8rem 1.5rem 0 rgba(0,0,0,0.12);background:url(../images/bg-use.jpg) no-repeat 50% 0 / 100% auto;padding:2.5rem 3rem 0;position:relative;} #main .bot .lef:before {content:"";display:block;width:9.4rem;height:15.9rem;background:url(../images/bg-use2.png) no-repeat 50% 50% / contain;position:absolute;right:2.3rem;top:3.9rem;} #main .bot .lef .tit {position:relative;} #main .bot .lef .cont {margin-top:4.7rem;position:relative;} #main .bot .lef .cont .box ~ .box {border-top:.1rem dashed #ccc;margin-top:2.7rem;padding-top:3rem;} #main .bot .lef .cont h4 {font-size:1.8rem;color:#333;font-weight:bold;font-family:'Gmarket Sans',sans-serif;margin-bottom:1rem;} #main .bot .lef .cont dl {display:flex;gap:1.5rem;align-items:center;font-size:1.6rem;} #main .bot .lef .cont dl ~ dl {margin-top:.8rem;} #main .bot .lef .cont dl dt {color:#333;width:6.5rem;} #main .bot .lef .cont dl dd {} #main .bot .lef .cont .tel {margin-bottom:1.2rem;display:flex;align-items:center;gap:.7rem;font-size:2.1rem;color:#da846d;font-weight:bold;font-family:'Gmarket Sans',sans-serif;} #main .bot .lef .cont .tel:before {content:"";display:block;width:4rem;height:4rem;border-radius:50%;background:#da846d url(../images/ico-tel.svg) no-repeat 50% 50% / 2rem auto;} #main .bot .lef .cont .tel span {letter-spacing:0;} #main .bot .lef .cont .box2 dl dt {width:6.5rem;} #main .bot .lef .loc {display:flex;width:11rem;height:11rem;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.7rem;background:#f3f3f3;border-radius:1.5rem;position:absolute;right:3rem;bottom:2.8rem;} #main .bot .lef .loc:before {content:"";display:block;width:6.3rem;height:5.8rem;background:url(../images/img-map.svg) no-repeat 50% 50% / contain;} #main .bot .lef .loc span {display:block;font-size:1.6rem;color:#333;font-weight:500;font-family:'Gmarket Sans',sans-serif;} #main .bot .cen {width:0;flex-grow:1;padding:1rem 0 0 2rem;} #main .bot .cen .tit {position:relative;display:flex;align-items:center;justify-content:space-between;} #main .bot .cen .tit:before {content:"";display:block;position:absolute;left:0;top:50%;width:100%;height:.1rem;background:#ddd;margin-top:-0.05rem;} #main .bot .cen .tit h3 {background:#fff;padding-right:2rem;position:relative;} #main .bot .cen .tit .more {padding-left:1.5rem;background:#fff;position:relative;} #main .bot .cen .tit .more a {display:block;width:4rem;height:4rem;text-indent:-999.9rem;position:relative;background:#fff;border:.1rem solid #ccc;border-radius:1rem;} #main .bot .cen .tit .more a:before, #main .bot .cen .tit .more a:after {content:"";display:block;background:#000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);} #main .bot .cen .tit .more a:before {width:.2rem;height:1.8rem;} #main .bot .cen .tit .more a:after {width:1.8rem;height:.2rem;} #main .bot .cen .area {margin-top:2.5rem;} #main .bot .cen .area .box {} #main .bot .cen .area .box ~ .box {margin-top:1.5rem;padding-top:1.5rem;border-top:.1rem dashed #ccc;} #main .bot .cen .area .box .in {display:block;} #main .bot .cen .area .box .subject {display:flex;align-items:center;gap:.7rem;} #main .bot .cen .area .box .subject span {display:flex;align-items:center;justify-content:center;width:4rem;height:2rem;border-radius:1rem;color:#fff;background:#f4921e;font-size:1.2rem;font-weight:500;} #main .bot .cen .area .box .subject strong {font-size:1.7rem;display:block;width:0;flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:2rem;color:#333;font-weight:500;} #main .bot .cen .area .box .subject strong:hover {color:#000;text-decoration:underline;} #main .bot .cen .area .box .date {margin-top:.7rem;display:flex;align-items:center;gap:.7rem;color:#999;} #main .bot .rig {width:22.85714%;} #main .bot .rig h4 {font-size:1.8rem;color:#333;font-weight:bold;font-family:'Gmarket Sans',sans-serif;} #main .bot .rig .box {border-radius:1rem;overflow:hidden;} #main .bot .rig .calendar {height:22rem;border:.1rem solid #e4e7e9;flex-direction:column;display:flex;} #main .bot .rig .calendar .tit {display:flex;justify-content:space-between;align-items:center;height:4rem;background:#e0edf6;padding:0 2.5rem;} #main .bot .rig .calendar .tit .cal {display:flex;align-items:center;gap:.5rem;} #main .bot .rig .calendar .tit .cal a {font-size:2rem;color:#224258;} #main .bot .rig .calendar .tit .cal strong {font-size:1.8rem;color:#224258;} #main .bot .rig .calendar .area {padding:1.5rem 2rem;height:0;flex-grow:1;text-align:center;} #main .bot .rig .calendar .area table {width:100%;table-layout:fixed;height:100%;} #main .bot .rig .calendar .area table tr th {font-size:1.5rem;color:#222;padding-bottom:.3rem;} #main .bot .rig .calendar .area table tr td span {display:inline-block;width:2.8rem;max-width:100%;line-height:2rem;color:#666;font-size:1.4rem;} #main .bot .rig .calendar .area table tr td .active {background:#ebf1f5;} #main .bot .rig .link .box {margin-top:1rem;display:flex;flex-direction:column;justify-content:center;padding-left:2.8rem;height:6.6rem;background:#e8ebde url(../images/bg-mbr1.jpg) no-repeat 100% 100%;} #main .bot .rig .link .box p {margin-top:.5rem;} /*#main .bot .rig .link .box p span {display:inline-flex;width:8rem;height:2.4rem;padding-top:.4rem;font-size:1.3rem;font-family:'Gmarket Sans',sans-serif;align-items:center;justify-content:center;color:#fff;background:#71a997;border-radius:.5rem;box-shadow:.3rem .3rem .5rem 0 rgba(0,0,0,0.12);}*/ #main .bot .rig .link .box p span {display:inline-flex;font-size:1.3rem;line-height:1.3rem;font-family:'Gmarket Sans',sans-serif;align-items:center;justify-content:center;color:#777;} #main .bot .rig .link .box p span i {font-size:14px;} #main .bot .rig .link .box p span i:before {content:'\e850';} #main .bot .rig .link .box2 {background-color:#f9ebfe;background-image:url(../images/bg-mbr2.jpg);} /*#main .bot .rig .link .box2 p span {background:#b297c4;}*/ #main .bot .rig .link .box3 {background-color:#f7efdb;background-image:url(../images/bg-mbr3.jpg);} /*#main .bot .rig .link .box3 p span {background:#c48c2b;}*/ @media all and (max-width:1400px){ #main .mid {gap:3rem;} #main .bot {gap:3rem;} #main .bot .cen {padding-left:1rem;} } @media all and (min-width:1025px) and (max-width:1380px){ #main .bot .lef .loc {width:8rem;height:8rem;gap:.5rem;right:2rem;bottom:2.7rem;} #main .bot .lef .loc:before {width:4.2rem;height:3.4rem;} #main .bot .lef .loc span {font-size:1.4rem;} } @media all and (min-width:1025px) and (max-width:1280px){ #main .bot .rig {width:280px;} } @media all and (min-width:1025px) and (max-width:1240px){ #main .bot .rig {width:280px;} #main .bot .lef .loc {width:8rem;height:3rem;right:2rem;bottom:14rem;} #main .bot .lef .loc:before {display:none;} #main .bot .lef .loc span {font-size:1.4rem;} } @media all and (max-width:1024px){ #main {padding:1.5rem 1.5rem 4rem;} /* #main .quick {overflow:auto;margin:0 -1.5rem;padding:0 1.5rem 0.5rem;} #main .quick li {width:25%;flex:0 0 auto;} #main .quick li a {gap:0.5rem;font-size:1.2rem;letter-spacing:-0.04em;align-items:center;} #main .quick li a:before {width:5rem;height:5rem;} */ #main .quick {display:none;} #main .quick_m {display:block;} #main .quick_m {display:flex;text-align:center;} #main .quick_m li {width:25%;display:flex;justify-content:center;} #main .quick_m li a {display:flex;justify-content:center;align-items:center;flex-direction:column;gap:0.5rem;font-weight:600;font-size:1.2rem;color:#555;letter-spacing:-0.04em;transition:0.2s;} #main .quick_m li a:before {content:"";display:block;width:5rem;height:5rem;background:#f7f7f7 url(../images/ico-quick1.png) no-repeat 50% 50% / contain;border-radius:1.5rem;transition:0.2s;} #main .quick_m .quick2 a:before {background-image:url(../images/ico-quick2.png);} #main .quick_m .quick3 a:before {background-image:url(../images/ico-quick7.png);} #main .quick_m .quick4 a:before {background-image:url(../images/ico-quick8.png);} #main .quick_m li a:hover:before {background-color:#eee;} #main .quick_m li a:hover {color:#ff5f5f;} #main .mid {display:block;margin-top:1.5rem;} #main .mid .lef {width:auto;padding:0 3rem;} #main .mid .lef .roll {border-radius:1rem;} #main .mid .lef img {width:100%;height:auto;aspect-ratio:420 / 470;} #main .mid .lef .cont {right:50%;transform:translateX(50%);bottom:-1.6rem;gap:1rem;width:10.5rem;height:3.2rem;border-radius:1.6rem;box-shadow:0 .8rem 1.5rem 0 rgba(0,0,0,0.12);} #main .mid .lef .cont .page {font-size:1.2rem;} #main .mid .lef .cont .bt {font-size:1.4rem;} #main .mid .rig {width:auto;margin:4rem -1.5rem 0;height:auto;border-radius:0;padding:2rem 1.5rem;} #main .mid .rig .tab button {padding-top:.4rem;border-radius:2rem 0.5rem 0.5rem 0.5rem;font-size:1.4rem;width:12rem;height:3.4rem;} #main .mid .rig .tab button ~ button {border-radius:0.5rem 2rem 0.5rem 0.5rem;} #main .mid .rig .area {margin-top:1.5rem;} #main .mid .rig .more {width:2.8rem;height:2.8rem;border-radius:0.5rem;top:-4.6rem;} #main .mid .rig .more:before {height:1.2rem;} #main .mid .rig .more:after {width:1.2rem;} #main .mid .rig .box {border-radius:1rem;opacity:1;} #main .mid .rig .box .img {height:auto;aspect-ratio:200 / 175;} #main .mid .rig .box .info {height:8.5rem;padding:1.2rem 1.2rem 0;} #main .mid .rig .box .info .cate span {height:1.8rem;border-radius:0.9rem;width:6rem;font-size:1.0rem;} #main .mid .rig .box .info .subject {margin-top:1rem;font-size:1.3rem;} #main .mid .rig .cont {position:relative;top:0;gap:1rem;margin-top:1.5rem;} #main .mid .rig .cont .page {font-size:1.2rem;gap:0.6rem;} #main .mid .rig .cont .page button {width:0.8rem;height:0.8rem;} #main .mid .rig .cont .auto {font-size:2rem;border:none;background:none;} #main .mid .rig .prev, #main .mid .rig .next {width:3rem;height:3rem;background-size:0.7rem auto;} #main .mid .rig .prev {left:-1rem;} #main .mid .rig .next {right:-1rem;} #main .bot {margin-top:3rem;flex-direction:column;gap:3rem;} #main .bot h3 {font-size:2rem;} #main .bot .lef {width:auto;height:auto;border-radius:1rem;padding:2rem;} #main .bot .lef:before {width:7rem;height:14rem;right:1.5rem;top:3rem;} #main .bot .lef .cont {margin-top:4.3rem;} #main .bot .lef .cont .box ~ .box {margin-top:1.7rem;padding-top:1.7rem;} #main .bot .lef .cont h4 {font-size:1.8rem;color:#333;font-weight:bold;font-family:'Gmarket Sans',sans-serif;margin-bottom:1rem;} #main .bot .lef .cont dl {gap:1rem;font-size:1.4rem;} #main .bot .lef .cont dl dt {width:5.7rem;} #main .bot .lef .cont dl dd {} #main .bot .lef .cont .tel {margin-bottom:1rem;gap:.6rem;font-size:1.8rem;} #main .bot .lef .cont .tel:before {width:3rem;height:3rem;background-size:1.6rem auto;} #main .bot .lef .cont .tel span {letter-spacing:0;} #main .bot .lef .cont .box2 dl dt {width:5.5rem;} #main .bot .lef .loc {width:8.2rem;height:8.2rem;gap:.5rem;border-radius:1rem;right:2rem;bottom:2.5rem;} #main .bot .lef .loc:before {width:4.75rem;height:4.4rem;} #main .bot .lef .loc span {font-size:1.2rem;} #main .bot .cen {width:auto;padding:0;} #main .bot .cen .tit .more {padding-left:1.5rem;background:#fff;position:relative;} #main .bot .cen .tit .more a {width:2.8rem;height:2.8rem;border-radius:0.5rem;} #main .bot .cen .tit .more a:before {height:1.2rem;} #main .bot .cen .tit .more a:after {width:1.2rem;} #main .bot .cen .area {margin-top:2rem;} #main .bot .cen .area .box ~ .box {margin-top:1rem;padding-top:1rem;} #main .bot .cen .area .box .subject strong {font-size:1.4rem;} #main .bot .cen .area .box .date {margin-top:.5rem;gap:.5rem;font-size:1.2rem;} #main .bot .rig {width:auto;display:flex;gap:1rem;} #main .bot .rig h4 {font-size:1.2rem;padding-top:0.2rem;} #main .bot .rig .calendar {height:auto;width:55%;} #main .bot .rig .calendar .tit {height:2.5rem;padding:0 1.2rem;} #main .bot .rig .calendar .tit h4 {font-size:1.1rem;} #main .bot .rig .calendar .tit .cal {display:flex;gap:0 0.2rem;} #main .bot .rig .calendar .tit .cal a {font-size:1.4rem;} #main .bot .rig .calendar .tit .cal strong {font-size:1.2rem;} #main .bot .rig .calendar .area {padding:1.5rem 1rem;height:auto;} #main .bot .rig .calendar .area table tr th {font-size:1rem;padding-bottom:.2rem;} #main .bot .rig .calendar .area table tr td {padding:0.2rem 0;} #main .bot .rig .calendar .area table tr td span {width:2rem;line-height:1.5rem;font-size:1rem;} #main .bot .rig .link {display:flex;flex-direction:column;width:0;flex-grow:1;gap:.6rem;} #main .bot .rig .link .box {margin-top:0;align-items:center;padding-left:0;height:0;flex-grow:1;background:#e8ebde;} #main .bot .rig .link .box p {margin-top:.2rem;} /*#main .bot .rig .link .box p span {width:6rem;height:2rem;padding-top:.2rem;font-size:1rem;}*/ #main .bot .rig .link .box p span {display:inline-flex;width:6rem;height:1.6rem;padding-top:.2rem;font-size:1rem;font-family:'Gmarket Sans',sans-serif;align-items:center;justify-content:center;color:#fff;background:#71a997;border-radius:.5rem;box-shadow:.3rem .3rem .5rem 0 rgba(0,0,0,0.12);} #main .bot .rig .link .box p span i {display:none;} #main .bot .rig .link .box2 {background-color:#f9ebfe;background-image:none;} #main .bot .rig .link .box2 p span {background:#b297c4;} #main .bot .rig .link .box3 {background-color:#f7efdb;background-image:none;} #main .bot .rig .link .box3 p span {background:#c48c2b;} } #vis {padding:0 1.5rem;background:#ffede4 url(../images/vis-bg.png) no-repeat 50% 100% / cover;} #vis .inner {max-width:120rem;margin:0 auto;height:39rem;overflow:hidden;position:relative;} #vis .area {padding-top:8rem;} #vis .area dl {font-family:'Cafe24Ssurround',sans-serif;} #vis .area dl dt {font-size:2.8rem;color:#b06c65;letter-spacing:-0.03em;} #vis .area dl dd {font-size:4.2rem;color:#706161;letter-spacing:-0.03em;} #vis .area .form {display:inline-block;position:relative;margin-top:2rem;z-index:20;} #vis .area .form input {display:block;width:42rem;height:6.4rem;border-radius:1.5rem;background:#fff;border:.1rem solid #b99490;padding-left:2rem;font-size:1.8rem;color:#5f5f5f;box-shadow:0 .8rem 1.5rem 0 rgba(0,0,0,0.12);} #vis .area .form input::placeholder {color:#5f5f5f;} #vis .area .form button {position:absolute;right:0;top:0;width:6rem;height:100%;background:url(../images/ico-sch.svg) no-repeat 50% 50% / 2.5rem auto;border:none;color:#f95b5b;text-indent:-999.9rem;} #vis .img {position:absolute;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;z-index:10;} #vis .img1 {width:4.7rem;height:4.9rem;right:50%;margin-right:23.1rem;bottom:.5rem;background-image:url(../images/vis-img1.png);animation:vis1 2s ease infinite;} #vis .img2 {width:4rem;height:3.5rem;right:50%;margin-right:16.3rem;bottom:3.3rem;background-image:url(../images/vis-img2.png);animation:vis2 2.5s ease infinite;} #vis .img3 {width:16.6rem;height:18.2rem;left:50%;margin-left:-7.6rem;bottom:1.5rem;background-image:url(../images/vis-img3.png);animation:vis3 1.5s linear infinite;} #vis .img4 {width:37.9rem;height:28.1rem;left:50%;margin-left:-3.6rem;bottom:6.5rem;background-image:url(../images/vis-img4.png);animation:vis3 1.5s linear infinite;} #vis .img5 {width:15.7rem;height:15.8rem;left:50%;bottom:.5rem;margin-left:33.7rem;background-image:url(../images/vis-img5.png);animation:vis3 1.5s linear infinite;} #vis .img6 {width:7.2rem;height:12.5rem;left:50%;top:-1.5rem;margin-left:45.2rem;background-image:url(../images/vis-img6.png);animation:vis6 3s ease infinite;} @keyframes vis1 { 0% {transform:translate3d(0,0,0) rotate(-5deg);} 50% {transform:translate3d(.5rem,0,0) rotate(5deg);} 100% {transform:translate3d(0,0,0) rotate(-5deg);} } @keyframes vis2 { 0% {transform:translate3d(0,0,0) rotate(5deg);} 50% {transform:translate3d(-0.5rem,1rem,0) rotate(15deg);} 100% {transform:translate3d(0,0,0) rotate(5deg);} } @keyframes vis3 { 0% {transform:rotate(0deg) scale(1,1);} 25% {transform:rotate(-3deg) scale(0.98,1);} 50% {transform:rotate(0deg) scale(1,1);} 75% {transform:rotate(3deg) scale(1,0.98);} 100% {transform:rotate(0deg) scale(1,1);} } @keyframes vis6 { 0% {transform:translate3d(0,0,0);} 50% {transform:translate3d(0,1.5rem,0);} 100% {transform:translate3d(0,0,0);} } @media all and (max-width:1024px){ #vis {padding:0;background-image:url(../images/vis-bg-m.jpg);} #vis .inner {height:18.5rem;padding:0 1.5rem;} #vis .area {padding-top:1rem;text-align:center;} #vis .area dl {display:none;} #vis .area .form {margin-top:0;} #vis .area .form input {width:26rem;height:3.6rem;border-radius:1rem;padding-left:1.5rem;font-size:1.4rem;} #vis .area .form button {width:3.4rem;background-size:1.4rem auto;} #vis .img1, #vis .img2 {display:none;} #vis .img3 {width:8.3rem;height:9.1rem;left:auto;right:50% ;margin-left:0;margin-right:8.25rem;bottom:-0.5rem;} #vis .img4 {width:18.95rem;height:14.05rem;left:auto;right:50%;margin-right:-6.8rem;margin-left:0;bottom:0.7rem;} #vis .img5 {width:7.85rem;height:7.9rem;left:50%;right:auto;bottom:-1.1rem;margin-left:8.3rem;} #vis .img6 {width:3.6rem;height:6.25rem;left:auto;right:-0.5rem;top:-0.3rem;margin-left:0;} } #svis {border-bottom:.1rem solid #efe4e0;background:url(../images/svis.jpg) no-repeat 50% 50% / cover;position:relative;z-index:50;} #svis .inner {max-width:140rem;margin:0 auto;height:19.9rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:5;} #svis h2 {font-family:'Gmarket Sans',sans-serif;font-size:3.2rem;color:#222;position:relative;z-index:10;} #svis .snb {position:absolute;left:0;bottom:0;display:flex;width:47rem;background:#fff;z-index:15;} #svis .snb:before {content:"";display:block;position:absolute;right:100%;top:0;width:100vw;height:100%;background:#fff;} #svis .snb > li {flex-grow:1;width:0;position:relative;} #svis .snb > li:first-child {width:4.9rem;flex-grow:unset;} #svis .snb > li:first-child > a {text-indent:-999.9rem;background:url(../images/ico-home.svg) no-repeat 50% 50%;} #svis .snb > li > button, #svis .snb > li > a {height:4.9rem;display:block;line-height:4.9rem;font-size:1.6rem;position:relative;width:100%;text-align:left;border:none;background:none;border-left:.1rem solid #efe4e0;} #svis .snb > li > button i {display:block;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);} #svis .snb > li ~ li {margin-left:-1px;} #svis .snb > li ~ li > button {padding-left:1.5rem;font-weight:500;} #svis .snb > li > ul {position:absolute;left:0;top:0;top:100%;width:100%;background:#fff;border:.1rem solid #a49d9b;display:none;} #svis .snb > li > ul > li ~ li {border-top:1px solid #e8ddd9;} #svis .snb > li > ul > li > a {display:block;font-size:1.6rem;padding:1rem 1.5rem;} #svis .snb > li > ul > li > ul {border-top:1px solid #e8ddd9;padding:1rem 0;} #svis .snb > li > ul > li > ul > li > a {display:block;font-size:1.6rem;padding:0.3rem 1.5rem;} #svis .snb > li > ul > li > ul > li > a:before {content:"- ";} #svis .snb > li > ul > li:hover > a, #svis .snb > li > ul > li:focus-within > a, #svis .snb > li > ul > li > ul > li > a:hover, #svis .snb > li > ul > li > ul > li > a:focus {color:#f0674c;} #svis .snb > .active > button i:before {content:"\f106";} #svis .snb > .active > ul {display:block;} #svis .ani {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none;} #svis .img {position:absolute;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;} #svis .img1 {width:4.7rem;height:4.9rem;right:50%;margin-right:26.2rem;bottom:5.4rem;background-image:url(../images/vis-img1.png);animation:vis1 2s ease infinite;} #svis .img2 {width:4rem;height:3.5rem;right:50%;margin-right:19.4rem;bottom:8.2rem;background-image:url(../images/vis-img2.png);animation:vis2 2.5s ease infinite;} #svis .img4 {width:37.9rem;height:28.1rem;left:50%;margin-left:19.9rem;top:3.3rem;background-image:url(../images/vis-img4.png);animation:vis3 1.5s linear infinite;} #svis .img5 {width:16.1rem;height:15.5rem;left:50%;top:12.3rem;margin-left:58.9rem;background-image:url(../images/vis-img5.png);animation:vis3 1.5s linear infinite;} #svis .img6 {width:5.6rem;height:9.7rem;left:50%;top:-1.8rem;margin-left:63.9rem;background-image:url(../images/vis-img6.png);animation:vis6 3s ease infinite;} .sub #content {padding:7rem 1.5rem 10rem;} .sub #content > .inner {max-width:120rem;margin:0 auto;} .sub #content > .wide {max-width:140rem;} @media all and (max-width:1024px){ #svis {border-bottom:none;background:none;} #svis .inner {height:auto;display:block;} #svis h2 {height:9.5rem;font-size:2.4rem;background:url(../images/svis.png) no-repeat 50% 50% / cover;display:flex;align-items:center;justify-content:center;text-align:center;} #svis .snb {position:relative;display:flex;width:auto;border-bottom:0.1rem solid #ddd;} #svis .snb:before {display:none;} #svis .snb > li:first-child {width:3.4rem;} #svis .snb > li:first-child > a {background-size:1.2rem auto;} #svis .snb > li > button, #svis .snb > li > a {height:3.4rem;line-height:3.4rem;font-size:1.4rem;border-color:#ddd;} #svis .snb > li > button i {right:1rem;} #svis .snb > li ~ li > button {padding-left:1rem;} #svis .snb > li > ul > li > a {font-size:1.4rem;padding:.5rem 1rem;} #svis .snb > li > ul > li > ul {padding:0.5rem 0;} #svis .snb > li > ul > li > ul > li > a {font-size:1.4rem;padding:0.2rem 1rem;} .sub #content {padding:3rem 1.5rem 4rem;} #svis .ani {height:9.5rem;z-index:5;} #svis .img1 {width:2.1rem;height:2.15rem;right:auto;left:13.85rem;margin-right:0;bottom:0.3rem;} #svis .img2 {width:1.8rem;height:1.55rem;right:auto;left:50%;margin-left:-0.75rem;margin-right:0;bottom:1.5rem;} #svis .img4, #svis .img5 {display:none;} #svis .img6 {width:2.9rem;height:5rem;left:auto;right:2.7rem;top:-0.65rem;} } .gma {font-family:'Gmarket Sans',sans-serif;} .__loc .one {display:flex;justify-content:space-between;gap:3rem;} .__loc .one .loc {width:70.833333%;border:.1rem solid #ccc;border-radius:1.5rem;overflow:hidden;} .__loc .one .loc .root_daum_roughmap {width:100% !important;} .__loc .one .loc .wrap_map {height:53.8rem !important;} .__loc .one .loc .map_border {display:none;} .__loc .one .info {width:0;flex-grow:1;border:.1rem solid #ccc;border-radius:1.5rem;height:54rem;padding:1.9rem 1.5rem 0;} .__loc .one .info h3 {height:9rem;background:#f1efea url(../images/new_logo.svg) no-repeat 50% 50% / 21.8rem auto;text-indent:-999.9rem;border-radius:1.5rem;} .__loc .one .info .area {margin-top:2rem;} .__loc .one .info .area h4 {font-size:1.5rem;font-weight:bold;color:#333;} .__loc .one .info .area .txt {margin-top:.8rem;font-size:1.7rem;font-weight:500;color:#555;} .__loc .one .info .area .txt dl {display:flex;line-height:1.55;} .__loc .one .info .area .txt dl dt {color:#b26a5c;width:9rem;} .__loc .one .info .area .tel {margin-top:.8rem;display:flex;align-items:center;gap:.7rem;font-size:2.1rem;color:#da846d;font-weight:bold;font-family:'Gmarket Sans',sans-serif;} .__loc .one .info .area .tel:before {content:"";display:block;width:4rem;height:4rem;border-radius:50%;background:#da846d url(../images/ico-tel.svg) no-repeat 50% 50% / 2rem auto;} .__loc .one .info .area .tel span {letter-spacing:0;} .__loc .one .info .area .box:nth-child(1) .txt {letter-spacing:-0.05em;} .__loc .one .info .area .box:nth-child(2) {margin-top:2.5rem;} .__loc .one .info .area .box:nth-child(3) {margin-top:3.5rem;} .__loc .one .info .area .box:nth-child(3) .txt dl dt {width:10rem;} .__loc .two {background:#f8f8f8;padding:4rem;margin-top:4rem;border-radius:1.5rem;} .__loc .two h3 {font-size:2.4rem;font-weight:bold;color:#333;margin-bottom:2.5rem;} .__loc .two .cont {display:flex;gap:5rem;} .__loc .two .box {width:0;flex-grow:1;} .__loc .two .box h4 {font-size:1.5rem;font-weight:bold;color:#333;display:flex;align-items:center;gap:1.2rem;padding-bottom:1rem;border-bottom:.1rem solid #ddd;margin-bottom:2rem;} .__loc .two .box .area {font-size:1.7rem;line-height:1.4;font-weight:500;color:#333;} .__loc .two .box .area strong {display:inline-flex;align-items:center;padding:0 1.4rem;height:2.6rem;border-radius:1.3rem;color:#fff;font-weight:normal;font-size:1.6rem;text-align:center;justify-content:center;} .__loc .two .box:nth-child(1) .area {display:flex;gap:.4rem;align-items:center;} .__loc .two .box:nth-child(2) dl {display:flex;gap:.8rem;} .__loc .two .box:nth-child(2) dl ~ dl {margin-top:1rem;} .__loc .two .box:nth-child(2) dl dt {width:7rem;} .__loc .two .box:nth-child(2) dl dt strong {display:flex;width:100%;text-align:center;padding:0;border-radius:0;} .__loc .two .box:nth-child(2) dl dd {width:0;flex-grow:1;} .__loc .two .box:nth-child(3) p {font-size:1.6rem;font-weight:500;color:#777;margin-top:.7rem;} @media all and (max-width:1024px){ .__loc .one {display:block;} .__loc .one .loc {width:auto;border-radius:1rem;} .__loc .one .loc .wrap_map {height:21rem !important;} .__loc .one .info {width:auto;border-radius:1rem;height:auto;padding:1.5rem;margin-top:1.5rem;} .__loc .one .info h3 {height:7rem;background-size:18rem auto;border-radius:1rem;} .__loc .one .info .area {margin-top:1.5rem;} .__loc .one .info .area h4 {font-size:1.6rem;} .__loc .one .info .area .txt {margin-top:.5rem;font-size:1.4rem;} .__loc .one .info .area .txt dl {line-height:1.5;} .__loc .one .info .area .txt dl dt {width:7.5rem;} .__loc .one .info .area .tel {margin-top:.5rem;gap:.6rem;} .__loc .one .info .area .tel:before {width:3.2rem;height:3.2rem;background-size:1.6rem auto;} .__loc .one .info .area .box:nth-child(2) {margin-top:1.5rem;} .__loc .one .info .area .box:nth-child(3) {margin-top:2rem;} .__loc .one .info .area .box:nth-child(3) .txt dl dt {width:8rem;} .__loc .two {padding:1.5rem;margin-top:1.5rem;border-radius:1rem;} .__loc .two h3 {font-size:2rem;margin-bottom:1.5rem;} .__loc .two .cont {display:block;} .__loc .two .box {width:auto;} .__loc .two .box ~ .box {margin-top:2.5rem;} .__loc .two .box h4 {font-size:1.6rem;gap:0.8rem;margin-bottom:1.5rem;} .__loc .two .box h4 img {width:2.6rem;} .__loc .two .box .area {font-size:1.4rem;} .__loc .two .box .area strong {padding:0 1rem;height:2.2rem;border-radius:1.1rem;font-size:1.2rem;} .__loc .two .box:nth-child(1) .area {gap:.3rem;} .__loc .two .box:nth-child(2) dl {gap:.8rem;} .__loc .two .box:nth-child(2) dl ~ dl {margin-top:0.8rem;} .__loc .two .box:nth-child(2) dl dt {width:5rem;} .__loc .two .box:nth-child(3) p {font-size:1.3rem;margin-top:.2rem;} } .__step {display:flex;border:.1rem solid #ccc;border-radius:1rem;overflow:hidden;margin-bottom:3.5rem;} .__step li {height:6.8rem;width:0;flex-grow:1;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:.5rem;position:relative;} .__step li ~ li {border-left:.1rem solid #ccc;} .__step li ~ li:before {content:"";display:block;width:2.6rem;height:2.6rem;border-radius:50%;border:.1rem solid #cdcdcd;position:absolute;left:-1.3rem;top:50%;transform:translateY(-50%);background:#fff url(../images/ico-step.svg) no-repeat 50% 50% / .8rem auto;} .__step li > * {display:block;} .__step li span {font-size:1.4rem;} .__step li strong {font-size:1.7rem;font-weight:bold;} .__step .active {background:#f07a4c;color:#fff;} @media all and (max-width:1024px){ .__step {margin-bottom:2rem;border-radius:0.5rem;} .__step li {height:5rem;gap:.1em;} .__step li ~ li:before {width:2rem;height:2rem;left:-1rem;background-size:.6rem auto;} .__step li span {font-size:1.2rem;} .__step li strong {font-size:1.5rem;letter-spacing:-0.05em;word-spacing:-0.03em;} } /* .__joinType {margin-top:6rem;display:flex;gap:3rem;} */ .__joinType {margin:6rem auto 0 auto;display:flex;gap:8rem;max-width:86rem;} .__joinType .box {width:0;flex-grow:1;padding:3.5rem 2rem;background:#fff4ef;} .__joinType .box:nth-child(2) {background:#f1f8fc;} .__joinType .box:nth-child(3) {background:#f3fada;} .__joinType .box .cont {padding-bottom:4rem;} .__joinType .box h3 {text-align:center;color:#222;font-size:2.4rem;} .__joinType .box h3 span {font-weight:500;} .__joinType .box .img {margin:2.7rem 0 3rem;text-align:center;} .__joinType .box .bt {padding:0 2rem;} .__joinType .box .bt a {display:flex;width:100%;height:5rem;border-radius:.5rem;color:#fff;background:#494f58;align-items:center;justify-content:center;text-align:center;font-size:1.7rem;font-weight:500;transition:0.2s;} .__joinType .box .bt a:hover {background:#f07a4c;} .__agrBox {height:24rem;overflow:auto;padding:2rem;border:.1rem solid #ddd;font-size:1.5rem;color:#555;line-height:1.6;} .__agrBox.ty2 {height:auto;overflow:hidden;padding:0;border:none;max-width:98rem;margin:0 auto;} .__agrBox.ty3 {height:auto;overflow:hidden;padding:2rem;border:.5rem solid #eee;margin:0 auto;} .__agrBox.ty3 h4 {font-family:'Gmarket Sans', sans-serif;font-size:1.6rem;color:#408dea;} .__agrBox.ty3 h5 {font-size:1.5rem;font-weight:bold;} .__agrBox.ty3 h5 mark {color:#555;} .__agrBox.ty3 .qna {} .__agrBox.ty3 .qna dt {position:relative;font-weight:bold;color:#b26a5c;padding-left:1.5em;} .__agrBox.ty3 .qna dt:before {content:"Q";display:block;font-weight:bold;position:absolute;top:0;left:0;} .__agrBox.ty3 .qna dd {position:relative;padding-left:1.5em;margin-bottom:10px;} .__agrBox.ty3 .qna dd:before {content:"A";display:block;font-weight:bold;position:absolute;top:0;left:0;} .__agrCheck {font-size:1.7rem;font-weight:bold;color:#333;text-decoration:underline;margin-top:1rem;text-align:right;} .__agrCheck.ty2 {font-size:1.8rem;font-weight:bold;color:#333;text-decoration:underline;margin-top:3rem;text-align:center;} @media all and (max-width:1024px){ .__joinType {margin-top:3rem;flex-direction:column;gap:1.5rem;} .__joinType .box {width:100%;padding:2.5rem 1.5rem;} .__joinType .box .cont {padding-bottom:2rem;} .__joinType .box h3 {font-size:2.4rem;} .__joinType .box .img {margin:1rem 0 1.5rem;} .__joinType .box .img img {width:14rem;} .__joinType .box .bt a {font-size:1.6rem;} .__agrBox {height:15rem;padding:1.5rem;font-size:1.3rem;line-height:1.5;} .__agrBox.ty2 {height:auto;overflow:hidden;padding:0;border:none;} .__agrBox.ty3 {padding:1rem;} .__agrBox.ty3 h4 {font-size:1.3rem;} .__agrBox.ty3 h5 {font-size:1.2rem;} .__agrCheck {font-size:1.5rem;} .__agrCheck.ty2 {font-size:1.6rem;} .__agrCheck.ty2 u {width:90%;} } .__login {max-width:54rem;margin:4rem auto;background:#f5f5f5;padding:3.7rem 7rem 4rem;border-radius:2rem;} .__login .tit {text-align:center;} .__login .tit dt {font-size:2.4rem;font-weight:bold;color:#f95b5b;} .__login .tit dd {font-size:1.5rem;font-weight:500;color:#555;margin-top:.7rem;} .__login .inp {margin-top:2.8rem;} .__login .inp label {display:block;position:relative;} .__login .inp label ~ label {margin-top:1rem;} .__login .inp label input {display:block;width:100%;height:5.6rem;border-radius:1rem;background:#fff;padding-left:1.7rem;font-size:1.7rem;border:.1rem solid #cbcccd;font-weight:500;} .__login .inp label input::placeholder {color:#999;} .__login .save {margin-top:2rem;padding-left:1rem;font-size:1.6rem;color:#555;font-weight:500;} .__login .submit {display:block;margin-top:2rem;width:100%;height:5.6rem;border-radius:1rem;color:#fff;font-size:2.2rem;font-weight:bold;background:linear-gradient(to right, #f6a942 0%,#fb5e4f 100%);} .__login .link {display:flex;justify-content:center;align-items:center;margin-top:3.5rem;} .__login .link li {margin-right:1.8rem;padding-right:2rem;position:relative;} .__login .link li:before {content:"";display:block;width:.2rem;height:1.2rem;position:absolute;right:0;top:50%;transform:translateY(-50%);background:#bbb;} .__login .link li:last-child {margin-right:0;padding-right:0;} .__login .link li:last-child:before {display:none;} .__login .link li a {display:block;font-size:1.6rem;color:#333;font-weight:500;} @media all and (max-width:1024px){ .__login {max-width:100%;margin:0;padding:3rem 1.5rem;border-radius:1rem;} .__login .tit dt {font-size:2.4rem;} .__login .tit dd {font-size:1.4rem;margin:.5rem -1rem 0;} .__login .inp {margin-top:2rem;} .__login .inp label input {height:4.6rem;border-radius:0.5rem;padding-left:1.5rem;font-size:1.6rem;} .__login .save {margin-top:1.5rem;font-size:1.4rem;padding-left:0;} .__login .submit {height:5.2rem;border-radius:0.5rem;font-size:1.8rem;} .__login .link {margin-top:2.5rem;} .__login .link li {margin-right:1.4rem;padding-right:1.5rem;} .__login .link li:before {width:.1rem;} .__login .link li a {font-size:1.4rem;} } .__find {max-width:54rem;margin:4rem auto;} .__find .tab {display:flex;margin-bottom:3rem;} .__find .tab a {display:block;text-align:center;position:relative;border-bottom:.3rem solid #bbb;padding-bottom:1.2rem;font-size:1.8rem;font-weight:bold;color:#999;width:50%;} .__find .tab .active {color:#f0674c;border-bottom-color:#f0674c;} .__find .tab .active:before {content:"";display:block;width:.9rem;height:.9rem;position:absolute;left:50%;margin-left:-0.45rem;background:#f0674c;bottom:-0.6rem;border-radius:50%;} .__find .area {background:#f5f5f5;padding:3rem 7rem 4rem;border-radius:2rem;} .__find .area h3 {font-size:1.8rem;text-align:center;font-weight:500;color:#333;line-height:1.35;margin-bottom:2rem;} .__find .area h3.line {border-bottom:.1rem solid #bbb;padding-bottom:1.2rem;margin-bottom:3rem;} .__find .area .red {color:#f0674c;} .__find .area .inp {margin-top:2.8rem;} .__find .area .inp label {display:block;position:relative;} .__find .area .inp label ~ label {margin-top:1rem;} .__find .area .inp label input {display:block;width:100%;height:5.6rem;border-radius:1rem;background:#fff;padding-left:1.7rem;font-size:1.7rem;border:.1rem solid #cbcccd;font-weight:500;} .__find .area .inp label input::placeholder {color:#999;} .__find .area .ex {color:#f0674c;font-weight:500;margin-top:1rem;font-size:1.6rem;} .__find .area .submit {display:block;margin-top:3rem;width:100%;height:5.6rem;border-radius:1rem;color:#fff;font-size:2.2rem;font-weight:bold;background:linear-gradient(to right, #f6a942 0%,#fb5e4f 100%);} .__find .area .bt {margin-top:5.5rem;display:flex;justify-content:center;gap:2rem;} .__find .area .bt > * {width:calc(50% - 1rem);height:4.6rem;border-radius:1rem;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.6rem;color:#333;border:.1rem solid #dce1e7;font-weight:500;} .__find .area .bt .color {border:none;background:linear-gradient(to right, #f6a942 0%,#fb5e4f 100%);color:#fff;} .__find .area .result {text-align:center;font-size:1.8rem;font-weight:bold;color:#000;} .__find .area .result em {display:inline-block;color:#555;margin-right:2rem;font-style:normal;} .__find .area .tbl {padding:0 1rem;} .__find .area .tbl dl {display:flex;align-items:center;font-size:1.6rem;font-weight:500;} .__find .area .tbl dl ~ dl {margin-top:1rem;} .__find .area .tbl dl > * {min-height:3rem;display:flex;align-items:center;} .__find .area .tbl dl dt {width:7.5em;} .__find .area .tbl dl dd {width:0;flex-grow:1;color:#000;} .__find .area .tbl dl dd input {height:4rem;background:#fff;border:.1rem solid #cbcccd;border-radius:1rem;padding-left:1.5rem;font-size:1.6rem;width:100%;} .__find .area .end {font-size:2rem;line-height:1.2;color:#333;font-weight:500;padding-top:2.5rem;text-align:center;} @media all and (max-width:1024px){ .__find {margin:0;} .__find .tab {margin-bottom:2rem;} .__find .tab a {border-bottom:.3rem solid #bbb;padding-bottom:1rem;font-size:1.6rem;} .__find .tab .active:before {width:.8rem;height:.8rem;margin-left:-0.4rem;bottom:-0.5rem;} .__find .area {padding:3rem 1.5rem;border-radius:1rem;} .__find .area h3 {margin-bottom:1.5rem;} .__find .area h3.line {padding-bottom:1rem;margin-bottom:2rem;} .__find .area .inp {margin-top:2.8rem;} .__find .area .inp {margin-top:2rem;} .__find .area .inp label input {height:4.6rem;border-radius:0.5rem;padding-left:1.5rem;font-size:1.6rem;} .__find .area .ex {font-size:1.4rem;} .__find .area .submit {height:5.2rem;border-radius:0.5rem;font-size:1.8rem;} .__find .area .bt {margin-top:3.5rem;gap:1rem;} .__find .area .bt > * {width:calc(50% - 0.5rem);height:4.2rem;border-radius:0.5rem;} .__find .area .result {font-size:1.6rem;} .__find .area .result em {margin-right:1.5rem;} .__find .area .tbl dl {font-size:1.4rem;} .__find .area .tbl dl ~ dl {margin-top:0.5rem;} .__find .area .tbl dl > * {min-height:2.4rem;} .__find .area .tbl dl dd input {height:3.2rem;border-radius:0.5rem;padding-left:1rem;font-size:1.4rem;} .__find .area .end {font-size:1.8rem;padding-top:1rem;} } .__newsletter {max-width:80rem;margin:2rem auto;} .__newsletter .area {background:#f5f5f5;padding:3rem 6rem 4rem;border-radius:2rem;} .__newsletter .area h3 {font-size:2.4rem;text-align:center;font-weight:bold;color:#f95b5b;line-height:1.35;margin-bottom:2.4rem;border-bottom:1px solid #dadada;padding-bottom:1rem;} .__newsletter .area .bt {margin-top:3rem;display:flex;justify-content:center;gap:2rem;} .__newsletter .area .bt > * {width:calc(50% - 10rem);height:4.6rem;border-radius:1rem;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.6rem;color:#333;border:.1rem solid #dce1e7;font-weight:500;} .__newsletter .area .bt .color {border:none;background:linear-gradient(to right, #f6a942 0%,#fb5e4f 100%);color:#fff;} .__newsletter .area .tbl {padding:0 1rem;} .__newsletter .area .tbl dl {display:flex;align-items:center;font-size:1.6rem;font-weight:500;} .__newsletter .area .tbl dl ~ dl {margin-top:1rem;} .__newsletter .area .tbl dl > * {min-height:3rem;display:flex;align-items:center;} .__newsletter .area .tbl dl dt {width:4em;} .__newsletter .area .tbl dl dd {width:0;flex-grow:1;color:#000;} @media all and (max-width:1024px){ .__newsletter .area .bt > * {width:100%;} .__newsletter .area {padding:3rem 1rem 4rem;} .__newsletter .area .tbl dl ~ dl {margin-top:1.6rem;} } .__tab {position:relative;display:flex;justify-content:center;margin: 0 auto;margin-bottom:4rem;} .__tab:before {content:"";display:block;width:100%;height:.1rem;background:#ddd;position:absolute;left:0;top:50%;} .__tab a {display:flex;align-items:center;justify-content:center;text-align:center;position:relative;width:17rem;height:4.4rem;padding-top:.4rem;border-radius:2.2rem;border:.1rem solid #ccc;background:#f5f5f5;font-size:1.6rem;color:#777;font-weight:bold;} .__tab .active {background:#f07a4c;border-color:#f07a4c;color:#fff;} .__yellowBox {background:#faf6ec;border-radius:1rem;padding:2rem 3rem;} @media all and (min-width:1025px){ .__tab.ty2 a {min-width:150px;width:auto;padding-left:20px;padding-right:20px;} .__tab.ty3 {max-width:98rem;} .__tab.ty3 a {min-width:150px;width:auto;padding-left:20px;padding-right:20px;} } @media all and (max-width:1024px){ .__tab {margin:0 -1.5rem 2.5rem;padding:0 1.5rem 0.1rem;overflow:auto;justify-content:flex-start;} .__tab:before {display:none;} .__tab a {width:auto;height:3.6rem;border-radius:0;font-size:1.3rem;margin-left:-0.1rem;flex-grow:1;line-height:1.1;padding:0.3rem 1rem 0;white-space:normal/*nowrap*/;} .__tab.ty2 a {width:0;flex-grow:1;} .__tab.ty3 a {width:0;flex-grow:1;} .__yellowBox {border-radius:0.5rem;padding:1.5rem;} } .__cartThm {display:flex;gap:2rem;} .__cartThm .cartThm {width:9rem;} .__cartThm .cartThm a {display:block;aspect-ratio:1 / 1;border-radius:1rem;overflow:hidden;} .__cartThm .cartThm a img {display:block;width:100%;height:100%;object-fit:cover;} .__cartThm .cartInfo {width:0;flex-grow:1;} .__cartThm .cartInfo .type {margin-bottom:.7rem;} .__cartThm .cartInfo .subject a {display:block;font-size:1.8rem;font-weight:500;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .__cartThm .cartInfo .sort {display:flex;gap:.5rem 1rem;flex-wrap:wrap;margin-top:.5rem;} @media all and (max-width:1024px){ .__cartThm {gap:1rem;width:100%;} .__cartThm .cartThm {width:5.5rem;} .__cartThm .cartThm a {border-radius:0.5rem;} .__cartThm .cartInfo .type {margin-bottom:.4rem;} .__cartThm .cartInfo .subject a {font-size:1.6rem;} .__cartThm .cartInfo .sort {margin-top:0;font-size:1.4rem;} } .__leaveBox {background:#faf6ec;padding:3rem 2rem;display:flex;align-items:center;gap:5.5rem;justify-content:center;} .__leaveBox:before {content:"";display:block;width:9.5rem;height:9.4rem;background:url(../images/ico-leave.png) no-repeat 50% 50% / contain;} .__leaveBox dl dt {font-size:2.2rem;color:#e85a43;font-weight:bold;} .__leaveBox dl dd {font-size:1.7rem;font-weight:500;color:#111;line-height:1.4;margin-top:1.2rem;} .__leaveBox.ty2:before {width:11rem;height:7.4rem;background-image:url(../images/ico-fix.png);} .__leaveBox.ty2 dl dt {color:#111;} .__leaveBox.ty3:before {width:15rem;height:8rem;background-image:url(../images/ico-donate.png);} .__leaveBox.ty3 dl dt {color:#111;} .__leaveBox.ty4:before {width:9.6rem;height:8.5rem;background-image:url(../images/ico-birth.png);} .__leaveBox.ty4 dl dt {color:#111;} .__leaveBox.ty5:before {width:13.2rem;height:8.2rem;background-image:url(../images/ico-lend.png);} .__leaveBox.ty5 dl dt {color:#111;} .__leaveBox.ty6:before {width:17.8rem;height:9.3rem;background-image:url(../images/ico-visit.png);} .__leaveBox.ty6 dl dt {color:#111;} .__leaveBox.ty7:before {width:8.8rem;height:8.1rem;background-image:url(../images/ico-move.png);} .__leaveBox.ty7 dl dt {color:#111;} .__leaveBox.ty8:before {width:8.7rem;height:9.8rem;background-image:url(../images/ico-service.png);} .__leaveBox.ty8 dl dt {color:#111;} .__leaveBox.ty9:before {width:9.6rem;height:12.5rem;background-image:url(../images/ico-photo.png);} .__leaveBox.ty9 dl dt {color:#111;} .__buttonA {display:inline-block;background:#f07a4c;border-radius:2rem;padding:0.2rem 1.4rem 0 1.4rem;height:2.8rem;line-height:2.8rem;color:#fff!important;font-family:'Gmarket Sans',sans-serif;font-weight:bold;font-size:1.6rem;} @media all and (min-width:1025px){ .__leaveBox[class*='ty'] {padding:3rem 2rem 3rem 26rem;justify-content:flex-start;position:relative;} .__leaveBox[class*='ty']:before {position:absolute;top:50%;transform:translateY(-50%);} .__leaveBox.ty2:before {left:110px;} .__leaveBox.ty3:before {left:68px;} .__leaveBox.ty4 {padding-left:21rem !important;} .__leaveBox.ty4:before {left:67px;} .__leaveBox.ty5:before {left:69px;} .__leaveBox.ty6 {padding-left:30rem !important;} .__leaveBox.ty6:before {left:72px;} .__leaveBox.ty7 {padding-left:26rem !important;} .__leaveBox.ty7:before {left:123px;} .__leaveBox.ty8 {padding-left:26rem !important;} .__leaveBox.ty8:before {left:124px;} .__leaveBox.ty9 {padding-left:21rem !important;} .__leaveBox.ty9:before {left:67px;} } @media all and (max-width:1024px){ .__leaveBox {padding:1.5rem;display:block;position:relative;} .__leaveBox:before {position:absolute;right:1rem;bottom:1rem;opacity:0.4;width:6rem;height:6rem;} .__leaveBox dl {position:relative;z-index:10;} .__leaveBox dl dt {font-size:1.8rem;} .__leaveBox dl dd {font-size:1.4rem;margin-top:1rem;} .__leaveBox.ty2:before {width:7rem;height:6rem;} .__leaveBox.ty3:before {width:10rem;height:6rem;} .__leaveBox.ty4:before {width:8rem;height:6.3rem;} .__leaveBox.ty5:before {width:9rem;height:6.2rem;} .__leaveBox.ty6:before {width:10rem;height:6rem;} .__leaveBox.ty7:before {width:6rem;height:5rem;} .__leaveBox.ty8:before {width:5.5rem;height:6rem;} .__buttonA {font-size:1.4rem;} } .__botArea {margin-top:3rem;position:relative;min-height:3.2rem;} .__botArea .cen {text-align:center;} .__botArea .lef {position:absolute;left:0;top:0;} .__botArea .rig {position:absolute;right:0;top:0;} .__paging {font-size:0;} .__paging .arr, .__paging .num {display:inline-block;box-sizing:border-box;vertical-align:top;width:3.2rem;height:3.2rem;line-height:3rem;border:.1rem solid #ddd;text-align:center;color:#888;z-index:0;margin:0 .2rem;position:relative;} .__paging .num {font-size:1.5rem;} .__paging .arr i {font-size:1.8rem;line-height:3rem;color:#000;} .__paging .num:hover, .__paging .arr:hover {border-color:#000;color:#000;} .__paging .num.active {border-color:#697282;color:#fff;background:#697282;font-weight:500;} @media all and (max-width:1024px){ .__botArea {margin-top:2rem;text-align:center;} .__botArea > div {position:relative !important;} .__botArea > div ~ div {margin-top:1rem;} .__paging .arr, .__paging .num {width:3rem;height:3rem;line-height:2.8rem;margin:0 .2rem;} .__paging .num {font-size:1.3rem;} .__paging .arr i {font-size:1.6rem;line-height:2.6rem;} } .__schedule .top {display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:2rem;} .__schedule .top h3 {font-size:2.6rem;color:#333;font-weight:bold;padding-top:0.3rem;} .__schedule .top a {display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:50%;border:.1rem solid #bcbcbc;font-size:2.4rem;color:#555;} .__schedule .tbl {border-top:.1rem solid #333;} .__schedule .tbl table {width:100%;table-layout:fixed;} .__schedule .tbl table tr > * {border:.1rem solid #e2e2e2;border-top:none;} .__schedule .tbl table th {text-align:center;height:3.8rem;background:#f2f2f2;text-align:center;font-size:1.6rem;font-weight:bold;color:#222;} .__schedule .tbl table td {vertical-align:top;word-break:break-all;} .__schedule .tbl table td > div {position:relative;min-height:10rem;padding:1rem;} .__schedule .tbl table td.active {background:#f0f6fa;} .__schedule .tbl table td .num {font-size:1.5rem;font-weight:500;color:#222;margin-bottom:.5rem;} .__schedule .tbl table td .txt {font-size:1.6rem;line-height:1.3;font-weight:500;} .__schedule .tbl table td .red {color:#ff6565;} .__schedule .tbl table td .blue {color:#215a7f;} .__schedule .tbl table td .gray {color:#777;} .__schedule .tbl table td .__dotList > li ~ li {margin-top:3px;} .__schedule .tbl table td .__dotList > li {color:#000;} .__schedule .tbl table td .__dotList > li a:hover {text-decoration:underline;} @media all and (max-width:1024px){ .__schedule .top {margin-bottom:1.5rem;gap:1rem;} .__schedule .top h3 {font-size:2.4rem;} .__schedule .top a {width:3.2rem;height:3.2rem;} .__schedule .tbl {margin:0 -1.5rem;} .__schedule .tbl table tr > * {border:.1rem solid #e2e2e2;border-top:none;} .__schedule .tbl table th {height:3.4rem;font-size:1.4rem;} .__schedule .tbl table td > div {min-height:5rem;padding:0.5rem;} .__schedule .tbl table td .num {font-size:1.4rem;margin-bottom:.5rem;} .__schedule .tbl table td .txt {font-size:1rem;line-height:1.2;letter-spacing:-0.075em;} .__schedule .tbl table td .txt .__dotList > li {padding-left:0.6rem;} .__schedule .tbl table td .txt .__dotList > li:before {top:0.5rem;} } .__site {display:flex;gap:4rem;} .__site .lef {width:32.85714%;} .__site .lef .map {background:#f0f9fc;padding:3.5rem 2rem;text-align:center;border-radius:1rem;overflow:hidden;} .__site .lef .map svg {display:block;width:100%;} .__site .lef .map svg .gu {cursor:pointer;} .__site .lef .map svg .gu:hover, .__site .lef .map svg .gu.ov, .__site .lef .map svg .gu.active {fill:#6CA9BA !important;} .__site .lef .map .in {position:relative;} .__site .lef .map .in .po > li {position:absolute;width:0;height:0;pointer-events:none;} .__site .lef .map .in .po > li > span {display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:1.4rem;color:#333;font-weight:bold;letter-spacing:-0.05em;} .__site .lef .map .in .po > .ov > span, .__site .lef .map .in .po > .active > span {color:#fff;} .__site .lef .map .in .po > .po0 {left:12%;top:50%;} .__site .lef .map .in .po > .po1 {left:20%;top:65.1%;} .__site .lef .map .in .po > .po2 {left:20%;top:74%;} .__site .lef .map .in .po > .po3 {left:32.6%;top:66.1%;} .__site .lef .map .in .po > .po4 {left:28.6%;top:87.6%;} .__site .lef .map .in .po > .po5 {left:42.6%;top:72.6%;} .__site .lef .map .in .po > .po6 {left:42.6%;top:86.1%;} .__site .lef .map .in .po > .po7 {left:57.8%;top:81.1%;} .__site .lef .map .in .po > .po8 {left:71.8%;top:78.8%;} .__site .lef .map .in .po > .po9 {left:81.8%;top:70.8%;} .__site .lef .map .in .po > .po10{left:91.5%;top:55.3%;} .__site .lef .map .in .po > .po11{left:34.5%;top:52.5%;} .__site .lef .map .in .po > .po12{left:39.5%;top:28.3%;} .__site .lef .map .in .po > .po13{left:40.1%;top:44.3%;} .__site .lef .map .in .po > .po14{left:51.9%;top:43.2%;} .__site .lef .map .in .po > .po15{left:53.9%;top:51.7%;} .__site .lef .map .in .po > .po16{left:50.9%;top:60.7%;} .__site .lef .map .in .po > .po17{left:58.9%;top:22.1%;} .__site .lef .map .in .po > .po18{left:60.9%;top:36.9%;} .__site .lef .map .in .po > .po19{left:63.9%;top:11.9%;} .__site .lef .map .in .po > .po20{left:68.9%;top:44.5%;} .__site .lef .map .in .po > .po21{left:65.9%;top:54.9%;} .__site .lef .map .in .po > .po22{left:75.9%;top:24.2%;} .__site .lef .map .in .po > .po23{left:78.9%;top:38.2%;} .__site .lef .map .in .po > .po24{left:77.2%;top:57.2%;} .__site .lef .inf {margin-top:1rem;font-size:1.4rem;text-align:right;} .__site .lef .inf span {display:inline-block;position:relative;padding-left:2.4rem;} .__site .lef .inf span i {position:absolute;left:0;top:0;width:1.6rem;height:1.6rem;border-radius:50%;border:.1rem solid #d1d1d1;display:flex;align-items:center;justify-content:center;color:#f07a4c;font-size:1.1rem;} .__site .rig {width:0;flex-grow:1;} .__site .all {display:inline-flex;height:4rem;border:.1rem solid #333;border-radius:.5rem;font-size:1.6rem;color:#333;gap:.6rem;align-items:center;justify-content:center;padding:0 1rem;} .__site .all i {color:#f07a4c;font-size:1.3rem;} .__homepage {width:2.5rem;height:2.5rem;background:url(../images/ico-homepage.svg) no-repeat 50% 50% / contain;display:inline-block;text-align:left;text-indent:-999.9rem;} @media all and (max-width:1024px){ .__site {display:block;} .__site .lef {width:auto;} .__site .lef .map {padding:2rem 1rem;} .__site .lef .map img {display:block;width:100%;} .__site .lef .inf {margin-top:1rem;font-size:1.4rem;text-align:left;} .__site .lef .inf span {display:block;padding-left:2.4rem;} .__site .lef .inf span i {width:1.6rem;height:1.6rem;font-size:1.1rem;} .__site .rig {width:auto;margin-top:2rem;} .__site .all {height:3.4rem;font-size:1.4rem;gap:.5rem;} .__homepage {width:2rem;height:2rem;} } .__site2 {display:flex;gap:3rem;flex-wrap:wrap;max-width:120rem;margin:0 auto;} .__site2 .box {display:block;width:calc(25% - (12rem / 5));overflow:hidden;border-radius:1rem;border:.1rem solid #ddd;position:relative;} .__site2 .box .img img {display:block;width:100%;} .__site2 .box .txt {padding:0 1.2rem;border-top:.1rem dashed #e6e6e6;} .__site2 .box .txt span {display:flex;align-items:center;justify-content:center;text-align:center;height:4.6rem;font-size:1.6rem;line-height:1.2;font-weight:500;padding:0 0.5rem;word-break:break-all;} .__site2 .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;border:0.2rem solid #ddd;border-radius:1rem;opacity:0;} .__site2 .box:hover .txt span {color:#e57f2a;} .__site2 .box:hover:before {opacity:1;} .__taAgr {background:#f5f5f5;padding:2.5rem;font-size:1.5rem;font-weight:500;} .__taAgr h4 {font-size:1.7rem;font-weight:bold;color:#333;} @media all and (max-width:1024px){ .__site2 {gap:0.5rem;} .__site2 .box {width:calc(100% / 3 - (1rem / 3));border-radius:0;margin:-0.1rem 0 0 -0.1rem;} .__site2 .box .txt {padding:0;} .__site2 .box .txt span {height:3.6rem;font-size:1.2rem;letter-spacing:-0.075em;} .__taAgr {padding:2rem 1.5rem;font-size:1.3rem;} .__taAgr h4 {font-size:1.4rem;} } .__toyList {display:flex;flex-wrap:wrap;gap:5.5rem 3.8rem;padding-bottom:4rem;border-bottom:.1rem solid #ddd;} .__toyList .box {display:block;width:calc(20% - (15.2rem / 5));} .__toyList .box .img {border-radius:1rem;overflow:hidden;} .__toyList .box .img img {display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;transition:1s;} .__toyList .box .info {margin-top:1rem;} .__toyList .box .info .state {margin-top:.8rem;} .__toyList .box .info .subject {font-size:1.6rem;line-height:1.3;font-weight:500;color:#000;max-height:3.9em;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-all;} .__toyList .box:hover .img img {transform:scale(1.1);} .__toyList .box:hover .info .subject {color:#ff6565;text-decoration:underline;} @media all and (max-width:1024px){ .__toyList {gap:4rem 1rem;padding-bottom:3rem;} .__toyList .box {width:calc(50% - (1rem / 2));} .__toyList .box .info {margin-top:1rem;} .__toyList .box .info .state {margin-top:.7rem;} .__toyList .box .info .subject {font-size:1.6rem;max-height:2.6em;-webkit-line-clamp:2;} } .__toySum {display:flex;gap:3rem;} .__toySum .lef {width:34rem;} .__toySum .lef img {display:block;width:100%;aspect-ratio:1 / 1;height: auto;} .__toySum .rig {width:78rem;} .__toySum .rig .info {background:#f8f8f8;padding:2.5rem 4rem 3.5rem;min-height:24rem;} .__toySum .rig .tit {display:flex;flex-wrap:wrap;gap:.5rem .7rem;align-items:center;word-break:break-all;} .__toySum .rig .tit strong {display:block;font-size:2.2rem;line-height:1.4;color:#000;font-weight:bold;} .__toySum .rig .sum {border-top:.1rem solid #777;margin-top:1rem;} .__toySum .rig .sum .__dotList {padding:2.5rem 0;display:flex;flex-wrap:wrap;gap:.8rem 2rem;} .__toySum .rig .sum .__dotList > li {margin:0;} .__toySum .rig .sum .__dotList > li:nth-child(odd) {width:calc(55% - 1rem);} .__toySum .rig .sum .__dotList > li:nth-child(even) {width:calc(45% - 1rem);} .__toySum .rig .sum .__dotList > li:nth-child(even) {width:calc(45% - 1rem);} .__toySum .rig .exc {padding-top:1.5rem;} .__toySum .rig .__btArea .__btn5 {font-size:1.7rem;width:14rem;} .__toySum .rig .__btArea .__btn5 img {width:2rem;} .__toyDetail {border:.1rem solid #ccc;padding:2rem 3rem;} .__toyDetail .__txt16 {line-height:1.5;} @media all and (max-width:1024px){ .__toySum {display:block;} .__toySum .lef {width:auto;} .__toySum .rig {width:auto;} .__toySum .rig .info {height:auto;padding:2rem 1.5rem;} .__toySum .rig .tit {flex-direction:column;gap:.3rem;align-items:flex-start;} .__toySum .rig .tit strong {font-size:1.8rem;} .__toySum .rig .sum {margin-top:1.5rem;} .__toySum .rig .sum .__dotList {padding:1.5rem 0;gap:.3rem 0;} .__toySum .rig .sum .__dotList > li {width:100% !important;letter-spacing:-0.04em;} .__toySum .rig .exc {padding-top:1rem;} .__toySum .rig .__btArea .__btn5 {font-size:1.6rem;width:0;flex-grow:1;height:4rem;gap:0.3rem;} .__toySum .rig .__btArea .__btn5 img {width:1.3rem;} .__toyDetail {padding:1.5rem;} } .__hopeInfo .hopeBox {background:#faf6ec;position:relative;padding:1rem 1.5rem 1rem 15rem;margin-top:1.5rem;display:none;} .__hopeInfo .hopeBox h5 {position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 0.8rem;height:3rem;color:#fff;font-size:1.5rem;font-weight:bold;gap:0.3rem;background:#f07a4c;} .__hopeInfo .hopeBox h5 i {font-weight:normal;position:relative;top:-0.1rem;} .__hopeInfo .hopeTxt {font-size:1.6rem;color:#8c3b1b;line-height:1.4;color:#8c3b1b;font-weight:500;} .__hopeInfo .hopeBox.active {display:block;} @media all and (max-width:1024px){ .__hopeInfo .hopeBox {padding:4rem 1.5rem 1rem 1.5rem;} .__hopeInfo .hopeTxt {font-size:1.4rem;} } .__history {position:relative;padding-left:2rem;} .__history:before {content:"";display:block;position:absolute;width:.1rem;background:#ccc;height:100%;left:30rem;} .__history .box {position:relative;padding:.5rem 0 0 33rem;} .__history .box ~ .box {margin-top:7.5rem;} .__history .box:before {content:"";display:block;position:absolute;top:0;left:26.4rem;width:3.2rem;height:3.2rem;background:#ef8551;border-radius:50%;border:1rem solid #fff;} .__history .box h3 {font-size:3.6rem;font-weight:bold;color:#ef8551;position:absolute;left:0;top:0;} .__history .box dl {display:flex;font-size:1.9rem;line-height:1.5;} .__history .box dl ~ dl {margin-top:2rem;} .__history .box dl dt {width:12rem;font-weight:bold;font-variant-numeric:tabular-nums;} .__history .box dl dd {width:0;flex-grow:1;} @media all and (max-width:1024px){ .__history {padding-left:0;} .__history:before {left:0.9rem;} .__history .box {padding:.0 0 0 2.5rem;} .__history .box ~ .box {margin-top:4rem;} .__history .box:before {left:0;width:2rem;height:2rem;border:0.7rem solid #fff;} .__history .box h3 {font-size:2rem;margin-bottom:1.2rem;position:relative;} .__history .box dl {font-size:1.4rem;line-height:1.4;} .__history .box dl ~ dl {margin-top:0.8rem;} .__history .box dl dt {width:7rem;} } .__fac .tab {display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;} .__fac .tab button {display:flex;width:14rem;height:4.6rem;border-radius:0.5rem;align-items:center;justify-content:center;text-align:center;color:#333;font-weight:bold;font-size:1.6rem;border:0.1rem solid #dbdbdb;background:#fff;} .__fac .tab button[aria-selected=true] {background:#f07a4c;border-color:#f07a4c;color:#fff;} .__fac .area {overflow:hidden;position:relative;} .__fac .area .sec {display:none;} .__fac .area .sec img {display:block;width:100%;aspect-ratio:1200 / 800;object-fit:contain;background:#000;} .__fac .area .sec[aria-hidden=false] {display:block;} .__fac .area .sec .cont {position:absolute;right:0;bottom:0;background:#fff;display:flex;align-items:center;gap:1rem;width:20rem;height:7rem;color:#333;z-index:10;justify-content:center;} .__fac .area .sec .cont button {border:none;background:none;font-size:2rem;} .__fac .area .sec .page {font-size:1.8rem;color:#333;width:auto;font-weight:500;} .__fac .area .sec .page .swiper-pagination-current {color:#e44826;} .__fac .area .sec .bt {display:flex;align-items:center;justify-content:center;font-size:2rem;} .__fac .area .sec .bt .stop .ri-pause-line:before {content:"\f00a";} .__fac .area .sec .bt .prev {margin-right:1rem;} .__fac .area .sec .bt .next {margin-left:0.5rem;} .__fac .area2 {display:flex;justify-content:center;max-width:100rem;margin:0 auto 3rem auto;} .__fac .area2 .sec {display:none;} .__fac .area2 .sec li {float:left;margin:2rem;width:42rem;height:28rem;} .__fac .area2 .sec[aria-hidden=false] {display:block;} @media all and (max-width:1024px){ .__fac .tab {gap:0;margin-bottom:1rem;} .__fac .tab button {width:auto;height:3rem;border-radius:0;font-size:1.2rem;padding:0 0.5rem;flex-grow:1;letter-spacing:-0.05em;} .__fac .tab button ~ button {margin-left:-1px;} .__fac .area .sec .cont {gap:0.5rem;width:12rem;height:4rem;} .__fac .area .sec .cont button {font-size:1.6rem;} .__fac .area .sec .page {font-size:1.4rem;} .__fac .area .sec .bt {font-size:1.6rem;} .__fac .area .sec .bt .prev {margin-right:0.5rem;} .__fac .area .sec .bt .next {margin-left:0.2rem;} .__fac .area2 {display:block;justify-content:center;max-width:100%;margin:0 auto;} .__fac .area2 .sec li {float:none;margin:2rem 0;width:100%;height:auto;} } .__photo {display:flex;gap:3rem;flex-wrap:wrap;max-width:120rem;margin:0 auto;} .__photo img {display:block;width:calc(33.333% - (12rem / 6));overflow:hidden;position:relative;} .__photo2 {display:flex;gap:3rem;flex-wrap:wrap;max-width:120rem;margin:0 auto;} .__photo2 img {display:block;width:calc(25% - (15rem / 6));overflow:hidden;position:relative;} .__photo3 {max-width:64rem;margin:3rem auto 2rem auto;text-align:center;} @media all and (max-width:1024px){ .__photo {gap:1rem;} .__photo img {width:calc(33.333% - (4rem / 6));} .__photo2 {gap:2rem;} .__photo2 img {width:calc(50% - (9rem / 8));} .__photo3 {margin:2rem auto;} } @media all and (max-width:767px){ .__photo {gap:0;} .__photo img {width:100%;margin-bottom:2rem;} .__photo2 {gap:0;} .__photo2 img {width:100%;margin-bottom:2rem;} .__photo3 {margin:1rem auto;} } .__prs {display:flex;word-break:break-all;} .__prs.innerA {width:80%;} .__prs .box {width:calc(25% - (9rem / 4));border:.1rem solid #ddd;border-radius:1rem;padding:1.7rem;} .__prs .box .num {position:relative;padding-left:2.6rem;font-size:1.7rem;font-weight:bold;color:#e57f2a;margin-bottom:1.3rem;} .__prs .box .num em {display:flex;font-style:normal;align-items:center;justify-content:center;text-align:center;color:#fff;background:#f4921e;width:2rem;height:2rem;border-radius:50%;font-size:1.4rem;font-weight:500;position:absolute;left:0;top:0;} .__prs .box .num2 {display:none;} .__prs .box .txt {font-size:1.6rem;line-height:1.4;font-weight:500;word-break:keep-all;word-wrap:break-word;} .__prs .box .txt .gray {color:#999;font-size:1.5rem;} .__prs .box .txt span{} .__prs .box .txt div{border: 1px solid #ddd;padding:15px;margin-top:15px;} .__prs .arr {display:flex;align-items:center;justify-content:center;width:3rem;font-size:2rem;color:#888;} .__prs.ty2 .box {background:#fafafa;text-align:center;padding:2rem 1.5rem;text-align:center;} .__prs.ty2 .box .txt {line-height:1.4;margin-top:1.2rem;font-size:1.7rem;} .__prs.ty2 .arr {width:4rem;font-size:3rem;} .__prs .box.w50 {width:50rem;flex-grow:unset;} .__prs .box.w60 {width:60rem;flex-grow:unset;} .__halfBox {display:flex;gap:4rem;} .__halfBox .box {border:.1rem solid #ddd;border-radius:1rem;overflow:hidden;width:0;flex-grow:1;} .__halfBox .box h5 {font-size:1.8rem;color:#333;font-weight:bold;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:.3rem;height:5rem;} .__halfBox .box .cont {padding:1.5rem 2rem;} .__halfBox .box .cont .__txt16 {line-height:1.3;} @media all and (min-width:1025px){ .__prs.ty3 .box {width:40rem;flex-grow:unset;} .__prs.ty4 .box {width:60rem;flex-grow:unset;} .__prs.ty5 .box {width:120rem;flex-grow:unset;} } @media all and (max-width:1024px){ .__prs {display:flex;flex-wrap:wrap;gap:1rem;} .__prs.innerA {width:100%;} .__prs .box {width:calc(50% - 0.5rem);padding:1.5rem;} .__prs .box .num {padding-left:2rem;font-size:1.5rem;margin-bottom:0.8rem;} .__prs .box .num em {width:1.6rem;height:1.6rem;font-size:1.2rem;} .__prs .box .num2 {display:block;position:relative;font-size:1.5rem;font-weight:bold;color:#e57f2a;/*padding-left:2rem;margin-bottom:0.8rem;*/} .__prs .box .num2 em {display:flex;font-style:normal;align-items:center;justify-content:center;text-align:center;color:#666;background:#fff;border:1px solid #ddd;width:1.8rem;height:1.8rem;border-radius:50%;font-size:1.2rem;font-weight:500;position:absolute;left:0;top:0;} .__prs .box .txt {font-size:1.4rem;line-height:1.3;} .__prs .box .txt .gray {font-size:1.3rem;display:block;} .__prs .arr {display:none;} .__prs.ty2 .box {padding:1.5rem 1rem;} .__prs.ty2 .box .txt {line-height:1.3;margin-top:0.7rem;font-size:1.3rem;} .__prs.ty2 .img img {width:5rem;} .__prs.ty5 .box {width:100%;} .__halfBox {display:block;} .__halfBox .box {border-radius:0.5rem;width:auto;} .__halfBox .box ~ .box {margin-top:1rem;} .__halfBox .box h5 {font-size:1.6rem;padding-top:.2rem;height:4.2rem;} .__halfBox .box .cont {padding:1.5rem;} } .__mpop {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.7);text-align:center;font-size:0;white-space:nowrap;padding:1.5rem;overflow:auto;} .__mpop:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;} .__mpop > .inner {display:inline-block;vertical-align:middle;white-space:normal;font-size:1.4rem;text-align:left;width:1448px;max-width:100%;} .__mpop .cont {display:flex;justify-content:flex-end;gap:10px;margin-bottom:10px;} .__mpop .cont button {width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #fff;background:none;font-size:24px;color:#fff;} .__mpop .cont button i {display:block;} .__mpop .roll {overflow:hidden;} .__mpop .box img {display:block;width:100%;aspect-ratio:456 / 510;object-fit:contain;background-color:#000;} .__mpop .bt {display:flex;justify-content:center;gap:10px;margin-top:40px;} .__mpop .bt > * {display:flex;align-items:center;justify-content:center;height:50px;border-radius:5px;background:#f6e8d8;border:none;padding:0 12px;font-size:16px;color:#444;gap:5px;font-weight:500;} .__mpop .bt strong {color:#ef683f;font-weight:inherit;} .__mpop .bt i {color:#000;} @media all and (max-width:1400px){ .__mpop > .inner {width:952px;} } @media all and (max-width:1024px){ .__mpop > .inner {width:600px;} .__mpop .box img {display:block;width:100%;aspect-ratio:456 / 510;object-fit:contain;background-color:#000;} .__mpop .bt {gap:1rem;margin:2rem -1.5rem 0;} .__mpop .bt > * {height:4rem;padding:0 1rem;font-size:1.4rem;letter-spacing:-0.05em;word-spacing:-0.03em;} } .__use {max-width:98rem;margin: 0 auto;} /* __rent는 모바일버전에서만 노출 */ .__rent {display:flex;flex-wrap:wrap;gap:1.4rem;} .__rent .box {width:calc(50% - 0.7rem);padding:1.8rem;border-radius:1rem;height:auto;aspect-ratio:280 / 280;} .__rent .box .tit {font-family:'Gmarket Sans',sans-serif;font-size:2.2rem;color:#111;font-weight:600;} .__rent .box .tit span {font-weight:300;display:block;} .__rent .box:nth-child(1) {background:url(../images/ico-rent1.png) no-repeat right bottom / 60% auto;background-color:#fff4cf;} .__rent .box:nth-child(2) {background:url(../images/ico-rent2.png) no-repeat right bottom / 60% auto;background-color:#fde5d9;} .__rent .box:nth-child(3) {background:url(../images/ico-rent3.png) no-repeat right bottom / 60% auto;background-color:#dce8fa;} .__rent .box:nth-child(4) {background:url(../images/ico-rent4.png) no-repeat right bottom / 60% auto;background-color:#e4ebc9;} .__greeting {max-width:90rem;margin:0 auto;} .__greeting .headline {text-align:center;margin-bottom:6rem;padding:0 5rem;} .__greeting .headline li {font-family:"Gowun Batang", serif;font-size:2.4rem;font-weight:bold;line-height:1.4;color:#333;letter-spacing:-0.05em;position:relative;} .__greeting .headline li .txt1 {position:relative;padding:0 6rem;} .__greeting .headline li .txt2 {position:relative;padding:0 6rem;font-size:3rem;} .__greeting .headline li .txt1:first-child {background:url(../images/ico-greeting1.png) no-repeat 0 0;} .__greeting .headline li .txt2:first-child {background:url(../images/ico-greeting2.png) no-repeat right bottom;} .__greeting .txt {font-family:'Pretendard',sans-serif;font-size:1.9rem;color:#555;margin-bottom:3rem;line-height:1.9;word-spacing:0.05em;} .__greeting .txt p {padding-bottom:3rem;} .__greeting .sign {font-family:"Gowun Batang", serif;font-size:1.9rem;font-weight:400;color:#000;text-align:right;margin-bottom:6rem;} .__greeting .sign strong {font-weight:700;padding-left:1rem;} @media all and (max-width:1024px){ .__greeting .headline {margin-bottom:3rem;padding:0 2.5rem;} .__greeting .headline li {font-size:1.3rem;} .__greeting .headline li .txt1 {padding:0 2.5rem;} .__greeting .headline li .txt2 {padding:0 2.5rem;font-size:1.8rem;} .__greeting .headline li .txt1:first-child {background:url(../images/ico-greeting1.png) no-repeat 0 0;background-size:2rem auto;} .__greeting .headline li .txt2:first-child {background:url(../images/ico-greeting2.png) no-repeat right bottom;background-size:2rem auto;} .__greeting .txt {font-size:1.3rem;margin-bottom:1.5rem;} .__greeting .txt p {padding-bottom:1.5rem;} .__greeting .sign {font-size:1.3rem;margin-bottom:3rem;} .__greeting .sign strong {font-weight:700;padding-left:0.5rem;} } @media all and (max-width:1024px){ } /*20240322 정철희 수정 */ .__dotList p {margin-top:0.7rem;} .__boardView .content a{word-break:break-word;} .__boardView .content img{height:auto;} .caution{display:flex;justify-content:space-between;} .caution img {width:350px;} @media all and (max-width:1024px){ .caution {width:100%;flex-wrap:wrap;} .caution img{width:100%;flex-wrap:wrap;} .caution ul {padding-bottom:20px;} .caution li{font-size:1.7rem;} } .__leaveBox .__dotList .dashA{margin-top:0} /*정철희 추가 250430*/ .__labWrap{align-items:center;}