img {max-width:100%;} .str_fot{font-weight:500;background: linear-gradient(to top, #e9e9e9 50%, transparent 50%);} .infor_stepLev span{font-weight:500;} .sky_abMtit{font-size:19px !important; color:#000000 !important;} @media all and (min-width:1025px){ #header {position:fixed;left:0;top:0;width:100%;z-index:200;padding:0 10px;height:95px;overflow:hidden;transition:0.3s;} #header:before {content:'';display:block;position:absolute;left:0;top:106px;height:1px;width:100%;background:rgba(0,0,0,0.12);opacity:0;transition:0.3s;} #header .inner {max-width:1600px;margin:0 auto;position:relative;text-align:center;z-index:10;} #header .logo {font-weight:normal;position:absolute;top:51px;left:0;} #header .logo a {display:block;padding-left:52px;font-size:22px;color:#000;letter-spacing:-0.05em;} #header .logo a:before {content:"";display:block;width:233px;height:44px;background:url(/assets/img/text_logo.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:50%;margin-top:-30px;} #header .gnb {display:inline-block;} #header .gnb > li {display:inline-block;vertical-align:top;} #header .gnb > li ~ li > a:before {content:"";display:block;width:1px;height:5px;position:absolute;left:0;top:50%;margin-top:-2.5px;background:#787a7c;} /* #header .gnb > li > a {display:block;font-size:20px;font-weight:300;letter-spacing:-0.04em;color:#fff;padding:0 55px;height:100px;line-height:100px;position:relative;} */ #header .gnb > li > a {display:block;font-size:20px;font-weight:300;letter-spacing:-0.04em;padding:0 55px;height:100px;line-height:100px;position:relative;} #header .gnb > li > a > span {display:block;position:relative;} #header .gnb > li > a > span:before {content:'';display:block;position:absolute;left:50%;top:101px;height:5px;width:0;background:linear-gradient(to right, #34c3f4 0%,#3aa5f9 100%);opacity:0;transition:0.3s;} #header .gnb > li > ul {position:absolute;left:0;top:62px;width:100%;text-align:center;padding-top:60px;display:none;height:149px;} #header .gnb > li > ul > li {display:inline-block;vertical-align:top;margin-right:70px;} #header .gnb > li > ul > li:last-child {margin-right:0;} #header .gnb > li > ul > li > a {display:block;position:relative;font-size:19px;font-weight:300;letter-spacing:-0.04em;} #header .gnb > li > ul > li > a:before {content:'';display:block;width:8px;height:8px;border-radius:50%;position:absolute;left:50%;margin-left:-4px;top:28px;background:#3aa5f9;transition:0.3s;opacity:0;transform:scale(0);} #header .gnb > li:hover > a, #header .gnb > li.active > a {font-weight:500;} #header .gnb > li:hover > ul {display:block;} #header .gnb > li:hover > a > span:before {width:100%;left:0;opacity:1;} #header .gnb > li > ul > li:hover > a, #header .gnb > li > ul > li.active > a {color:#1e7cc6;} #header .gnb > li > ul > li:hover > a:before {opacity:1;transform:scale(1);} #header .chk {position:absolute;right:0;top:35px;color:#fff;padding:0 20px 0 40px;height:32px;line-height:30px;border-radius:16px;border:1px solid #141414;background:#141414 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat 16px 50%;} #header .mnu {display:none;} .headFix #header {background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.15);} .sub #header .logo a {color:#fff;} .sub #header .logo a:before {background-image:url(../images/logo_wh.png);} .sub #header .gnb > li > a {color:#000;} .sub #header .gnb > li ~ li > a:before {background:rgba(255,255,255,0.5);} .sub #header .chk {border-color:#fff;color:#fff;background-color:transparent;} .headFix .sub #header .logo a {color:#000;} .headFix .sub #header .logo a:before {background-image:url(/assets/img/text_logo.png);} .headFix .sub #header .gnb > li > a {color:#000;} .headFix .sub #header .gnb > li ~ li > a:before {background:rgba(255,255,255,0.5);} .headFix .sub #header .chk {border-color:#141414;color:#fff;background-color:#141414;} #header:hover {height:160px;background:#FFF;box-shadow:0 1px 1px rgba(0,0,0,0.15);} #header:hover:before {opacity:1;} #header:hover .logo a {color:#000;} #header:hover .logo a:before {background-image:url(/assets/img/text_logo.png);} #header:hover .gnb > li > a {color:#000;} #header:hover .gnb > li ~ li > a:before {background:#787a7c;} #header:hover .chk {border-color:#141414;color:#fff;background-color:#141414;} } @media all and (max-width:1600px) and (min-width:1025px){ #header .inner {padding:0 123px 0 186px;} #header .gnb > li > ul > li {margin-right:50px;} } @media all and (max-width:1420px) and (min-width:1025px){ #header .gnb > li > a {padding:0 30px;letter-spacing:-0.07em;} #header .gnb > li > ul > li {margin-right:35px;} } @media all and (max-width:1200px) and (min-width:1025px){ #header .gnb > li > a {padding:0 15px;letter-spacing:-0.07em;} #header .gnb > li > ul > li {margin-right:20px;} } @media all and (max-width:1024px){ #header {position:fixed;left:0;top:0;width:100%;z-index:200;height:60px;transition:0.3s;} #header .logo {font-weight:normal;position:absolute;top:0;left:10px;} #header .logo a {display:block;padding-left:35px;font-size:21px;color:#000;letter-spacing:-0.05em;height:60px;line-height:60px;} #header .logo a:before {content:"";display:block;width:233px;height:30px;background:url(/assets/img/text_logo.png) no-repeat 0% 50% / contain;position:absolute;left:0;top:55%;margin-top:-15px;} #header .chk {display:none;} #header .mnu {width:50px;height:60px;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;background:none;border:none;} #header .mnu i {display:block;width:28px;height:2px;background:#000;position:relative;} #header .mnu i:before, #header .mnu i:after {content:"";display:block;position:absolute;left:0;width:100%;background:#000;} #header .mnu i:before {height:2px;bottom:50%;margin-bottom:7px;} #header .mnu i:after {height:3px;top:50%;margin-top:7px;} #header .nav .gnb {display:none;} .headFix #header {background:#fff;box-shadow:0 1px 1px rgba(0,0,0,0.15);} .sub #header .logo a {color:#fff;} .sub #header .logo a:before {background-image:url(../images/logo2-m.png);} .sub #header .mnu i, .sub #header .mnu i:before, .sub #header .mnu i:after {background:#fff;} .headFix .sub #header .logo a {color:#000;} .headFix .sub #header .logo a:before {background-image:url(/assets/img/text_logo.png);} .headFix .sub #header .mnu i, .headFix .sub #header .mnu i:before, .headFix .sub #header .mnu i:after {background:#000;} .navOn #header .nav {position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background:#fff;z-index:9999;} .navOn #header .nav:before {content:"SITEMAP";position:absolute;left:25px;top:20px;font-size:21px;color:#000;font-weight:bold;z-index:10;} .navOn #header .nav .mnu {width:40px;height:40px;border-radius:50%;background:#3aa6f9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") no-repeat 50% 50%;box-shadow:0 5px 5px rgba(0,0,0,0.15);right:20px;top:20px;} .navOn #header .nav .mnu i {display:none;} .navOn #header .nav .mnu i {display:none;} .navOn #header .nav .gnb {display:flex;height:100%;width:50%;background:#f6f6f6;padding-top:120px;flex-direction:column;position:relative;} .navOn #header .nav .gnb a {display:block;color:#000;letter-spacing:-0.04em;} .navOn #header .nav .gnb > li {} .navOn #header .nav .gnb > li ~ li {margin-top:35px;} .navOn #header .nav .gnb > li > a {padding:5px 20px;font-size:16px;font-weight:500;} .navOn #header .nav .gnb > li > a > span {display:inline-block;position:relative;} .navOn #header .nav .gnb > li > a > span:before {content:'';display:block;position:absolute;left:0;bottom:-8px;height:3px;width:0;background:linear-gradient(to right, #34c3f4 0%,#3aa5f9 100%);opacity:0;transition:0.3s;} .navOn #header .nav .gnb > li > ul {display:none;position:absolute;left:100%;width:100%;top:122px;} .navOn #header .nav .gnb > li > ul > li > a {font-size:14px;padding:5px 20px;} .navOn #header .nav .gnb > li > ul > li ~ li {margin-top:37px;} .navOn #header .nav .gnb > .on > a > span:before, .navOn #header .nav .gnb > .active > a > span:before {width:100%;opacity:1;} .navOn #header .nav .gnb > .on > ul, .navOn #header .nav .gnb > .active > ul {display:block;} } #vis, #vis .vis {overflow:hidden;position:relative;height:100vh;} #vis .vis {background:url(../images/vis.jpg) no-repeat 50% 50% / cover;padding:0 10px;} #vis .vis .mbg {display:none;} #vis .txt {position:absolute;top:24%;left:0;width:100%;text-align:center;color:#000;} #vis .txt dl dt {font-size:51px;font-weight:500;letter-spacing:-0.07em;font-family:'MapoAgape',sans-serif;} #vis .txt dl dd {font-size:24px;letter-spacing:-0.05em;font-weight:300;margin-top:20px;} #vis .txt dl dt, #vis .txt dl dd {transform:translate3d(0,20px,0);opacity:0;} #vis .swiper-slide-active .txt dl dt {animation:visTxt 1.5s;animation-delay:0.3s;animation-fill-mode:forwards;} #vis .swiper-slide-active .txt dl dd {animation:visTxt 1.5s;animation-delay:0.6s;animation-fill-mode:forwards;} @keyframes visTxt { 0 {transform:translate3d(0,20px,0);opacity:0;} 100% {transform:translate3d(0,0,0);opacity:1;} } @media all and (max-width:1024px){ /* #vis {background-image:url(../images/vis-m.jpg);} */ #vis .vis {background:none !important;} #vis .vis .mbg {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/vis.jpg) no-repeat 50% 50% / cover;} #vis .txt {top:20%;} #vis .txt dl dt {font-size:26px;line-height:1.3;} #vis .txt dl dd {font-size:14px;line-height:1.4;margin:10px auto;width:50%;} #vis .txt dl dd span {display:block;} } #gotop {display:none;} #footer {padding:40px 10px;border-top:1px solid #4d4d4d;} #footer .inner {position:relative;padding-left:130px;display:flex;max-width:1600px;margin:0 auto;} #footer .inner:before {content:"";display:block;width:94px;height:94px;background:url(/assets/img/footer_logo.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:0;} #footer .lef {width:0;flex-grow:1;} #footer .info {color:#000;letter-spacing:-0.04em;} #footer .info dt {font-size:18px;} #footer .info dd {font-size:15px;font-weight:300;margin-top:12px;} #footer .add {margin-top:37px;display:flex;flex-wrap:wrap;} #footer .add li {font-size:15px;color:#000;font-weight:300;margin-right:35px;margin-bottom:8px;} #footer .add li:last-child {margin-right:0;} #footer .add li strong {font-weight:normal;} #footer .rig {text-align:right;} #footer .rig .fnb {font-size:0;} #footer .rig .fnb li {margin-right:7px;display:inline-block;vertical-align:top;} #footer .rig .fnb li:last-child {margin-right:0;} #footer .rig .fnb li a {text-align:left;display:block;width:130px;height:31px;line-height:29px;border:1px solid #4d4d4d;padding-left:11px;font-size:13px;color:#2a2a2a;position:relative;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12.172 12L9.343 9.172l1.414-1.415L15 12l-4.243 4.243-1.414-1.415z' fill='rgba(42,42,42,1)'/%3E%3C/svg%3E") no-repeat right 2px center;} #footer .rig .fnb li:first-child a {color:#fff;background-color:#000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12.172 12L9.343 9.172l1.414-1.415L15 12l-4.243 4.243-1.414-1.415z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E");} #footer .rig .copy {font-size:12px;font-weight:300;color:#9a9a9a;letter-spacing:-0.04em;margin-top:50px;} @media all and (max-width:1024px){ #gotop {display:block;width:45px;height:45px;border-radius:50%;background:url(../images/ico-top.png) no-repeat 50% 50% / contain;box-shadow:5px 5px 5px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translate3d(0,20px,0);transition:0.3s;text-indent:-9999px;position:fixed;z-index:100;right:20px;bottom:60px;} #gotop.show {opacity:1;visibility:visible;transform:translate3d(0,0,0);} #footer {padding:45px 10px 30px;text-align:center;} #footer .inner {padding-left:0;display:block;} #footer .inner:before {width:63px;height:63px;background-image:url(../images/foot-logo2.png);left:50%;margin-left:-31.5px;top:-17px;} #footer .lef {width:auto;} #footer .info dt {font-size:15px;} #footer .info dd {font-size:12px;margin-top:7px;} #footer .add {margin-top:20px;display:block;} #footer .add li {font-size:12px;margin-right:17px;padding-right:18px;margin-bottom:10px;display:inline-block;position:relative;} #footer .add li:before {content:"";display:block;width:1px;height:6px;background:#000;position:absolute;right:0;top:50%;margin-top:-3px;} #footer .add li:nth-child(n+2) {margin-right:0;padding-right:0;} #footer .add li:nth-child(n+2):before {display:none;} #footer .add li:nth-child(n+3) {margin-right:0;padding-right:0;display:block;} #footer .rig {text-align:center;margin-top:25px;} #footer .rig .fnb {font-size:0;} #footer .rig .fnb li {margin-right:20px;} #footer .rig .fnb li a {width:110px;height:34px;line-height:32px;font-size:12px;background-size:28px auto;background-position:right center;} #footer .rig .copy {font-size:10px;margin-top:15px;letter-spacing:0;} } #heart {background:url(/assets/image/bg-heart.jpg) no-repeat 50% 50% / cover;padding:125px 10px 110px;text-align:center;position:relative;overflow:hidden;} #heart .inner {max-width:1600px;margin:0 auto;text-align:center;} #heart .tit h3 {font-size:32px;font-weight:300;color:#fff;} #heart .tit h3 strong {font-weight:500;} #heart .tit p {font-size:16px;font-weight:300;color:rgba(255,255,255,0.2);margin-top:18px;letter-spacing:0.01em;} #heart .area {margin-top:55px;display:flex;flex-wrap:wrap;} #heart .area .box {width:20%;} #heart .area .box .img {width:143px;margin:0 auto;position:relative;} #heart .area .box .img span {position:absolute;left:-14px;top:-5px;display:block;width:172px;opacity:0;transition:0.5s;transform:translate3d(-14px,0,0);} #heart .area .box dl {max-width:250px;margin:27px auto 0;padding:0 5px;} #heart .area .box dl dt {color:#fff;font-size:22px;letter-spacing:-0.05em;line-height:1.3;} #heart .area .box dl dd {margin-top:15px;font-size:14px;color:rgba(255,255,255,0.54);line-height:1.85;} #heart .area .box:hover .img span {opacity:1;transform:translate3d(0,0,0);} @media all and (max-width:1024px){ #heart {background-image:url(../images/bg-heart-m.jpg);padding:50px 10px;} #heart .tit h3 {font-size:16px;} #heart .tit h3 strong {display:block;font-size:18px;margin-bottom:8px;} #heart .tit p {display:none;} #heart .area {margin-top:35px;gap:30px 0;} #heart .area .box {width:50%;text-align:center;} #heart .area .box:first-child {width:100%;} #heart .area .box .img {width:85px;} #heart .area .box .img > img {visibility:hidden;} #heart .area .box .img span {left:-7px;top:0;display:block;width:90px;opacity:1;transform:translate3d(0,0,0);} #heart .area .box dl {max-width:100%;margin:12px auto 0;letter-spacing:-0.04em;} #heart .area .box dl dt {font-size:14px;} #heart .area .box dl dd {margin-top:5px;font-size:13px;line-height:1.4;} } #type {padding:160px 10px 134px;box-shadow:inset 0 -1px 0 #eaeaea;position:relative;overflow:hidden;} #type:before {content:"";display:block;width:50%;right:50%;bottom:0;height:471px;background:url(../images/bg-type.jpg) no-repeat 50% 50% / cover;position:absolute;} #type .inner {max-width:1600px;margin:0 auto;display:flex;position:relative;z-index:10;} #type .lef {width:595px;position:relative;} #type .lef dl dt {font-size:16px;font-weight:300;color:#000;} #type .lef dl dd {font-size:36px;font-weight:300;color:#000;margin-top:18px;letter-spacing:-0.03em;} #type .lef dl dd strong {font-weight:500;} #type .lef p {font-size:18px;color:rgba(0,0,0,0.87);line-height:1.78;font-weight:300;margin-top:95px;} #type .lef .btn {top:22px;right:52px;width:147px;display:flex;justify-content:space-between;position:absolute;} #type .lef .btn button {width:60px;height:60px;border-radius:50%;border:1px solid #e9e9e9;text-align:left;text-indent:-9999px;background:rgba(255,255,255,0.8);position:relative;} #type .lef .btn button:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;} #type .lef .btn .prev:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");} #type .lef .btn .next:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");} #type .lef .btn .swiper-button-disabled:before {opacity:0.25;} #type .rig {width:0;flex-grow:1;margin-right:calc(((var(--vw, 1vw) * 100) - 1600px) / 2 * -1);padding-top:30px;} #type .rig .area {overflow:hidden;} #type .rig .area .box {width:358px;position:relative;} #type .rig .area .box i {display:block;height:421px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #type .rig .area .box .link {position:absolute;left:0;bottom:0;width:100%;display:flex;height:77px;background:url(../images/bg-type.png) repeat-x;align-items:center;padding:0 30px;} #type .rig .area .box .link:before {content:"";display:block;width:30px;height:30px;position:absolute;right:20px;top:50%;margin-top:-15px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") no-repeat right center;} #type .rig .area .box .link span {display:block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:19px;letter-spacing:-0.03em;color:#fff;padding-right:30px;} @media all and (max-width:1640px){ #type .rig {margin-right:-15px;} } @media all and (max-width:1024px){ #type {padding:50px 10px;box-shadow:none;background:url(../images/bg-type-m.jpg) no-repeat 50% 100% / 100% auto;} #type:before {display:none;} #type .inner {display:block;} #type .lef {width:auto;} #type .lef dl dt {display:none;} #type .lef dl dd {font-size:18px;margin-top:0;} #type .lef dl dd strong {font-weight:500;} #type .lef p {font-size:12px;margin-top:12px;line-height:1.6;letter-spacing:-0.04em;} #type .lef .btn {top:auto;right:auto;width:110px;display:flex;position:relative;margin-top:20px;} #type .lef .btn button {width:42px;height:42px;border-radius:50%;border:1px solid #e9e9e9;text-align:left;text-indent:-9999px;background:rgba(255,255,255,0.8);position:relative;} #type .lef .btn button:before {background-size:20px 20px;} #type .rig {width:auto;padding-top:0;margin:25px -10px 0;padding-left:100px;} #type .rig .area .box {width:204px;} #type .rig .area .box i {height:auto;padding-top:103.18627%;} #type .rig .area .box .link {height:39px;background-size:100% 100%;padding:0 15px;} #type .rig .area .box .link:before {width:24px;height:24px;right:5px;top:50%;margin-top:-12px;background-size:contain;} #type .rig .area .box .link span {font-size:14px;padding-right:20px;} } #loc {padding:140px 10px 150px;background:url(../images/bg-loc.jpg) no-repeat 100% 100%;} #loc .inner {max-width:1600px;margin:0 auto;display:flex;} #loc .inner > div {width:0;flex-grow:1;} #loc .lef {padding-right:30px;color:#222;} #loc .lef .head dt {font-size:19px;font-weight:300;} #loc .lef .head dd {font-size:34px;letter-spacing:-0.04em;font-weight:300;margin-top:15px;line-height:1.25;} #loc .lef .head dd strong {font-weight:normal;} #loc .lef .area {margin-top:60px;} #loc .lef .area .box {display:flex;font-size:17px;line-height:1.4;color:#222;letter-spacing:-0.03em;} #loc .lef .area .box ~ .box {margin-top:52px;} #loc .lef .area .box > dt {width:165px;position:relative;padding:2px 0 0 47px;} #loc .lef .area .box > dt:before {content:"";display:block;width:40px;height:38px;top:-6px;background:url(../images/ico-loc1.png) no-repeat 50% 50% / contain;position:absolute;left:0;} #loc .lef .area .box2 > dt:before {background-image:url(../images/ico-loc2.png);} #loc .lef .area .box3 > dt:before {background-image:url(../images/ico-loc3.png);} #loc .lef .area .box > dd {width:0;flex-grow:1;font-weight:300;} #loc .lef .area .box > dd dl ~ dl {margin-top:22px;} #loc .lef .area .box > dd dl dt {font-size:20px;font-weight:normal;} #loc .lef .area .box > dd dl dd {margin-top:10px;} #loc .lef .area .box > dd strong {display:inline-block;font-weight:normal;margin-right:15px;font-size:20px;} #loc .lef .area .box > dd strong:last-child {margin-right:0;} #loc .lef .area .box > dd em {display:inline-block;font-size:14px;margin-right:5px} #loc .rig .map_border, #loc .rig .wrap_controllers {display:none;} #loc .rig .root_daum_roughmap {width:100% !important;} #loc .rig .wrap_map {height:425px !important;} #loc .rig .loc {border:1px solid #bababa;position:relative;} #loc .rig .loc .box {visibility:hidden;opacity:0;} #loc .rig .loc .box ~ .box {position:absolute;left:0;top:0;width:100%;height:100%;} #loc .rig .loc .box.active {visibility:visible;opacity:1;} #loc .rig .foot {margin-top:20px;display:flex;align-items:center;} #loc .rig .foot .tab {border:1px solid #2ba6e8;height:30px;border-radius:15px;} #loc .rig .foot .tab button {height:28px;border-radius:15px;none;color:#9f9f9f;font-size:15px;letter-spacing:-0.03em;padding:0 17px;position:relative;background:#fff;} #loc .rig .foot .tab button ~ button {margin-left:-10px;} #loc .rig .foot .tab .active {z-index:10;background:#2ba6e8;color:#fff;font-weight:500;} #loc .rig .foot .add {width:0;flex-grow:1;padding-left:10px;} #loc .rig .foot .add li {display:none;font-size:16px;color:#222;line-height:1.4;} #loc .rig .foot .add .active {display:block;} @media all and (max-width:1024px){ #loc {padding:0;background:none;} #loc .inner {display:block;} #loc .inner > div {width:auto;} #loc .lef {padding:50px 10px;background:url(../images/bg-loc-m.jpg) no-repeat 50% 100%;background-size:100% auto;} #loc .lef .head dt {font-size:12px;} #loc .lef .head dd {font-size:18px;margin-top:7px;} #loc .lef .head dd strong {display:block;} #loc .lef .area {margin-top:33px;} #loc .lef .area .box {font-size:14px;display:block;} #loc .lef .area .box ~ .box {margin-top:40px;} #loc .lef .area .box > dt {width:auto;padding:0 0 0 35px;margin-bottom:12px;font-size:14px;} #loc .lef .area .box > dt strong {font-weight:normal;color:#158fd0;font-size:16px;} #loc .lef .area .box > dt:before {width:30px;height:28px;top:-4px;background-image:url(../images/ico-loc1m.png);} #loc .lef .area .box > dd {width:auto;} #loc .lef .area .box2 > dt:before {background-image:url(../images/ico-loc2m.png);} #loc .lef .area .box3 > dt:before {background-image:url(../images/ico-loc3m.png);} #loc .lef .area .box > dd dl {display:inline-block;vertical-align:top;} #loc .lef .area .box > dd dl ~ dl {margin:0 0 0 25px;} #loc .lef .area .box > dd dl dt {font-size:15px;} #loc .lef .area .box > dd dl dd {margin-top:2px;} #loc .lef .area .box > dd strong {margin-right:0;font-size:13px;} #loc .lef .area .box > dd strong:first-child {display:block;color:#158fd0;font-size:15px;} #loc .lef .area .box > dd em {font-size:11px;} #loc .rig {padding:20px 10px 40px;} #loc .rig .wrap_map {height:210px !important;border:1px solid #bababa;} #loc .rig .loc {border:none;position:relative;} #loc .rig .loc .box {opacity:1;visibility:visible;} #loc .rig .loc .box ~ .box {position:relative;width:auto;height:auto;margin-top:30px;} #loc .rig .loc .box dl {text-align:center;margin-top:15px;} #loc .rig .loc .box dl dt {font-size:14px;line-height:1.3;color:#158fd0;} #loc .rig .loc .box dl dd {font-size:13px;line-height:1.5;margin-top:5px;letter-spacing:-0.03em;} } #gal {background:url(../images/bg-gal.jpg) no-repeat 50% 50% / cover;padding:160px 10px 170px;overflow:hidden;} #gal .inner {max-width:1600px;margin:0 auto;} #gal .head {position:relative;padding-right:150px;color:#000;display:flex;align-items:flex-end;justify-content:flex-end;} #gal .head h3 {font-size:34px;font-weight:300;} #gal .head h3 strong {font-weight:500;} #gal .head p {font-size:20px;font-weight:300;order:-1;margin-right:10px;} #gal .head .btn {position:absolute;right:0;top:-10px;width:128px;display:flex;justify-content:space-between;} #gal .head .btn button {width:54px;height:54px;border-radius:50%;border:2px solid #fff;text-align:left;text-indent:-9999px;background:none;position:relative;transition:0.3s;} #gal .head .btn button:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;} #gal .head .btn .prev:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E");} #gal .head .btn .next:before {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E");} #gal .head .btn button:hover {background:#1869aa;border-color:#1869aa;} #gal .area {margin-top:55px;} #gal .area .box {position:relative;} #gal .area .box i {display:block;padding-top:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} #gal .area .box:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);transition:0.3s;} @media all and (min-width:1025px){ #gal .area .swiper-slide-active:before, #gal .area .swiper-slide-active + .box:before, #gal .area .swiper-slide-active + .box + .box:before, #gal .area .swiper-slide-active + .box + .box + .box:before {opacity:0;} } @media all and (max-width:1024px){ #gal {padding:60px 10px 40px;} #gal .head {padding-right:0;display:block;} #gal .head h3 {font-size:15px;} #gal .head h3 strong {font-weight:500;font-size:22px;} #gal .head p {display:none;} #gal .head .btn {top:-10px;width:110px;} #gal .head .btn button {width:42px;height:42px;border:1px solid #fff;} #gal .area {margin-top:25px;} #gal .area .box {width:220px;} #gal .area .box:before {display:none;} } #svis {background:url(/assets/image/top01.jpg) no-repeat 50% 50% / cover;padding:0 10px;} #svis .inner {max-width:1600px;height:300px;position:relative;margin:0 auto;} #svis ul {color:#fff;position:absolute;left:0;bottom:70px;display:flex;align-items:flex-end;} #svis ul li {font-size:14px;letter-spacing:-0.04em;position:relative;} #svis ul li:last-child {font-size:36px;} #svis ul li:first-child {padding-left:23px;} #svis ul li:first-child:before {content:"";display:block;width:16px;height:14px;background:url(../images/ico-home.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:50%;margin-top:-7px;} #svis ul li ~ li {margin-left:12px;padding-left:32px;} #svis ul li ~ li:before {content:"";position:absolute;left:0;bottom:-5px;width:24px;height:24px;display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12.172 12L9.343 9.172l1.414-1.415L15 12l-4.243 4.243-1.414-1.415z' fill='rgba(255,255,255,1)'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;} .sub2 #svis {background-image:url(../images/svis2_new.jpg);} .sub3 #svis {background-image:url(../images/svis3.jpg);} .sub4 #svis {background-image:url(../images/svis4.jpg);} .sub5 #svis {background-image:url(../images/svis5_230510.jpg);} #sub {padding:60px 10px;} #sub > .inner {max-width:1600px;margin:0 auto;} @media all and (max-width:1024px){ #svis {background-image:url(../images/svis1m.jpg);} #svis .inner {height:auto;padding-top:68%;} #svis ul {bottom:25px;flex-wrap:wrap;} #svis ul li {font-size:12px;} #svis ul li:first-child {padding-left:21px;} #svis ul li:first-child:before {width:14px;height:12px;background-image:url(../images/ico-home-m.png);margin-top:-6px;} #svis ul li ~ li {margin-left:4px;padding-left:20px;} #svis ul li ~ li:before {bottom:-4px;width:20px;height:20px;} #svis ul li:last-child {font-size:18px;margin-left:0;padding-left:0;width:100%;margin-top:10px;} #svis ul li:last-child:before {display:none;} .sub2 #svis {background-image:url(../images/svis2m_new.jpg);} .sub3 #svis {background-image:url(../images/svis3m.jpg);} .sub4 #svis {background-image:url(../images/svis4m.jpg);} .sub5 #svis {background-image:url(../images/svis5m_230510.jpg);} #sub {padding:45px 10px;} } .__spe {display:flex;gap:220px 110px;flex-wrap:wrap;overflow:hidden;} .__spe .box {width:calc(50% - 55px);display:flex;flex-direction:column;position:relative;} .__spe .box .img {position:relative;} .__spe .box .img:before {content:"";display:block;padding-top:42.60752%;position:relative;background:url(/assets/img/about01.png) no-repeat 50% 50% / cover;border-radius:75px 0 75px 0;} .__spe .box h4 {font-size:30px;color:#0573b8;letter-spacing:-0.04em;} .__spe .box dl {margin-top:25px;position:relative;padding-left:8px;letter-spacing:-0.04em;font-weight:500;} .__spe .box dl:before {content:"";display:block;width:4px;height:4px;border-radius:50%;background:#b4d5ea;position:absolute;left:0;top:0;} .__spe .box dl dt {font-size:15px;color:#5fa8d5;font-weight:500;} .__spe .box dl dd {font-size:18px;line-height:1.7;color:#1d1d1d;margin-top:10px;} .__spe .box2 .img:before {background-image:url(/assets/img/about02.png);} .__spe .box3 .img:before {background-image:url(/assets/img/about03.png);} .__spe .box4 .img:before {background-image:url(/assets/img/about04.png);} .__spe .box5 .img:before {background-image:url(/assets/img/about05.png);} @media all and (min-width:1025px){ .__spe .box:nth-child(1) .info, .__spe .box:nth-child(3) .info {margin-top:30px;} .__spe .box:nth-child(even) .info {order:-1;} .__spe .box:nth-child(even) .img {margin-top:30px;} .__spe .box:nth-child(even) .img:before {border-radius:0 75px 0 75px;} .__spe .box:nth-child(3):before, .__spe .box:nth-child(5):before {content:"";display:block;position:absolute;left:0;top:-110px;width:1600px;height:1px;background:#d3d3d3;} .__spe .box:nth-child(2) h4, .__spe .box:nth-child(3) h4 {color:#212121;} .__spe .box:nth-child(2) dl:before, .__spe .box:nth-child(3) dl:before {background:#e4e4e4;} .__spe .box:nth-child(2) dl dt, .__spe .box:nth-child(3) dl dt {color:#989898;} .__spe .box:nth-child(5) {width:100%;flex-direction:row;} .__spe .box:nth-child(5) .img {width:calc(50% - 55px);} .__spe .box:nth-child(5) .info {width:0;flex-grow:1;padding-left:50px;} } @media all and (min-width:1025px) and (max-width:1400px){ .__spe {gap:170px 60px;} .__spe .box {width:calc(50% - 30px);} .__spe .box:nth-child(5) .img {width:calc(50% - 30px);} } @media all and (max-width:1024px){ .__spe {display:block;overflow:visible;} .__spe .box {width:auto;} .__spe .box ~ .box {margin-top:40px;} .__spe .box h4 {font-size:18px;color:#000;} .__spe .box .img h4 {position:absolute;left:0;bottom:0;width:100%;padding:0 15px 20px;} .__spe .box .img:before {border-radius:35px 0 35px 0;} .__spe .box dl {margin-top:20px;} .__spe .box dl dt {font-size:12px;} .__spe .box dl dd {font-size:14px;line-height:1.6;margin-top:5px;} .__spe .box:nth-child(2) h4 {color:#fff;} .__spe .box:nth-child(4) h4 {color:#fff;} .__spe .box:nth-child(5) h4 {color:#0573b8;display:flex;flex-direction:column;margin-top:20px;} .__spe .box:nth-child(5) h4 em {order:-1;margin-bottom:10px;} .__spe .box:nth-child(5) h4 em img {width:140px;} } .__grav .box {display:flex;align-items:center;justify-content:space-between;} .__grav .box ~ .box {border-top:1px solid #d3d3d3;margin-top:100px;padding-top:90px;} .__grav .box .info {width:0;flex-grow:1;} .__grav .box .info .txt {position:relative;padding-left:18px;padding-top:7px;} .__grav .box .info .txt:before {content:"";display:block;width:12px;height:12px;border-radius:50%;position:absolute;left:0;top:0;background:#e0e0e0;} .__grav .box .info .txt dl dt {font-size:32px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;} .__grav .box .info .txt dl dd {font-size:28px;font-weight:300;margin-top:5px;color:#1d1d1d;line-height:1.4;letter-spacing:-0.04em;} .__grav .box .info .txt p {margin-top:40px;font-size:19px;line-height:1.8;color:#1d1d1d;letter-spacing:-0.04em;} .__grav .box .img {position:relative;width:50%;} .__grav .box .img i {display:block;height:317px;border-radius:75px 0 75px 0;background:url(../images/img-grave1.jpg) no-repeat 50% 50% / cover;} .__grav .box .img .circle {width:250px;height:250px;border-radius:50%;background:url(../images/img-grave1.png) no-repeat 50% 50% / cover;position:absolute;left:-113px;bottom:-51px;box-shadow:0 10px 10px 10px rgba(0,0,0,0.1);} .__grav .box:nth-child(2) .img i {background-image:url(../images/img-grave2.jpg);} .__grav .box:nth-child(2) .img .circle {background-image:url(../images/img-grave2.png);} .__grav .box:nth-child(3) .img i {background-image:url(../images/img-grave3.jpg);} .__grav .box:nth-child(3) .img .circle {background-image:url(../images/img-grave3.png);} .__grav .box:nth-child(4) .img i {background-image:url(../images/img-grave4.jpg);} .__grav .box:nth-child(4) .img .circle {background-image:url(../images/img-grave4.png);} .__grav .box:nth-child(even) .info dl dt {color:#212121;} @media all and (min-width:1025px){ .__grav .box:nth-child(odd) .info {padding-right:200px;} .__grav .box:nth-child(odd) .img {padding-left:56px;} .__grav .box:nth-child(even) .info {padding-left:155px;} .__grav .box:nth-child(even) .img {padding-right:56px;} .__grav .box:nth-child(even) .img {order:-1;} .__grav .box:nth-child(even) .img i {border-radius:0 75px 0 75px;} .__grav .box:nth-child(even) .img .circle {left:auto;right:-113px;} } @media all and (min-width:1025px) and (max-width:1400px){ .__grav .box:nth-child(odd) .info {padding-right:140px;} .__grav .box:nth-child(even) .info {padding-left:140px;} } @media all and (max-width:1024px){ .__grav .box {display:block;} .__grav .box ~ .box {border-top:none;margin-top:60px;padding-top:0;} .__grav .box .info {width:auto;} .__grav .box .info .txt {padding-left:10px;padding-top:7px;} .__grav .box .info .txt:before {width:6px;height:6px;} .__grav .box .info .txt dl dt {font-size:18px;} .__grav .box .info .txt dl dd {font-size:16px;margin-top:3px;} .__grav .box .info .txt p {margin-top:20px;font-size:14px;line-height:1.6;} .__grav .box .img {width:auto;margin-top:20px;padding-left:55px;} .__grav .box .img i {height:auto;padding-top:57%;border-radius:35px 0 35px 0;} .__grav .box .img .circle {width:125px;height:125px;left:0;bottom:-20px;box-shadow:0 5px 5px 5px rgba(0,0,0,0.1);} } .__map .foot {display:flex;gap:0 80px;margin-top:70px;} .__map .foot .box {width:calc(50% - 40px);text-align:center;} .__map .foot .box .info {display:inline-block;margin-top:35px;padding-left:95px;position:relative;text-align:left;padding-top:5px;} .__map .foot .box .info:before {content:"";display:block;width:72px;height:72px;background:#dbf6ff url(../images/ico-loc.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:0;border-radius:50%;} .__map .foot .box .info dl dt {font-size:26px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;} .__map .foot .box .info dl dd {font-size:22px;font-weight:300;letter-spacing:-0.04em;color:#1d1d1d;line-height:1.4;margin-top:8px;} .__map .foot .box .map_border, .__map .foot .box .wrap_controllers {display:none;} .__map .foot .box .root_daum_roughmap {width:100% !important;} .__map .foot .box .wrap_map {height:425px !important;} .__map .foot .box:nth-child(2) .info:before {background-color:#ebebeb;} .__map .foot .box:nth-child(2) .info dl dt {color:#212121;} @media all and (max-width:1024px){ .__map .head {overflow:auto;} .__map .head img {min-width:800px;} .__map .foot {display:block;margin-top:30px;} .__map .foot .box {width:auto;text-align:left;display:flex;flex-direction:column;} .__map .foot .box ~ .box {margin-top:45px;} .__map .foot .box .info {display:block;margin-top:0;padding-left:57px;text-align:left;padding-top:3px;order:-1;margin-bottom:20px;} .__map .foot .box .info:before {width:43px;height:43px;} .__map .foot .box .info dl dt {font-size:16px;} .__map .foot .box .info dl dd {font-size:14px;margin-top:5px;} .__map .foot .box .wrap_map {height:210px !important;} } .__bstep .head {background:url(../images/img-bstep.jpg) no-repeat 50% 50% / cover;display:flex;align-items:center;text-align:center;border-radius:75px 0 75px 0;height:367px;} .__bstep .head .txt {width:100%;color:#191919;} .__bstep .head .txt dl dt {font-size:42px;font-weight:300;letter-spacing:0.6em;} .__bstep .head .txt dl dd {font-size:19px;margin-top:17px;opacity:0.87;letter-spacing:-0.04em;font-weight:300;} .__bstep .head .txt p {font-size:32px;letter-spacing:-0.04em;margin-top:30px;} .__bstep .area {margin-top:110px;display:flex;gap:120px 15px;flex-wrap:wrap;} .__bstep .area .box {width:calc((100% / 3) - (30px / 3));display:flex;} .__bstep .area .box .ico {width:112px;} .__bstep .area .box .info {width:0;flex-grow:1;padding-left:35px;} .__bstep .area .box .info dl dt {font-size:16px;font-weight:500;color:#0573b8;} .__bstep .area .box .info dl dd {font-size:26px;color:#191919;letter-spacing:-0.04em;margin-top:8px;} .__bstep .area .box .info p {font-size:18px;line-height:1.78;letter-spacing:-0.04em;font-weight:300;margin-top:17px;color:#191919;} .__bstep .area .box .info p em {display:block;font-size:14px;color:#7b7b7b;margin-top:17px;} .__bstep .area .box7 {width:calc(42.5% - (30px / 2));} .__bstep .area .last {width:calc(57.5% - (30px / 2));padding-top:35px;} .__bstep .area .last p {border:1px solid #9fcbe4;text-align:center;padding:20px 15px;font-size:18px;color:#0573b8;letter-spacing:-0.04em;font-weight:300;} @media all and (min-width:1025px) and (max-width:1400px){ .__bstep .area .box .info {padding-left:25px;} } @media all and (max-width:1024px){ .__bstep .head {border-radius:35px 0 35px 0;height:190px;background-image:url(../images/img-bstep-m.jpg);} .__bstep .head .txt dl dt {font-size:21px;letter-spacing:0.5em;} .__bstep .head .txt dl dd {font-size:13px;margin-top:10px;} .__bstep .head .txt p {font-size:16px;margin-top:17px;} .__bstep .area {margin-top:30px;display:block;} .__bstep .area .box {width:auto;display:flex;} .__bstep .area .box ~ .box {margin-top:30px;} .__bstep .area .box .ico {width:75px;} .__bstep .area .box .info {padding-left:15px;} .__bstep .area .box .info dl dt {font-size:12px;} .__bstep .area .box .info dl dd {font-size:16px;} .__bstep .area .box .info p {font-size:14px;line-height:1.55;margin-top:13px;} .__bstep .area .box .info p em {font-size:12px;margin-top:10px;} .__bstep .area .box7 {width:auto;} .__bstep .area .last {width:auto;padding-top:0;margin-top:40px;} .__bstep .area .last p {padding:10px;font-size:11px;line-height:1.4;} } .__qainfo {display:flex;} .__qainfo > div {width:0;flex-grow:1;min-height:480px;} .__qainfo .info {background:#f8f8f8;display:flex;align-items:center;justify-content:center;padding:0 10px;} .__qainfo .info .area .box {display:flex;font-size:17px;line-height:1.4;color:#222;letter-spacing:-0.03em;} .__qainfo .info .area .box ~ .box {margin-top:52px;} .__qainfo .info .area .box > dt {width:165px;position:relative;padding:2px 0 0 47px;margin-top:2px;} .__qainfo .info .area .box > dt:before {content:"";display:block;width:40px;height:38px;top:-6px;background:url(../images/ico-loc1.png) no-repeat 50% 50% / contain;position:absolute;left:0;} .__qainfo .info .area .box > dd {min-width:0;flex-grow:1;font-weight:300;} .__qainfo .info .area .box > dd dl dt {font-size:26px;font-weight:normal;} .__qainfo .info .area .box > dd dl dd {margin-top:5px;font-size:17px;} .__qainfo .info .area .box > dd strong {display:inline-block;font-weight:normal;} .__qainfo .info .area .box > dd strong:first-child {display:block;font-size:26px;} .__qainfo .info .area .box > dd strong:last-child {margin-right:0;font-size:20px;} .__qainfo .info .area .box > dd em {display:inline-block;font-size:14px;margin-right:5px} .__qainfo .info .area .box2 > dt:before {background-image:url(../images/ico-loc2.png);} .__qainfo .info .area .box2 > dd dl {display:inline-block;vertical-align:top;margin-right:30px;} .__qainfo .info .area .box2 > dd dl:last-child {margin-right:0;} .__qainfo .info .area .box3 > dt:before {background-image:url(../images/ico-loc3.png);} .__qainfo .img {background:url(../images/img-qainfo.jpg) no-repeat 50% 50% / cover;position:relative;} .__qainfo .img dl {position:absolute;right:0;bottom:0;width:100%;padding:0 85px 85px;color:#000;text-align:right;} .__qainfo .img dl dt {font-size:30px;font-weight:300;letter-spacing:-0.05em;line-height:1.4;} .__qainfo .img dl dd {margin-top:15px;} .__qainfo .img dl dd h4 {display:inline-block;font-size:22px;font-weight:300;position:relative;padding-left:57px;} .__qainfo .img dl dd h4:before {content:"";display:block;width:48px;height:48px;background:url(../images/logo-m.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:50%;margin-top:-24px;} .__qainfo .img dl dd h4 strong {font-weight:normal;} @media all and (min-width:1025px) and (max-width:1400px){ .__qainfo .info .area .box2 > dd dl {display:block;margin:0;} .__qainfo .info .area .box2 > dd dl ~ dl {margin:15px 0 0;} } @media all and (max-width:1024px){ .__qainfo {display:block;} .__qainfo > div {width:auto;min-height:0;} .__qainfo .info {background:#efefef;display:block;padding:25px 20px;} .__qainfo .info .area .box {font-size:14px;display:block;} .__qainfo .info .area .box ~ .box {margin-top:40px;} .__qainfo .info .area .box > dt {width:auto;padding:0 0 0 35px;margin-bottom:12px;font-size:14px;} .__qainfo .info .area .box > dt strong {font-weight:normal;color:#158fd0;font-size:16px;} .__qainfo .info .area .box > dt:before {width:30px;height:28px;top:-4px;background-image:url(../images/ico-loc1m.png);} .__qainfo .info .area .box > dd {width:auto;} .__qainfo .info .area .box > dd dl {display:inline-block;vertical-align:top;margin:0;} .__qainfo .info .area .box > dd dl ~ dl {margin:0 0 0 25px;} .__qainfo .info .area .box > dd dl dt {font-size:15px;} .__qainfo .info .area .box > dd dl dd {margin-top:2px;font-size:14px;} .__qainfo .info .area .box > dd strong {margin-right:0;} .__qainfo .info .area .box > dd strong:first-child {display:block;color:#158fd0;font-size:15px;} .__qainfo .info .area .box > dd strong:last-child {font-size:14px;} .__qainfo .info .area .box > dd em {font-size:11px;} .__qainfo .info .area .box2 > dt:before {background-image:url(../images/ico-loc2m.png);} .__qainfo .info .area .box2 > dd dl:first-child dt {color:#158fd0;} .__qainfo .info .area .box3 > dt:before {background-image:url(../images/ico-loc3m.png);} .__qainfo .img {height:240px;margin-top:5px;display:flex;align-items:center;} .__qainfo .img dl {display:block;width:100%;padding:0;text-align:center;position:relative;} .__qainfo .img dl dt {font-size:18px;} .__qainfo .img dl dd {margin-top:17px;} .__qainfo .img dl dd h4 {font-size:14px;padding-left:31px;} .__qainfo .img dl dd h4:before {width:24px;height:24px;margin-top:-12px;} } .__tab {margin-bottom:70px;} .__tab .inner {box-shadow:inset 0 -1px 0 #d5d6d7;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 40px;} .__tab a {font-size:19px;color:#212121;} .__tab a span {letter-spacing:-0.05em;display:inline-block;position:relative;padding-bottom:17px;line-height:1.3;} .__tab a:hover, .__tab a.active {color:#0573b8;} .__tab a.active span:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:3px;background:#0573b8;} @media all and (max-width:1024px){ .__tab {margin-bottom:40px;} .__tab .inner {box-shadow:inset 0 -1px 0 #d5d6d7;display:block;overflow:auto;flex-wrap:nowrap;white-space:nowrap;position:relative;margin:0 -10px;padding:0 10px;} .__tab a {font-size:14px;margin-right:30px;position:relative;} .__tab a:last-child {margin-right:0;} .__tab a span {padding-bottom:14px;} .__tab a.active span:before {height:2px;} } .__galList {display:flex;gap:60px 40px;flex-wrap:wrap;} .__galList .box {display:block;width:calc((100% / 3) - (80px / 3));} .__galList .box i {display:block;padding-top:59.11764%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} @media all and (max-width:1024px){ .__galList {display:block;} .__galList .box {width:auto;} .__galList .box ~ .box {margin-top:30px;} } .__botArea {margin-top:60px;position:relative;min-height:48px;} .__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:middle;width:38px;height:38px;line-height:36px;border:1px solid transparent;text-align:center;color:#353535;border-radius:50%;z-index:0;margin:0 8px;position:relative;} .__paging .num {font-size:16px;} .__paging .arr {border-color:#767676;width:48px;height:48px;color:#c4c4c4;} .__paging .arr i {font-size:18px;display:block;line-height:44px;} .__paging .num:hover, .__paging .arr:hover {border-color:#000;color:#000;} .__paging .num.active {border-color:#7a7a7a;color:#fff;background:#7a7a7a;font-weight:500;} .__paging .prev {margin-right:35px;} .__paging .next {margin-left:35px;} @media all and (max-width:1024px){ .__botArea {margin-top:20px;text-align:center;} .__botArea > div {position:relative !important;} .__botArea > div ~ div {margin-top:10px;} .__paging .arr, .__paging .num {width:30px;height:30px;line-height:28px;margin:0 2px;} .__paging .num {font-size:13px;} .__paging .arr i {font-size:16px;line-height:26px;} .__paging .prev {margin-right:10px;} .__paging .next {margin-left:10px;} } .__boardView .tit {text-align:center;font-size:32px;color:#212121;line-height:1.4;padding-bottom:25px;font-weight:500;letter-spacing:-0.04em;} .__boardView .content {padding:50px 0 70px;border-bottom:1px solid #575757;border-top:1px solid #575757;min-height:30vh;font-size:18px;line-height:1.7;} .__boardView .head {padding-bottom:25px;} .__boardView .head h3 {font-size:28px;font-weight:300;color:#212121;line-height:1.4;letter-spacing:-0.04em;} .__boardView .head .date {font-size:16px;font-weight:500;color:#818181;letter-spacing:-0.04em;margin-top:13px;} .__btn1 {display:inline-block;width:200px;height:56px;line-height:54px;border-radius:28px;background:#0573b8;border:1px solid #0573b8;color:#fff;font-size:20px;font-weight:300;} .__btn1.blue {} @media all and (max-width:1024px){ .__boardView .tit {font-size:16px;padding-bottom:10px;} .__boardView .content {padding:20px 0 30px;font-size:14px;line-height:1.5;} .__boardView .head {padding-bottom:15px;} .__boardView .head h3 {font-size:16px;line-height:1.5;} .__boardView .head .date {font-size:11px;margin-top:7px;text-align:right;} .__btn1 {width:130px;height:36px;line-height:34px;border-radius:18px;font-size:16px;font-weight:500;} } .__type .head {display:flex;} .__type .head .lef {width:43.75%;padding-right:30px;} .__type .head .lef dl {position:relative;padding-top:27px;} .__type .head .lef dl:before {content:"";display:block;width:65px;height:4px;background:#0573b8;position:absolute;left:0;top:0;} .__type .head .lef dl dt {font-size:28px;font-weight:500;color:#0573b8;} .__type .head .lef dl dd {font-size:22px;line-height:1.4;color:#1d1d1d;letter-spacing:-0.04em;margin-top:17px;} .__type .head .rig {width:56.25%;font-size:17px;color:#525252;line-height:1.94;letter-spacing:-0.04em;} .__type .__tab {margin-top:100px;background:#f9f9f9;} .__type .__tab a span {padding:24px 0;} .__type .main {margin-top:5px;} .__type .main .tit {text-align:center;} .__type .main .tit h4 {font-size:32px;font-weight:normal;color:#08466d;letter-spacing:-0.04em;} .__type .main .tit p {font-size:20px;line-height:1.4;color:#717171;margin-top:20px;font-weight:300;letter-spacing:-0.04em;} .__type .main .area {margin-top:50px;display:flex;} .__type .main .area .img {width:499px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__type .main .area .info {width:0;flex-grow:1;border:4px solid #dcdcdc;display:flex;align-items:center;padding:25px 50px;} .__type .main .area .info ul {width:100%;} .__type .main .area .info ul li {position:relative;font-size:18px;line-height:1.83;color:#1d1d1d;letter-spacing:-0.04em;padding-left:20px;} .__type .main .area .info ul li:before {content:"";display:block;width:10px;height:5px;border-radius:2.5px;background:#0573b8;position:absolute;left:0;top:13px;} .__type .main .area .info ul li ~ li {margin-top:30px;} .__type .main .area .info ul li em {display:block;font-size:15px;font-weight:300;color:#484848;} .__type .chi {margin-top:50px;} .__type .chi .sec ~ .sec {margin-top:50px;} .__type .chi .sec .tit {text-align:center;margin-bottom:27px;} .__type .chi .sec .tit h5 {font-size:24px;color:#0c2340;font-weight:bold;letter-spacing:-0.04em;} .__type .chi .sec .tit p {font-size:21px;color:#1d1d1d;margin-top:15px;letter-spacing:-0.04em;line-height:1.4;} .__type .chi .sec .area {padding:0 100px 80px;position:relative;} .__type .chi .sec .area:before {content:"";display:block;position:absolute;left:0;bottom:0;width:100%;height:calc(100% - 80px);background:#f4f4f4;} .__type .chi .sec .img {position:relative;z-index:10;} .__type .chi .sec .img ul {display:flex;gap:10px;} .__type .chi .sec .img ul li {width:calc(100% / 3 - (20px / 3));} .__type .chi .sec .img ul li a {display:block;} /*.__type .chi .sec .img ul li i {display:block;padding-top:56.25%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} sub*/ .__type .chi .sec .img ul li i {display:block;padding-top:74%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__type .chi .sec .img p {text-align:center;margin-top:20px;line-height:1.4;font-size:16px;font-weight:300;color:#727272;letter-spacing:-0.04em;} .__type .chi .sec .tbl {margin-top:40px;position:relative;z-index:10;} .__type .chi .sec .tbl table {width:100%;table-layout:fixed;border:1px solid #616161;} .__type .chi .sec .tbl table tr > * {text-align:center;font-size:18px;padding:14px 10px;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;background:#fff;color:#1d1d1d;font-weight:normal;letter-spacing:-0.04em;} .__type .chi .sec .tbl table tr > *:last-child {border-right:none !important;} .__type .chi .sec .tbl table tr th {background:#3a3a3a;color:#fff;} .__type .chi .sec .tbl table thead tr th {font-weight:500;} .__type .chi .sec .tbl table tbody tr:last-child > * {border-bottom:none;} .__type .chi .sec .tbl table tbody tr strong {color:#08466d;font-weight:500;} .__type .chi .sec .tbl.type2 {max-width:610px;margin-left:auto;margin-right:auto;} .__type .chi .sec .tbl.type2 table tbody tr th {background:#f7f7f7;color:#1d1d1d;} .__type .chi .last {font-size:19px;font-weight:400;letter-spacing:-0.04em;color:#0573b8;line-height:1.4;border:1px solid #9fcbe4;text-align:center;padding:15px 10px;margin-top:40px;} .__popType {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden;opacity:0;visibility:hidden;transition:0.3s;} .__popType.active {visibility:visible;opacity:1;} .__popType .bg {position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0.84);} .__popType .inner {width:1300px;max-width:100%;position:relative;z-index:10;} /*.__popType .inner {width:1400px;max-width:100%;position:relative;z-index:10;} sub */ .__popType .tit {text-align:center;margin-bottom:35px;} .__popType .tit > * {display:inline-block;vertical-align:middle;} .__popType .tit strong {font-size:26px;font-weight:300;letter-spacing:-0.04em;margin-right:10px;color:#fff;} .__popType .tit button {width:82px;height:30px;border-radius:15px;text-align:center;background:none;color:#2ba6e8;border:1px solid #2ba6e8;font-size:16px;font-weight:300;letter-spacing:-0.04em;} .__popType .area {position:relative;padding:0 150px;} .__popType .swipe {overflow:hidden;font-size:0;} .__popType .btn button {width:54px;height:54px;border:2px solid #fff;border-radius:50%;background:;text-indent:-9999px;position:absolute;top:50%;margin-top:-27px;} .__popType .btn .prev {left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") no-repeat 50% 50%;} .__popType .btn .next {right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") no-repeat 50% 50%;} .__popType .box i {display:block;padding-top:70%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} /*.__popType .box i {display:block;padding-top:59.52597%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} sub */ @media all and (min-width:1025px) and (max-width:1400px){ .__type .chi .sec .area {padding:0 20px 80px;} } @media all and (max-width:1024px){ .__type .head {display:block;} .__type .head .lef {width:auto;padding-right:0;} .__type .head .lef dl {position:relative;padding-top:20px;} .__type .head .lef dl:before {width:40px;height:2px;} .__type .head .lef dl dt {font-size:17px;font-weight:500;color:#0573b8;} .__type .head .lef dl dd {font-size:14px;line-height:1.4;margin-top:7px;} .__type .head .rig {margin-top:15px;width:auto;font-size:12px;line-height:1.55;} .__type .__tab {margin-top:25px;} .__type .__tab a span {padding:14px 0;} .__type .main {margin-top:5px;} .__type .main .tit {text-align:left;} .__type .main .tit h4 {font-size:16px;} .__type .main .tit p {font-size:12px;margin-top:10px;line-height:1.55;} .__type .main .area {margin-top:20px;display:block;} .__type .main .area .img {width:auto;padding-top:59.85294%;min-height:0;} .__type .main .area .info {width:auto;border:none;border-bottom:4px solid #dcdcdc;display:block;padding:0;padding:20px 0;} .__type .main .area .info ul li {font-size:13px;line-height:1.58;padding-left:14px;} .__type .main .area .info ul li:before {top:7px;} .__type .main .area .info ul li ~ li {margin-top:15px;} .__type .main .area .info ul li em {font-size:12px;margin-top:5px;} .__type .chi {margin-top:40px;} .__type .chi .sec ~ .sec {margin-top:40px;} .__type .chi .sec .tit {text-align:left;margin-bottom:15px;} .__type .chi .sec .tit h5 {font-size:16px;} .__type .chi .sec .tit p {font-size:14px;margin-top:8px;} .__type .chi .sec .area {padding:0;} .__type .chi .sec .area:before {display:none;} .__type .chi .sec .img ul {display:block;padding:0 10px;margin:0 -10px;overflow:auto;flex-wrap:nowrap;white-space:nowrap;} .__type .chi .sec .img ul li {display:inline-block;vertical-align:top;width:315px;margin-right:10px;} .__type .chi .sec .img ul li:last-child {margin-right:0;} .__type .chi .sec .img p {margin-top:15px;font-size:12px;} .__type .chi .sec .tbl {margin-top:20px;} .__type .chi .sec .tbl table ~ table {margin-top:15px;} .__type .chi .sec .tbl table thead tr th {font-size:13px;} .__type .chi .sec .tbl table tbody tr > * {font-size:12px;text-align:left;padding:10px;} .__type .chi .sec .tbl table tbody tr th {background:#f5f5f5;border-color:#c4c4c4;color:#1d1d1d;} .__type .chi .last {font-size:12px;line-height:1.58;text-align:left;padding:10px;margin-top:20px;} .__popType .tit {margin-bottom:25px;} .__popType .tit strong {font-size:19px;} .__popType .tit button {width:72px;position:fixed;right:10px;top:10px;} .__popType .area {padding:0;} .__popType .btn button {width:32px;height:32px;border:1px solid #fff;top:-50px;margin-top:0;} .__popType .btn .prev {left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 18l-6-6 6-6'/%3E%3C/svg%3E") no-repeat 50% 50%;} .__popType .btn .next {right:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") no-repeat 50% 50%;} .__popType .box i {display:block;padding-top:59.52597%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} } .__tit {text-align:center;} .__tit h3 {font-size:28px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;} .__tit p {font-size:17px;line-height:1.94;font-weight:300;color:#525252;margin-top:25px;letter-spacing:-0.04em;} .__wide {margin:0 calc((var(--vw, 1vw) * 100 - 1618px) / 2 * -1);padding:0 10px;} .__wide .inner {max-width:1600px;margin:0 auto;} @media all and (max-width:1640px){ .__wide {margin:0 -10px;} } @media all and (max-width:1024px){ .__tit {text-align:left;} .__tit h3 {font-size:17px;} .__tit p {font-size:12px;line-height:1.55;margin-top:10px;} } .__about1 {text-align:center;position:relative;margin-top:50px;} .__about1:before {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:431px;background:url(../images/bg-about1-1.jpg) no-repeat 50% 50% / cover;} .__about1 .inner {position:relative;z-index:10;} .__about1 h4 {color:#fff;text-align:center;padding:130px 0 60px;font-size:24px;font-weight:normal;letter-spacing:-0.04em;} .__about1 ul {display:flex;gap:20px;} .__about1 ul li {width:0;flex-grow:1;border-radius:15px;background:#fff;text-align:center;padding:55px 15px 50px;border:1px solid #cbcbcb;} .__about1 ul li p {margin-top:20px;font-size:18px;line-height:1.6;color:#000;letter-spacing:-0.04em;} .__about1 ul li p span {color:#3aa6f9;} .__about2 {margin-top:50px;} .__about2 .tbl {margin-top:25px;} .__about2 .tbl table {width:100%;table-layout:fixed;border:1px solid #616161;} .__about2 .tbl table tr > * {text-align:center;font-size:18px;line-height:1.4;color:#1d1d1d;padding:10px;border-right:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;letter-spacing:-0.04em;} .__about2 .tbl table tr > *:last-child {border-right:none;} .__about2 .tbl table tr th {background:#f5f5f5;font-weight:normal;} .__about2 .tbl table tr td {font-weight:300 ;} .__about2 .tbl table tbody tr:last-child > * {border-bottom:none;} .__about2 .img {margin-top:40px;display:flex;gap:20px;} .__about2 .img dl {width:0;flex-grow:1;} .__about2 .img dl dt {background:#3a3a3a;text-align:center;color:#fff;font-size:18px;letter-spacing:-0.04em;padding:12px 0;} .__about2 .img dl dd i {display:block;padding-top:89.87%;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;} .__about2 .time {margin-top:100px;border:1px solid #dcdcdc;height:358px;background:#fbfbfb url(../images/bg-time.jpg) no-repeat 0 50%;display:flex;align-items:center;justify-content:flex-end;padding:0 110px;} .__about2 .time dl dt {font-size:25px;font-weight:300;color:#000;letter-spacing:-0.04em;} .__about2 .time dl dd {white-space:nowrap;margin-top:30px;} .__about2 .time dl dd span {display:inline-block;position:relative;font-size:18px;color:#131313;letter-spacing:-0.04em;padding-left:55px;} .__about2 .time dl dd span:before {content:"";display:block;width:47px;height:49px;background:url(../images/ico-abouttime2.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:50%;margin-top:-24.5px;} .__about2 .time dl dd span:first-child {margin-right:55px;color:#0573b8;} .__about2 .time dl dd span:first-child:before {background-image:url(../images/ico-abouttime1.png);} @media all and (max-width:1024px){ .__about1 {margin-top:30px;} .__about1:before {height:200px;background-image:url(../images/bg-about1-1m.jpg)} .__about1 h4 {padding:75px 0 17px;font-size:17px;} .__about1 ul {display:block;} .__about1 ul li {width:auto;border-radius:10px;text-align:left;padding:10px 20px;display:flex;align-items:center;} .__about1 ul li ~ li {margin-top:10px;} .__about1 ul li .ico {width:80px;} .__about1 ul li p {margin-top:0;font-size:13px;line-height:1.58;width:0;flex-grow:1;padding-left:15px;} .__about2 {margin-top:50px;} .__about2 .tbl {margin-top:15px;} .__about2 .tbl table tr > * {font-size:12px;line-height:1.4;padding:10px;} .__about2 .img {margin-top:10px;display:block;} .__about2 .img dl {width:auto;} .__about2 .img dl ~ dl {margin-top:25px;} .__about2 .img dl dt {font-size:14px;padding:10px 0;} .__about2 .img dl dd i {padding-top:50.88235%;} .__about2 .time {margin:50px -10px 0;margin-bottom:-45px;border:none;border-top:1px solid #dcdcdc;height:235px;background-image:url(../images/bg-time-m.jpg);padding:55px 20px 0;align-items:flex-start;} .__about2 .time dl dt {font-size:18px;font-weight:500;} .__about2 .time dl dd {white-space:nowrap;margin-top:20px;} .__about2 .time dl dd span {display:block;font-size:13px;padding-left:27px;float:right;clear:both;} .__about2 .time dl dd span:before {width:24px;height:25px;margin-top:-12.5px;} .__about2 .time dl dd span:first-child {margin:0 0 17px 0;} } .__step1 {display:flex;} .__step1 .box {width:0;flex-grow:1;display:flex;border:1px solid #cbcbcb;border-radius:15px;overflow:hidden;padding:27px 30px 20px;min-height:206px;} .__step1 .box .img {width:148px;} .__step1 .box .info {width:0;flex-grow:1;padding:27px 0 0 20px;} .__step1 .box .info dl dt {font-size:22px;font-weight:500;color:#000;letter-spacing:-0.04em;} .__step1 .box .info dl dd {font-size:16px;line-height:1.69;color:#000;margin-top:12px;letter-spacing:-0.04em ;} .__step1 .box .info dl dd p {color:#39a8f8;font-weight:500;} .__step1 .arr {display:flex;align-items:center;justify-content:center;width:65px;} .__step1 .arr i {width:15px;height:29px;display:block;background:url(../images/ico-step-arr.png) no-repeat 50% 50% / contain;} .__step2 {margin-top:45px;display:flex;gap:65px;} .__step2 dl {display:flex;} .__step2 dl:first-child {width:490px;} .__step2 dl dt {width:100px;font-size:18px;font-weight:500;color:#292929;line-height:1.4;} .__step2 dl dd ul li {position:relative;padding-left:0.8em;line-height:1.7;font-size:16px;color:#000;letter-spacing:-0.04em;font-weight:300;} .__step2 dl dd ul li ~ li {margin-top:5px;} .__step2 dl dd ul li:before {content:"쨌";position:absolute;left:0;top:0;font-weight:bold;} /*.__step3 {border-top:1px solid #cecece;margin-top:40px;padding-top:100px;}*/ .__step3 {padding-top:50px;} .__step3 h3 {font-size:28px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;margin-bottom:27px;text-align:center;} .__step3 .step {background:#ededed;padding:20px 10px;flex-wrap:wrap;display:flex;align-items:center;justify-content:center;} .__step3 .step li {font-size:17px;color:#000;letter-spacing:-0.04em;font-weight:300;} .__step3 .step li.blue {color:#0573b8;font-weight:500;} .__step3 .step .arr {width:36px;height:11px;background:url(../images/ico-step-arr2.png) no-repeat 50% 50%;} .__step3 .step .arr.blue {background-image:url(../images/ico-step-arr3.png);} /*.__step3 .area {display:flex;margin-top:30px;gap:40px;}*/ .__step3 .area {display:flex;margin-top:30px;gap:40px;flex-direction: column;} .__step3 .area .box {padding:50px 40px 50px 50px;border:1px solid #cbcbcb;border-radius:15px;width:0;flex-grow:1; width:100%;} .__step3 .area .box dl {display:flex;} .__step3 .area .box dl dt {width:150px;font-size:18px;font-weight:500;color:#292929;line-height:1.4;} .__step3 .area .box dl dd {width:0;flex-grow:1;} .__step3 .area .box dl dd ul li {position:relative;padding-left:0.8em;line-height:1.7;font-size:15px;color:#000;letter-spacing:-0.04em;font-weight:300;} .__step3 .area .box dl dd ul li ~ li {margin-top:5px;} .__step3 .area .box dl dd ul li:before {content:"·";position:absolute;left:0;top:0;font-weight:bold;} @media all and (max-width:1024px){ .__step1 {display:block;} .__step1 .box {width:auto;border-radius:10px;padding:15px 20px;min-height:0;align-items:center;} .__step1 .box .img {width:78px;} .__step1 .box .info {padding:0 0 0 10px;} .__step1 .box .info dl dt {font-size:15px;} .__step1 .box .info dl dd {font-size:12px;line-height:1.55;margin-top:8px;} .__step1 .arr {width:auto;height:36px;} .__step1 .arr i {width:30px;height:15px;background-image:url(../images/ico-step-arr-m.png);} .__step2 {margin-top:30px;display:block;} .__step2 dl {display:block;} .__step2 dl:first-child {width:auto;} .__step2 dl ~ dl {margin-top:25px;} .__step2 dl dt {width:auto;font-size:14px;} .__step2 dl dd {margin-top:10px;} .__step2 dl dd ul li {line-height:1.55;font-size:12px;} .__step2 dl dd ul li ~ li {margin-top:5px;} .__step3 {margin-top:20px;padding-top:10px;} .__step3 h3 {font-size:18px;margin-bottom:12px;text-align:left;} .__step3 .step {display:block;text-align:center;} .__step3 .step li {font-size:13px;} .__step3 .step .arr {width:auto;height:30px;background-image:url(../images/ico-step-arr2m.png);background-size:20px auto;background-position:50% 50%;} .__step3 .step .arr.blue {background-image:url(../images/ico-step-arr3m.png);} .__step3 .area {display:block;margin-top:15px;} .__step3 .area .box {padding:20px 15px;border-radius:10px;width:auto;} .__step3 .area .box ~ .box {margin-top:15px;} .__step3 .area .box dl {display:block;} .__step3 .area .box dl dt {width:auto;font-size:14px;} .__step3 .area .box dl dd {width:auto;margin-top:7px;} .__step3 .area .box dl dd ul li {line-height:1.55;font-size:12px;} } .__info1 {position:relative;padding-bottom:135px;} .__info1:before {content:"";display:block;width:100%;height:575px;background:#fafafa;position:absolute;left:0;bottom:0;} .__info1 .inner {position:relative;z-index:10;} .__info1 .tit {text-align:center;} .__info1 .tit h3 {color:#000;font-size:36px;letter-spacing:-0.04em;font-weight:300;} .__info1 .tit h3 span {font-weight:normal;} .__info1 .tit p {line-height:1.5;color:#000;font-size:18px;letter-spacing:-0.04em;margin-top:24px;} .__info1 .area {margin-top:80px;display:flex;align-items:flex-end;} .__info1 .area .img {width:66.1875%;} .__info1 .area .img i {display:block;height:515px;background:url(../images/img-info1.jpg) no-repeat 50% 50% / cover;} .__info1 .area .info {width:0;flex-grow:1;padding-left:40px;} .__info1 .area .info dl {display:flex;align-items:center;color:#212121;} .__info1 .area .info dl ~ dl {margin-top:35px;} .__info1 .area .info dl dt {display:flex;justify-content:space-between;width:70px;line-height:1.5;font-weight:500 ;} .__info1 .area .info dl dt span {display:block;} .__info1 .area .info dl dd {margin-left:12px;position:relative;padding-left:15px;font-size:18px;line-height:1.5;} .__info1 .area .info dl dd:before {content:"";display:block;position:absolute;left:0;bottom:5px;width:10px;height:1px;background:#212121;} .__info2 {text-align:center;margin-top:135px;} .__info2 .tit h3 {font-size:34px;font-weight:300;color:#000;letter-spacing:-0.04em;} .__info2 .tit h3 span {font-weight:normal;} .__info2 .tit p {font-size:17px;line-height:1.5;margin-top:20px;letter-spacing:-0.04em;} .__info2 .area {display:flex;gap:5px;margin-top:40px;} .__info2 .area .box {width:0;flex-grow:1;padding:45px 25px 35px;border:1px solid #d3d3d3;border-radius:15px;} .__info2 .area .box dl {margin-top:20px;} .__info2 .area .box dl dt {font-size:34px;color:#dedede;font-weight:bold;font-family:'GmarketSans',sans-serif;letter-spacing:-0.04em;} .__info2 .area .box dl dd {font-size:28px;font-weight:300;color:#040b47;margin-top:5px;letter-spacing:-0.04em;} .__info2 .area .box p {font-size:17px;line-height:1.65;color:#2c2c2c;letter-spacing:-0.04em;margin-top:23px;} .__info2 .area .box p em {display:block;color:#535353;line-height:1.6;margin-top:10px;font-size:15px;} .__info3 {background:#fafafa;padding:120px 10px;margin-bottom:-115px;} .__info3 .tit h3 {font-size:34px;font-weight:300;color:#000;letter-spacing:-0.04em;} .__info3 .tit h3 span {font-weight:normal;} .__info3 .area {margin-top:40px;display:flex;justify-content:space-between;gap:10px;} .__info3 .area .con {position:relative;} .__info3 .area .con:before {content:"";display:block;width:1px;height:100%;border-right:1px dashed #bbb;position:absolute;left:20px;top:0;height:100%;} .__info3 .area dl {display:flex;line-height:1.5;font-size:18px;position:relative;padding-left:55px;} .__info3 .area dl:before {content:"";display:block;width:28px;height:28px;background:url(../images/ico-dot2.gif) no-repeat 50% 50% / contain;position:absolute;left:7px;top:0;} .__info3 .area dl ~ dl {margin-top:85px;} .__info3 .area dl dt {color:#040b47;font-weight:500;font-family:'GmarketSans',sans-serif;width:120px;padding-top:2px;letter-spacing:-0.04em;} .__info3 .area dl dd {color:#2c2c2c;letter-spacing:-0.04em;} .__info3 .area .line:first-child dl:first-child:before {left:0;background-image:url(../images/ico-dot.gif);width:42px;height:42px;top:-7px;} @media all and (max-width:1024px){ .__info1 {padding-bottom:47px;} .__info1:before {height:367px;} .__info1 .tit h3 {font-size:17px;line-height:1.44;} .__info1 .tit h3 span {display:block;} .__info1 .tit p {line-height:1.54;font-size:14px;margin-top:12px;} .__info1 .area {margin-top:20px;padding:0 10px;display:block;} .__info1 .area .img {width:auto;} .__info1 .area .img i {height:auto;padding-top:64%;} .__info1 .area .info {margin-top:17px;padding:0;width:auto;} .__info1 .area .info dl {align-items:flex-start;} .__info1 .area .info dl ~ dl {margin-top:13px;} .__info1 .area .info dl dt {width:43px;font-size:11px;} .__info1 .area .info dl dd {margin-left:5px;padding-left:10px;font-size:12px;width:0;flex-grow:1;letter-spacing:-0.05em;} .__info1 .area .info dl dd:before {bottom:3px;width:7px;} .__info2 {margin-top:45px;} .__info2 .tit h3 {font-size:17px;} .__info2 .tit p {font-size:12px;margin-top:10px;} .__info2 .area {display:block;margin-top:20px;} .__info2 .area .box {width:auto;padding:18px 15px;border-radius:10px;text-align:left;display:flex;} .__info2 .area .box ~ .box {margin-top:10px;} .__info2 .area .box .img {width:45px;} .__info2 .area .box .info {padding-left:10px;} .__info2 .area .box dl {margin-top:0;} .__info2 .area .box dl dt {font-size:14px;} .__info2 .area .box dl dd {font-size:17px;margin-top:3px;} .__info2 .area .box p {font-size:12px;line-height:1.7;margin-top:10px;} .__info2 .area .box p em {margin-top:3px;font-size:11px;} .__info3 {background:#fafafa;padding:45px 10px;margin-top:50px;margin-bottom:-45px;} .__info3 .tit h3 {font-size:17px;} .__info3 .area {margin-top:40px;display:block;position:relative;text-align:center;} .__info3 .area:before {content:"";display:block;width:1px;height:100%;border-right:1px dashed #bbb;position:absolute;left:50%;margin-left:-1px;top:0;height:100%;} .__info3 .area .con:before {display:none;} .__info3 .area dl {display:block;font-size:14px;padding:25px 0 10px;background:#fafafa;} .__info3 .area dl:before {width:20px;height:20px;left:50%;margin-left:-10px;} .__info3 .area dl ~ dl {margin-top:20px;} .__info3 .area dl dt {width:auto;padding-top:0;} .__info3 .area .line:first-child dl:first-child {padding-top:40px;} .__info3 .area .line:first-child dl:first-child:before {left:50%;margin-left:-15px;width:30px;height:30px;top:0;} .__info3 .area .line:first-child dl:first-child dt {font-weight:bold;} } .__pay{margin-top:50px;} .__pay .pay1 .tit {text-align:center;margin-bottom:28px;} .__pay .pay1 .tit h3 {font-size:28px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;} .__pay .pay1 .tbl {margin-top:30px;border:1px solid #616161;overflow:hidden;} .__pay .pay1 .tbl > div {margin:-1px;} .__pay .pay1 .tbl table {width:100%;table-layout:fixed;} .__pay .pay1 .tbl table tr > * {text-align:center;font-size:19px;padding:14px 10px;background:#fff;color:#1d1d1d;font-weight:normal;letter-spacing:-0.04em;border:1px solid #c4c4c4;border-bottom:none;} .__pay .pay1 .tbl table tr th {background:#f5f5f5;} .__pay .pay1 .tbl table thead tr th {font-weight:500;} .__pay .pay1 .tbl table tbody tr:last-child > * {border-bottom:none;} .__pay .pay1 .tbl table tbody tr strong {color:#08466d;font-weight:500;} .__pay .pay1 .tbl table .black {background:#3a3a3a;color:#fff;border-bottom-color:#fff;} .__pay .pay1 .list {margin-top:25px;} .__pay .pay1 .list li {position:relative;padding-left:0.8em;font-size:15px;letter-spacing:-0.04em;line-height:1.5;font-weight:300;} .__pay .pay1 .list li:before {content:"쨌";font-weight:bold;position:absolute;left:0;top:0;} .__pay .pay1 .list li ~ li {margin-top:7px;} .__pay .pay2 {margin-top:35px;padding-top:60px;border-top:1px solid #cecece;} .__pay .pay2 .tit {text-align:center;margin-bottom:30px;} .__pay .pay2 .tit h3 {font-size:24px;color:#08466d;font-weight:normal;letter-spacing:-0.04em;} .__pay .pay2 .tit p {font-size:18px;color:#262626;line-height:1.4;margin-top:14px;letter-spacing:-0.04em;font-weight:300;} .__pay .pay2 .__bstep .head .txt dl dt {font-size:28px;} .__pay .pay2 .__bstep .head .txt dl dd {font-size:18px;} .__pay .pay2 .__bstep .head .txt p {font-size:24px;margin-top:35px;} @media all and (max-width:1024px){ .__pay .pay1 .tit {text-align:left;margin-bottom:10px;} .__pay .pay1 .tit h3 {font-size:17px;} .__pay .pay1 .tbl {margin-top:0;border:none;overflow:hidden;} .__pay .pay1 .tbl > div {margin:0;} .__pay .pay1 .tbl table ~ table {margin-top:15px;} .__pay .pay1 .tbl table thead tr th {font-size:13px;background:#3a3a3a;color:#fff;padding:10px;} .__pay .pay1 .tbl table tbody tr > * {font-size:12px;text-align:left;padding:10px;} .__pay .pay1 .tbl table tbody tr th {background:#f5f5f5;border-color:#c4c4c4;color:#1d1d1d;} .__pay .pay1 .tbl .__m {border:1px solid #616161;overflow:hidden;} .__pay .pay1 .tbl .__m ~ .__m {margin-top:10px;} .__pay .pay1 .tbl > div div {margin:-1px;} .__pay .pay1 .list {margin-top:15px;} .__pay .pay1 .list li {font-size:12px;} .__pay .pay1 .list li ~ li {margin-top:5px;} .__pay .pay2 {margin-top:20px;padding-top:50px;} .__pay .pay2 .tit {text-align:left;margin-bottom:15px;} .__pay .pay2 .tit h3 {font-size:17px;} .__pay .pay2 .tit p {font-size:12px;line-height:1.55;margin-top:10px;} .__pay .pay2 .__bstep .head .txt dl dt {font-size:18px;} .__pay .pay2 .__bstep .head .txt dl dd {font-size:12px;} .__pay .pay2 .__bstep .head .txt p {font-size:14px;margin-top:20px;} .__pay .pay2 .__bstep .head .txt p span {display:block;font-size:12px;margin-bottom:10px;font-weight:500;} } .__skyinfo .tit {text-align:center;margin-bottom:20px;} .__skyinfo .tit dl dt {font-size:28px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;} .__skyinfo .tit dl dd {font-size:17px;color:#525252;font-weight:300;margin-top:22px;line-height:1.4;} .__skyinfo .tit p {margin-top:50px;} .__skyinfo .tit p span {display:inline-block;width:156px;height:36px;line-height:34px;border-radius:18px;border:1px solid #08466d;font-size:20px;letter-spacing:-0.04em;color:#08466d;} .__skyinfo .sec h4 {position:relative;padding-left:14px;font-size:20px;color:#000;letter-spacing:-0.04em;margin-bottom:15px;font-weight:normal;} .__skyinfo .sec h4:before {content:"";display:block;width:3px;height:14px;border-radius:1.5px;background:#0573b8;position:absolute;left:0;top:50%;margin-top:-7px;} .__skyinfo .sec ~ .sec {margin-top:100px;} .__skyinfo .sec .tbl {margin-top:30px;border:1px solid #616161;overflow:hidden;} .__skyinfo .sec .tbl > div {margin:-1px;} .__skyinfo .sec .tbl table {width:100%;table-layout:fixed;} .__skyinfo .sec .tbl table tr > * {text-align:center;font-size:19px;padding:14px 10px;background:#fff;color:#1d1d1d;font-weight:normal;letter-spacing:-0.04em;border:1px solid #c4c4c4;border-bottom:none;} .__skyinfo .sec .tbl table tr th {background:#f5f5f5;} .__skyinfo .sec .tbl table thead tr th {font-weight:500;} .__skyinfo .sec .tbl table tbody tr:last-child > * {border-bottom:none;} .__skyinfo .sec .tbl table tbody tr strong {color:#08466d;font-weight:500;} .__skyinfo .sec .tbl table .black {background:#3a3a3a;color:#fff;border-bottom-color:#fff;} .__skyinfo .sec .graybox {background:#ededed;padding:20px 10px;display:flex;align-items:center;justify-content:center;gap:10px 100px;margin-top:10px;} .__skyinfo .sec .graybox dl {display:flex;align-items:center;} .__skyinfo .sec .graybox dl dt {margin-right:20px;font-size:18px;font-weight:500;color:#0573b8;letter-spacing:-0.04em;} .__skyinfo .sec .graybox dl dd ul {display:flex;gap:10px 35px;} .__skyinfo .sec .graybox dl dd ul li {font-size:15px;font-weight:300;color:#000;letter-spacing:-0.04em;position:relative;padding-left:0.8em;} .__skyinfo .sec .graybox dl dd ul li:before {content:"쨌";position:absolute;left:0;top:0;font-weight:bold;} .__skyinfo .sec .wait {font-size:15px;font-weight:300;letter-spacing:-0.04em;color:#0573b8;line-height:1.4;border:1px solid #9fcbe4;text-align:center;padding:15px 10px;margin-top:30px;} .__skyinfo .__about2 {margin-top:40px;} /* 怨꾩빟�꾪솴 */ .__reserve .tbl table {width:100%;font-family:'Noto Sans KR',sans-serif;border-bottom:1px solid #3a3a3a;border-collapse:separate;} .__reserve .tbl table tr > * {border-right:1px solid #d9d9d9;text-align:center;letter-spacing:-0.04em;} .__reserve .tbl table tr > *:last-child {border-right:none;} .__reserve .tbl table thead tr th {color:#fff;font-size:24px;background:#3a3a3a;font-weight:bold;padding:15px 10px;} .__reserve .tbl table thead tr + tr th {padding:8px 10px;background:#525252;border-top:1px solid #d9d9d9;} .__reserve .tbl table tbody tr td {font-size:22px;color:#1d1d1d;padding:8px 10px;border-top:1px solid #d9d9d9;font-weight:bold;} .__reserve .tbl table tbody tr strong {font-weight:500;} .__reserve .tbl table tbody tr .name {color:#08466d;} .__reserve .tbl table tbody tr .type {color:#fff;background:#4262bd !important;} .__reserve .tbl table tbody tr .red {color:#d61446;} .__reserve .tbl table tbody tr .blue {color:#4262bd;} .__reserve .tbl table tbody tr .black {color:#383838;} .__reserve .tbl table tbody tr .gray {color:#898989;} .__reserve .tbl table tbody:nth-child(odd) tr:first-child > * {border-top:1px solid #3a3a3a;} .__reserve .tbl table tbody:nth-child(even) tr > * {background:#f5f5f5;} .__reserve .tbl .detail {margin-left:5px;position:relative;top:-1px;height:20px;line-height:18px;border-radius:10px;background:#fff;border:1px solid #104c72;font-size:12px;letter-spacing:-0.04em;vertical-align:middle;padding:0 5px;color:#08466d;letter-spacing:-0.04em;} .__popReserve {position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;padding:10px;overflow:auto;opacity:0;visibility:hidden;transition:0.3s;font-family:'Noto Sans KR',sans-serif;background:rgba(0,0,0,0.84);} .__popReserve.active {visibility:visible;opacity:1;} .__popReserve .inner {width:100%;max-width:100%;position:relative;z-index:10;} .__popReserve .wrap {width:100%;position:relative;background:#fff url(../images/bg-reserve.jpg) no-repeat 0 0 / 168px auto;padding:50px 10px;} .__popReserve .tit {text-align:center;margin-bottom:20px;} .__popReserve .tit span {display:inline-block;width:68px;height:22px;line-height:20px;border:1px solid #474747;font-size:14px;color:#1d1d1d;margin-bottom:7px;} .__popReserve .tit strong {display:block;font-size:21px;color:#08466d;font-weight:500;} .__popReserve .close {position:absolute;text-indent:-9999px;right:15px;top:15px;width:40px;height:40px;border-radius:50%;background:#424242 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='m41.255 38.71-2.545 2.545-18.61-17.71-16.81 17.71L.744 38.71l17.71-18.61L.744 3.29 3.29.744l16.81 17.71L38.71.744l2.545 2.546-17.71 16.81 17.71 18.61Z'/%3E%3C/svg%3E") no-repeat 50% 50% / 20px auto;} .__popReserve .cls {text-align:center;margin-top:20px;} .__popReserve .cls button {width:120px;height:40px;border-radius:20px;border:1px solid #fff;background:rgba(0,0,0,0.54);font-size:18px;font-weight:500;letter-spacing:-0.04em;color:#fff;} .__popReserve .area table {width:100%;table-layout:fixed;border:1px solid #252525;border-collapse:separate;} .__popReserve .area table tr > * {border-bottom:1px solid #bdbdbd;border-right:1px solid #bdbdbd;background:#fff;} .__popReserve .area table tr > *:last-child {border-right:none;} .__popReserve .area table tr:last-child > * {border-bottom:none;} .__popReserve .area table tr th {border-right:1px solid #bdbdbd;background:#e9e9e9;text-align:left;font-weight:normal;} .__popReserve .area table tr > * {padding:8px;font-size:14px;color:#000;line-height:1.4;} .__popReserve .area table tr th.black {background:#3a3a3a;color:#fff;} .__popReserve .area table tr th.blue {background:#4262bd;color:#fff;} .__popReserve .area table tr td .red {color:#d61446;} .__popReserve .area table tr td .blue {color:#4262bd;} .__popReserve .area table tr td .gray {color:#898989;} @media all and (max-width:1024px){ .__reserve .tbl table thead tr th {font-size:14px;padding:10px;} .__reserve .tbl table tbody tr td {font-size:14px;padding:15px 10px;} } /* 怨꾩빟�꾪솴 */ @media all and (max-width:1024px){ .__skyinfo .tit {margin-bottom:15px;} .__skyinfo .tit dl dt {font-size:17px;} .__skyinfo .tit dl dd {font-size:12px;margin-top:10px;line-height:1.55;} .__skyinfo .tit p {margin-top:27px;} .__skyinfo .tit p span {display:block;width:100%;height:26px;line-height:24px;border-radius:13px;font-size:14px;} .__skyinfo .sec h4 {padding-left:8px;font-size:14px;margin-bottom:10px;} .__skyinfo .sec h4:before {width:2px;height:10px;border-radius:1px;margin-top:-5px;} .__skyinfo .sec ~ .sec {margin-top:40px;} .__skyinfo .sec .tbl {margin-top:0;border:none;overflow:hidden;} .__skyinfo .sec .tbl > div {margin:0;} .__skyinfo .sec .tbl table ~ table {margin-top:15px;} .__skyinfo .sec .tbl table thead tr th {font-size:13px;background:#3a3a3a;color:#fff;padding:10px;} .__skyinfo .sec .tbl table tbody tr > * {font-size:12px;text-align:left;padding:10px;} .__skyinfo .sec .tbl table tbody tr th {background:#f5f5f5;border-color:#c4c4c4;color:#1d1d1d;} .__skyinfo .sec .tbl .__m {border:1px solid #616161;overflow:hidden;} .__skyinfo .sec .tbl .__m ~ .__m {margin-top:10px;} .__skyinfo .sec .tbl > div div {margin:-1px;} .__skyinfo .sec .graybox {background:none;border:1px solid #cbcbcb;border-radius:10px;padding:20px 15px;display:block;margin-top:15px;} .__skyinfo .sec .graybox dl {display:block;} .__skyinfo .sec .graybox dl ~ dl {margin-top:15px;} .__skyinfo .sec .graybox dl dt {margin-right:0;font-size:14px;} .__skyinfo .sec .graybox dl dd ul {display:block;margin-top:7px;} .__skyinfo .sec .graybox dl dd ul li {font-size:12px;line-height:1.4;} .__skyinfo .sec .graybox dl dd ul li ~ li {margin-top:5px;} .__skyinfo .sec .wait {font-size:13px;padding:10px;margin-top:30px;text-align:left;border-radius:0;} .__skyinfo .__about2 {margin-top:10px;} } /* .__greeting {text-align:center;background:url(../images/bg-greeting.gif) no-repeat 50% 0;padding-top:30px;} */ .__greeting {text-align:center;background:url(../images/bg-greeting.gif) no-repeat 50% 0;} .__greeting dl dt {font-size:28px;font-weight:500;color:#0573b8;line-height:1.4;letter-spacing:-0.04em;font-family:'Noto Sans KR',sans-serif;} .__greeting dl dd {font-size:22px;font-weight:300;color:#252525;line-height:1.4;margin-top:10px;letter-spacing:-0.04em;} .__greeting p {font-size:17px;line-height:1.94;color:#525252;margin-top:50px;letter-spacing:-0.04em;} /* .__greeting .img {background:url(/assets/image/spring_top.JPG) no-repeat 50% 50% / cover;display:flex;align-items:center;justify-content:center;padding:0 20px;margin-top:50px;height:252px;} */ .__greeting .img {background:url(/assets/image/summer_top.JPG) no-repeat 50% 50% / cover;display:flex;align-items:center;justify-content:center;padding:0 20px;height:252px;} .__greeting .img span {font-size:22px;line-height:1.5;color:#fff;letter-spacing:-0.04em;font-weight:300;} @media all and (max-width:1024px){ .__greeting {background:none;padding-top:0;} .__greeting dl dt {font-size:17px;line-height:1.44;} .__greeting dl dd {font-size:14px;line-height:1.54;} .__greeting p {font-size:12px;line-height:1.7;margin-top:20px;text-align:left;} .__greeting .img {background-image:url(../images/img-greeting-m.jpg);padding:0 10px;margin:20px -10px 0;height:176px;} .__greeting .img span {font-size:15px;line-height:1.7;} } .__lot h3 {font-size:26px;font-weight:300;letter-spacing:-0.04em;margin-bottom:60px;line-height:1.4;text-align:center;color:#000;} .__lot h3 span {font-weight:normal;} .__lot .__map .foot {gap:20px;} .__lot .add {margin-top:27px;text-align:center;font-size:19px;line-height:1.4;letter-spacing:-0.04em;font-weight:300;color:#1d1d1d;} .__lot .add dl > * {display:inline-block;} .__lot .add dl dt {font-size:20px;font-weight:500;margin-right:5px;} .__lot .box .tf {background:#f7f7f7;padding:25px 15px;margin-top:30px;} .__lot .box .tf ul li {display:inline-block;position:relative;padding-left:48px;margin-right:35px;font-size:16px;font-family:'GmarketSans',sans-serif;color:#1d1d1d;letter-spacing:-0.04em;} .__lot .box .tf ul li:last-child {margin-right:0;} .__lot .box .tf ul li:before {content:"";display:block;width:40px;height:38px;top:50%;margin-top:-19px;background:url(../images/ico-loc4.png) no-repeat 50% 50% / contain;position:absolute;left:0;} .__lot .box .tf ul li:first-child:before {background-image:url(../images/ico-loc2.png);} .__lot .box:first-child .add dt {color:#0573b8;} .__lot .box:first-child .tf {background:#f0f9ff;} @media all and (max-width:1024px){ .__lot h3 {font-size:17px;margin-bottom:17px;} .__lot h3 span {font-weight:normal;} .__lot .add {margin-top:15px;font-size:13px;text-align:center;} .__lot .add dl > * {display:block;} .__lot .add dl dt {font-size:15px;margin-right:0;} .__lot .add dl dd {margin-top:5px;line-height:1.4;} .__lot .box .tf {padding:17px 10px;margin-top:15px;text-align:center;} .__lot .box .tf ul li {display:block;padding:36px 0 0;margin-right:0;font-size:13px;} .__lot .box .tf ul li:before {width:28px;height:24px;top:0;left:50%;margin:0 0 0 -14px;} .__lot .box .tf ul li ~ li {margin-top:20px;} } .__sch {max-width:767px;margin:0 auto 50px;position:relative;border:1px solid #828282;border-radius:32px;} .__sch input[type='text'] {display:block;width:100%;height:60px;position:relative;border:none;background:none;padding-left:35px;font-size:20px;color:#353535;letter-spacing:-0.04em;} .__sch button {display:block;position:absolute;right:17px;top:0;height:100%;width:60px;border:none;background:url(../images/ico-sch.png) no-repeat 50% 50%;text-indent:-9999px;} .__boardList {border-top:1px solid #0573b8;font-family:'Noto Sans KR',sans-serif;} .__boardList .box {display:block;border-bottom:1px solid #dedede;padding:15px 10px;} .__boardList .box .in {display:flex;align-items:center;max-width:1400px;margin:0 auto;} .__boardList .box .num {width:100px;font-family:'GmarketSans',sans-serif;font-size:30px;font-weight:bold;color:#dedede;letter-spacing:-0.04em;display:flex;align-items:center;} .__boardList .box .date {width:240px;text-align:right;display:flex;justify-content:flex-end;font-family:'GmarketSans',sans-serif;} .__boardList .box .date li {font-size:16px;color:#818181;position:relative;margin-right:18px;padding-right:19px;letter-spacing:-0.04em;} .__boardList .box .date li:before {content:"";display:block;width:1px;height:10px;background:#383838;position:absolute;right:0;top:50%;margin-top:-5px;} .__boardList .box .date li:last-child {margin-right:0;padding-right:0;} .__boardList .box .date li:last-child:before {display:none;} .__boardList .box .info {width:0;flex-grow:1;} .__boardList .box .info p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .__boardList .box .info .subject {display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:21px;letter-spacing:-0.04em;color:#353535;} .__boardList .box .info .sum {font-size:18px;color:#676767;font-weight:300;letter-spacing:-0.04em;margin-top:13px;} .__boardList .box .area {display:flex;width:0;flex-grow:1;align-items:center;} .__boardList .box .down {margin-left:30px;} .__boardList .box .down a {display:inline-block;position:relative;padding-left:47px;font-size:18px;font-weight:500;color:#353535;} .__boardList .box .down a:before {content:"";display:block;width:39px;height:28px;background:url(../images/ico-down.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:50%;margin-top:-14px;} .__boardList .box.notice {background:#f9f9f9;} .__boardList .box.notice .info .subject {color:#0573b8;} .__boardList .box.notice .num i {display:inline-block;width:30px;height:30px;background:url(../images/ico-notice.png) no-repeat 50% 50% / contain;} .__boardList.data .box .info .subject {line-height:1.6;white-space:normal;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} .__boardList .box2 {display:block;border-bottom:1px solid #dedede;padding:15px 10px;} .__boardList .box2 .in {display:flex;align-items:center;max-width:1400px;margin:0 auto;} .__boardList .box2 .num {width:100px;font-size:16px;display:flex;align-items:center;} .__boardList .box2 .num li {font-size:16px;position:relative;margin-right:18px;padding-right:19px;} .__boardList .box2 .num li:before {content:"";display:block;width:1px;height:10px;background:#383838;position:absolute;right:0;top:50%;margin-top:-5px;} .__boardList .box2 .num li:last-child {margin-right:0;padding-right:0;} .__boardList .box2 .num li:last-child:before {display:none;} .__boardList .box2 .date {width:240px;text-align:right;display:flex;justify-content:flex-end;;} .__boardList .box2 .date li {font-size:16px;position:relative;margin-right:18px;padding-right:19px;} .__boardList .box2 .date li:before {content:"";display:block;width:1px;height:10px;background:#383838;position:absolute;right:0;top:50%;margin-top:-5px;} .__boardList .box2 .date li:last-child {margin-right:0;padding-right:0;} .__boardList .box2 .date li:last-child:before {display:none;} .__boardList .box2 .info {width:0;flex-grow:1;} .__boardList .box2 .info p {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .__boardList .box2 .info .subject {display:block;font-size:16px;} .__boardList .box2 .info .sum {font-size:18px;color:#676767;font-weight:300;letter-spacing:-0.04em;margin-top:13px;} .__boardList .box2 .area {display:flex;width:0;flex-grow:1;align-items:center;} .__boardList .box2 .down {margin-left:30px;} .__boardList .box2 .down a {display:inline-block;position:relative;padding-left:47px;font-size:18px;font-weight:500;color:#353535;} .__boardList .box2 .down a:before {content:"";display:block;width:39px;height:28px;background:url(../images/ico-down.png) no-repeat 50% 50% / contain;position:absolute;left:0;top:50%;margin-top:-14px;} .__boardList .box2.notice {background:#f9f9f9;} .__boardList .box2.notice .info .subject {color:#0573b8;} .__boardList .box2.notice .num i {display:inline-block;width:30px;height:30px;background:url(../images/ico-notice.png) no-repeat 50% 50% / contain;} .__boardList.data .box2 .info .subject {line-height:1.6;white-space:normal;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;} @media all and (max-width:1024px){ .__sch {max-width:100%;margin:0 auto 30px;border-radius:16px;} .__sch input[type='text'] {height:34px;padding-left:12px;font-size:13px;} .__sch button {right:8px;width:34px;background-size:18px auto;} .__boardList .box {padding:15px;} .__boardList .box .num {width:43px;font-size:17px;} .__boardList .box .date {width:auto;margin-top:13px;} .__boardList .box .date li {font-size:11px;margin-right:0;padding-right:0;} .__boardList .box .date li:before {display:none;} .__boardList .box .date li:not(.day) {display:none;} .__boardList .box .info {width:auto;} .__boardList .box .info .subject {font-size:14px;} .__boardList .box .info .sum {font-size:12px;margin-top:5px;} .__boardList .box .area {display:block;} .__boardList .box .down {margin:15px 0 0;text-align:right;} .__boardList .box .down a {padding-left:25px;font-size:14px;} .__boardList .box .down a:before {width:19px;height:14px;margin-top:-7px;} .__boardList .box.notice {background:#f9f9f9;} .__boardList .box.notice .info .subject {color:#0573b8;} .__boardList .box.notice .num i {width:28px;height:31px;} } .__faq {border-top:1px solid #0573b8;font-family:'Noto Sans KR',sans-serif;} .__faq .box {border-bottom:1px solid #dedede;} .__faq .box .btn {display:flex;width:100%;text-align:left;border:none;background:none;padding:37px 145px 37px 15px;position:relative;gap:20px;align-items:center;} .__faq .box .btn:before {content:"\f1af";font-family:axicon;position:absolute;right:80px;top:50%;margin-top:-0.5em;line-height:1;font-size:24px;color:#000;} .__faq .box .btn .cate {width:142px;height:37px;line-height:37px;color:#fff;background:#a6a6a6;text-align:center;font-size:18px;letter-spacing:-0.04em;} .__faq .box .btn .q {font-size:30px;font-weight:bold;color:#0573b8;font-family:'GmarketSans',sans-serif;} .__faq .box .btn .subject {font-size:21px;line-height:1.4;color:#353535;letter-spacing:-0.04em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:0;flex-grow:1;} .__faq .box .con {display:none;background:#f7f7f7;border-top:1px solid #dedede;padding:30px 30px 30px 225px;font-size:18px;line-height:1.9;color:#353535;} .__faq .box.active .btn:before {content:"\f1b2";color:#0573b8;} .__faq .box.active .btn .cate {background:#0573b8;color:#fff;} .__faq .box.active .btn .subject {color:#0573b8;white-space:normal;} .__faq .box.active .con {display:block;} @media all and (max-width:1024px){ .__faq .box .btn {display:block;padding:15px;} .__faq .box .btn:before {right:10px;top:13px;margin-top:0;font-size:22px;} .__faq .box .btn .cate {width:80px;height:20px;line-height:20px;font-size:12px;margin-bottom:8px;} .__faq .box .btn .q {font-size:20px;position:absolute;left:15px;top:45px;} .__faq .box .btn .subject {font-size:14px;width:auto;margin-left:27px;} .__faq .box .con {padding:15px;font-size:18px;line-height:1.9;color:#353535;} .__faq .box.active .btn:before {content:"\f1b2";color:#0573b8;} .__faq .box.active .btn .cate {background:#0573b8;color:#fff;} .__faq .box.active .btn .subject {color:#0573b8;white-space:normal;} .__faq .box.active .con {display:block;font-size:12px;line-height:1.55;} } @media all and (max-width:1024px){ } @media all and (max-width:1024px){ } @media all and (max-width:1024px){ }