/* 접근성!! 본문바로가기 링크 */ .skipnavi li a{ position: fixed; left: 0; top: -100px; text-indent: -9999px; font-size: 0; width: 300px; z-index: 9999;} .skipnavi li button { position: fixed; left: 0; top: -100px; text-indent: -9999px; font-size: 0; width: 300px; z-index: 9999; border: 1px solid #fff; border-top:none; } .skipnavi li button:active, .skipnavi li button:focus, .skipnavi li a:active, .skipnavi li a:focus { position: fixed; left: 50%; transform: translateX(-50%); top: 0px; display: block; padding: 5px 0; text-align: center; text-indent: 0px; font-size: 14px; font-weight: bold; background-color: #111; color: #fefefe; } /*---------- 슬라이더 배너---------- */ .section01 { width: 100%; margin: 0; padding: 0; position: relative; } /* 크롬 사파이 이미지 화질 상향 */ .slider li a img { image-rendering: -webkit-optimize-contrast !important; transform: translateZ(0); backface-visibility: hidden;} .section01 .slider-btn { width: 1440px; font-size: 0; padding: 0; margin: 0 auto; display: flex; justify-content: space-between;} .section01 .slider-btn a { font-size: 16px; height: 36px; width: 240px; color: #000; border: 1px solid #D1D6E5; box-sizing: border-box; text-align: center; line-height: 34px; border-top: 0; border-left: 0; transition: 0.3s; } .slider a{ width: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .slider a:focus-visible img{ border: 5px solid yellow ; box-sizing: border-box; } #slide01-btn { border-left: 1px solid #D1D6E5; box-sizing: border-box; height: 36px;} #slide01-btn:hover div, #slide01-btn.active div { font-weight:500; padding: 0; background-color: #37059C; border: 1px solid #37059C; cursor: pointer; border-top: 0; color: #fff !important;} #slide02-btn:hover div, #slide02-btn.active div { font-weight:500; padding: 0; background-color: #04E1BE; border: 1px solid #04E1BE; cursor: pointer; border-top: 0; color: #151f6d !important;} #slide03-btn:hover div, #slide03-btn.active div { font-weight:500; padding: 0; background-color: #fcc7dc; border: 1px solid #fcc7dc; cursor: pointer; border-top: 0; color: #151F6D !important;} #slide04-btn:hover div, #slide04-btn.active div { font-weight:500; padding: 0; background-color: #061096; border: 1px solid #061096; cursor: pointer; border-top: 0; color: #fff !important;} #slide05-btn:hover div, #slide05-btn.active div { font-weight:500; padding: 0; background-color: #5c5aeb; border: 1px solid #5c5aeb; cursor: pointer; border-top: 0; color: #fff !important;} #slide06-btn:hover div, #slide06-btn.active div { font-weight:500; padding: 0; background-color: #f9d981; border: 1px solid #f9d981; cursor: pointer; border-top: 0; color: #151f6d !important;} #slide07-btn:hover div, #slide07-btn.active div { font-weight:500; padding: 0; background-color: #f9d981; border: 1px solid #f9d981; cursor: pointer; border-top: 0; color: #151f6d !important;} /* bxslider css 수정 */ .bx-wrapper { border: none !important; margin: 0 !important; box-shadow: none !important;} .bx-viewport { height: auto !important;} .bx-wrapper img { margin: 0 auto; text-align: center; font-size: 0; object-fit: cover; height: 420px; opacity: 1; position: relative;} .bx-wrapper li a { height: auto; z-index: 9998 !important;} .bx-wrapper .bx-controls-direction a { z-index: 9994 !important;} #btn-prev{ position:absolute; font-size: 40px; top: 40%; left: 40px; background: transparent; } #btn-next{ position: absolute; font-size: 40px; top: 40%; right: 40px; background: transparent; } /*.btn-ctrl { width: 1440px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 9996; height: 420px;}*/ #btn-prev i, #btn-next i { color:#fff;} #btn-prev a, #btn-next a {text-align:center; width:76px; height:76px; line-height:76px; border-radius:100px; transition:0.3s; } #btn-prev:hover a, #btn-next:hover a {background-color:#fff; box-shadow: 4px 4px 8px rgba(0,0,0,0.04); } #btn-prev:hover a i, #btn-next:hover a i {color:#151f6d;} #main-counter {display: none;position: absolute;width: 50px;text-align: center;bottom: 20px;right: 20px;background-color: rgba(20, 41, 105, 0.5);padding: 2px 8px;border-radius: 12px;color: #fefefe;} #main-counter span { color: #fff;} .alt_txt {font-size: 0;line-height: 0;text-indent: -9999px;} section > .wrap {padding-block: 100px;} .quick_menu {position: fixed;top: 10%;left: -120px;transition: left 0.4s ease;z-index: 10;} .quick_menu .menu_list {width: 120px;background-color: #fff;box-shadow: 0 0 21px rgba(0,0,0,0.26);border-radius: 0 20px 20px 0;} .quick_menu .menu_list ul {padding: 27px 15px;display: flex;flex-direction: column;gap: 22px;} .quick_menu .menu_list ul li a {display: block;font-size: 14px;font-weight: 700;} .quick_menu .menu_list ul li:hover a {color: #1d4ed8;text-decoration: underline;font-weight: 800;} .quick_menu .qm_btn {position: absolute;top: 50%;right: -50px;transform: translateY(-50%);width: 50px;height: 250px;background-color: #1d4ed8;border-radius: 0 20px 20px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 84px;cursor: pointer;} .quick_menu .qm_btn .arrow {width: 7px;height: auto;transform: rotate(180deg);transition: 0.4s ease;} .quick_menu .qm_btn .txt {width: 13px;height: auto;} .quick_menu.active {left: 0;} .quick_menu.active .arrow {transform: rotate(0);} #main .floating_menu {display:none;position: fixed;top: 50%;right: 40px;z-index: 10;transform: translateY(-50%);} #main .floating_menu .broswer_box {display: flex;align-items: center;justify-content: center;gap: 8px;width: 220px;height: 90px;background-color: #222;border-radius: 20px;} #main .floating_menu .broswer_box img {width: 67px;height: auto;} #main .floating_menu .broswer_box p {font-size: 17px;font-weight: 700;color: #fff;} #main .floating_menu .broswer_box p strong {font-weight: 800;color: #ffd800;} #main .floating_menu .counsel_box {width: 220px;background-color: #fff;border: 3px solid #ed1a3b;box-sizing: border-box;border-radius: 20px;margin-top: 14px;} #main .floating_menu .counsel_box .inner {padding: 15px;} #main .floating_menu .counsel_box .inner h4 {font-size: 22px;text-align: center;font-weight: 800;padding-bottom: 15px;} #main .floating_menu .counsel_box .inner h4 strong {color: #ed1a3b;} #main .floating_menu .counsel_box .inner input {width: 100%;height: 35px;background-color: #f1f1f1;border-radius: 10px;border: 0;font-family: "NanumSquare", sans-serif;font-size: 13px;font-weight: 700;_padding-inline: 10px;} #main .floating_menu .counsel_box .inner input::placeholder {color: #777;} #main .floating_menu .counsel_box .inner select {width: 100%;height: 35px;background-color: #f1f1f1;border: 0;border-radius: 10px;font-family: "NanumSquare", sans-serif;font-size: 13px;font-weight: 700;padding-left: 10px;appearance:none;background-image:url('/rtImages/main/images/select_arrow.png');background-repeat: no-repeat;background-position: right 15px center;background-size: 12px auto;color: #777;margin-block: 5px;} #main .floating_menu .counsel_box .inner select:valid {color: #000;} #main .floating_menu .counsel_box .inner .checkbox_group {margin-top: 16px;} #main .floating_menu .counsel_box .inner .checkbox_group input + label {font-size: 12px;line-height: 1;letter-spacing: -0.5px;color: #6f6f6f;} #main .floating_menu .counsel_box .inner .checkbox_group > input + label {color: #1e1e1e;font-weight: 800;} #main .floating_menu .counsel_box .inner .checkbox_group input + label span {text-decoration: underline;} #main .floating_menu .counsel_box .inner input[type=checkbox] {display: none;} #main .floating_menu .counsel_box .inner input[type=checkbox] + label.check_style1 {display: flex;align-items: center;cursor: pointer;position: relative;} #main .floating_menu .counsel_box .inner input[type=checkbox] + label.check_style1:before {content: "";border-radius: 2px;width: 12px;height: 12px;background-color: #fff;border: 1px solid #ddd;box-sizing: border-box;margin-right: 6px;} #main .floating_menu .counsel_box .inner input[type=checkbox]:checked + label.check_style1::before {appearance: none;background: url('/rtImages/main/images/ic_check_solid.svg') #ed1a3b no-repeat center;background-size: 8px;border: 0;} #main .floating_menu .counsel_box .inner .checkbox_group .chk_wrap {display: flex;flex-direction: column;gap: 8px;margin-top: 14px;} #main .floating_menu .counsel_box .inner .btn_apply {display: flex;align-items: center;justify-content: center;width: 100%;height: 45px;background-color: #ed1a3b;border-radius: 10px;font-size: 16px;font-weight: 800;color: #fff;margin-top: 15px;} #main .floating_menu button.opcl span img {height: 16px;} #main .floating_menu button.opcl span {display: flex;align-items: center;justify-content: center;gap: 5px;} #main .sec2 {width: 100%;height: 150px;background-color: #f9f9f9;overflow: hidden;} #main .sec2 .wrap {padding-block: 0;height: 100%;} #main .sec2 .wrap .sec_con ul {display: flex;align-items: center;gap: 103px;height:150px;} #main .sec2 .sec_con .swiper-wrapper .swiper-slide {width: auto;display: flex;align-items: center;} #main .sec2 .wrap .sec_con ul li a {display: block;} #main .sec2 .wrap .sec_con ul li a .icon {position: relative;display: block;width: 55px;height: 48px;} #main .sec2 .wrap .sec_con ul li a .icon img {position: absolute;top: 0;left: 0;transition: opacity 0.3s ease;width: 35px;height: auto;} #main .sec2 .wrap .sec_con ul li a p {font-size: 15px;font-weight: 700;padding-top: 20px;} #main .sec2 .wrap .sec_con ul li .icon img.on {opacity: 0;} #main .sec2 .wrap .sec_con ul li:hover .icon img.on {opacity: 1;} #main .sec2 .wrap .sec_con ul li:hover .icon img.off {opacity: 0;} #main .sec3 .wrap .sec_con {display: flex;gap: 20px;} #main .sec3 .wrap .sec_con > div {width: 100%;} #main .sec3 .wrap .sec_con .banner_group > div {position: relative;display: flex;align-items: center;width: 100%;height: 151px;border-radius: 20px;z-index: 1;} #main .sec3 .wrap .sec_con .banner_group > div .tit {padding-left: 30px;} #main .sec3 .wrap .sec_con .banner_group > div .tit h4 {font-size: 18px;font-weight: 800;color: #fff;} #main .sec3 .wrap .sec_con .banner_group > div .tit > strong {display: block;font-size: 28px;font-weight: 700;color: #ffd800;padding-top: 5px;letter-spacing: 0;} #main .sec3 .wrap .sec_con .banner_group > div .tit p {font-size: 14px;color: #fff;padding-top: 15px;} #main .sec3 .wrap .sec_con .banner_group > div .tit p strong {font-weight: 700;color: #fff;} #main .sec3 .wrap .sec_con .banner_group > div .tit p strong span {font-weight: 800;color: #fff;} #main .sec3 .wrap .sec_con .banner_group > div .icon {position: absolute;top: 50%;transform: translateY(-50%);} #main .sec3 .wrap .sec_con .banner_group > div .icon img {width: 100%;height: auto;} #main .sec3 .wrap .sec_con .banner_group .banner1 {background-color: #1d4ed8;} #main .sec3 .wrap .sec_con .banner_group .banner1 .icon {width: 94px;right: 25px;} #main .sec3 .wrap .sec_con .banner_group .banner2 {background-color: #1a2661;margin-top: 20px;} #main .sec3 .wrap .sec_con .banner_group .banner2 .icon {width: 63px;right: 37px;} #main .sec3 .wrap .sec_con .inq_box {border: 1px solid #ddd;box-sizing: border-box;border-radius: 10px;} #main .sec3 .wrap .sec_con .inq_box .inner {padding: 25px 30px 30px 30px;} #main .sec3 .wrap .sec_con .inq_box .inner h4 {font-size: 28px;font-weight: 700;} #main .sec3 .wrap .sec_con .inq_box .inner .num_wrap {display: flex;gap: 15px;margin-top: 20px;} #main .sec3 .wrap .sec_con .inq_box .inner .num_wrap input {background-color: #f1f1f1;width: 100%;height: 50px; border: 0;border-radius: 10px;font-family: "NanumSquare", sans-serif;font-size: 16px;padding-left: 17px;} #main .sec3 .wrap .sec_con .inq_box .inner .num_wrap input::placeholder {color: #777;} #main .sec3 .wrap .sec_con .inq_box .inner .btn_apply {display: flex;align-items: center;justify-content: center;width: 100%;height: 55px;background-color: #222;border-radius: 10px;font-size: 16px;font-weight: 700;color: #fff;margin-top: 14px;} #main .sec3 .wrap .sec_con .inq_box .inner .btn_apply p {color: #fff;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group {margin-top: 20px;display: flex;align-items: center;flex-wrap: wrap;gap: 0px 5px;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group input + label {font-size: 14px;line-height: 1;letter-spacing: -0.5px;color: #6f6f6f;width: 92%;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group > input + label {color: #1e1e1e;font-weight: 800;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group input + label span {text-decoration: underline;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group > input[type=checkbox] + label.check_style1 {width: 160px;} #main .sec3 .wrap .sec_con .inq_box .inner input[type=checkbox] { display: inline-block; width: 12px; height: 12px; border: 1px solid #c6cee2; position: relative; background-color: #fff;} #main .sec3 .wrap .sec_con .inq_box .inner input[type=checkbox] + label.check_style1::before {border-radius: 2px;width: 15px;height: 15px;background-color: #fff;border: 1px solid #ddd;box-sizing: border-box;margin-right: 6px;} #main .sec3 .wrap .sec_con .inq_box .inner input[type=checkbox]:checked + label.check_style1::before {background: url("/rtImages/main/images/ic_check_solid.svg") #1d4ed8 no-repeat center;background-size: 10px;border: 0;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group .chk_wrap {display: flex;gap: 5px;margin-top: 10px;flex-wrap: wrap;} #main .sec4 {width: 100%;background-color: #f8faff;} #main .sec4 .wrap .sec_con {display: flex;gap: 20px;} #main .sec4 .wrap .sec_con > div {width: calc(50% - 10px);height: 420px;border-radius: 20px;background-color: #fff;} #main .sec4 .wrap .sec_con > div .inner {padding: 45px;} #main .sec4 .wrap .sec_con .notice_box {box-shadow: 3px 0 13px rgba(0,34,130,0.15);} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_btn {display: flex;gap: 10px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_btn li a {display: flex;align-items: center;justify-content: center;font-size: 14px;height: 40px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 20px;padding-inline: 18px;font-weight: 800;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_btn li.on a {background-color: #1d4ed8;color: #fff;border: 0;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt {margin-top: 30px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div {display: none;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt .tab_cnt1 {display: block;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div ul {display: flex;flex-direction: column;gap: 18px;padding-bottom: 30px;border-bottom: 1px solid #ddd;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div ul li a {display: block;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div ul li a p {font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div ul li:hover a p {font-weight: 700;text-decoration: underline;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div .view_btn {display: flex;align-items: center;gap: 7px;font-size: 15px;font-weight: 700;margin-top: 28px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div .view_btn img {width: 12px;height: 12px;} #main .sec4 .wrap .sec_con .review_box .inner {padding: 45px;} #main .sec4 .wrap .sec_con .review_box .inner h4 {font-size: 28px;font-weight: 700;} #main .sec4 .wrap .sec_con .review_box .inner h4 strong {color: #1d4ed8;} #main .sec4 .wrap .sec_con .review_box .inner .swiper {overflow: hidden;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper {height: auto;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide {display: flex;gap: 15px;height: auto;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide > div {margin-top: 69px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .img {text-align: center;width: 130px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .img .pf_img {width: 100%;height: auto;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .img .star_img {width: 93px;height: auto;margin-top: 12px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info {width: calc(100% - 163px);} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .prize {font-size: 18px;font-weight: 800;color: #1d4ed8;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .name {font-size: 20px;font-weight: 700;padding-top: 3px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .spch {font-size: 16px;line-height: 25px;padding-top: 15px;overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: keep-all;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .view_btn {display: flex;align-items: center;gap: 7px;font-size: 15px;font-weight: 700;margin-top: 28px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .view_btn img {width: 12px;height: 12px;} #main .sec4 .wrap .sec_con .review_box .control-group {position: relative;display: flex;align-items: center;justify-content: space-between;width: 100%;margin-top: 60px;} #main .sec4 .wrap .sec_con .review_box .control-group .paging-bar {width: 360px;height: 5px;background: #ddd;overflow: hidden;border-radius: 6px;} #main .sec4 .wrap .sec_con .review_box .control-group .progress-bar {height: 100%;background: #1d4ed8;transition: width 0.3s ease;border-radius: 6px;} #main .sec4 .wrap .sec_con .review_box .control-group .arrows {display: flex;gap: 11px;position: relative;z-index: 10;} #main .sec4 .wrap .sec_con .review_box .control-group .arrows .swiper-arrow {cursor: pointer;} #main .sec4 .wrap .sec_con .review_box .control-group .arrows .swiper-arrow img {width: 6px;height: auto;} #main .sec4 .wrap .sec_con .review_box .control-group .arrows button img {width: 6px;height: auto;} #main .sec5 {width: 100%;background-color: #151f6d;} #main .sec5 .wrap {padding-block: 100px 64px;} #main .sec5 .wrap .sec_con ul {display: flex;justify-content: space-between;} #main .sec5 .wrap .sec_con ul li {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 260px;height: 190px;background-color: rgba(0,0,0,0.2);border-radius: 20px;text-align: center;} #main .sec5 .wrap .sec_con ul li h4 {font-size: 20px;color: #fff;} #main .sec5 .wrap .sec_con ul li strong {font-size: 40px;font-weight: 800;color: #ffd800;padding-top: 12px;} #main .sec5 .wrap .sec_con > span {display: block;font-size: 14px;color: #a7acd8;text-align: center;padding-top: 20px;word-break: keep-all;} #main .sec6 .wrap .sec_con ul {display: flex;flex-wrap: wrap;gap: 20px;} #main .sec6 .wrap .sec_con ul li {position: relative;display: flex;align-items: center;width: calc(50% - 10px);height: 200px;background-color: #eef7ff;border-radius: 20px;} #main .sec6 .wrap .sec_con ul li .tit {padding-left: 47px;} #main .sec6 .wrap .sec_con ul li .tit p {font-size: 18px;font-weight: 700;} #main .sec6 .wrap .sec_con ul li .tit h4 {font-size: 30px;font-weight: 800;padding-top: 5px;} #main .sec6 .wrap .sec_con ul li .tit .view_btn {display: flex;align-items: center;gap: 7px;font-size: 15px;font-weight: 700;margin-top: 28px;} #main .sec6 .wrap .sec_con ul li .tit .view_btn img {width: 12px;height: 12px;} #main .sec6 .wrap .sec_con ul li .icon {position: absolute;top: 50%;right: 44px;transform: translateY(-50%);} #main .sec6 .wrap .sec_con ul li .icon img {width: 100%;height: auto;} #main .sec6 .wrap .sec_con ul li:nth-child(1) .icon {right: 36px;} #main .sec6 .wrap .sec_con ul li:nth-child(2) .icon {right: 30px;} #main .sec6 .wrap .sec_con ul li:nth-child(3) .icon {right: 37px;} #main .sec6 .wrap .sec_con ul li:nth-child(4) .icon {right: 38px;} #main .sec6 .wrap .sec_con ul li:nth-child(6) .icon {right: 34px;} .client {border-top: 1px solid #ddd;overflow: hidden;} .client .wrap {padding-block: 0;} .client .wrap .sec_con ul {display: flex;align-items: center;justify-content: space-between;height: 77px;} .client .sec_con .swiper-wrapper .swiper-slide {width: auto;display: flex;align-items: center;} #footer {background-color: #f8f8f8;padding-bottom: 40px;padding-top: 0px;border-top: 0;} #footer .top {display: flex;align-items: center;height: 87px;border-bottom: 1px solid #ddd;justify-content: center;} #footer .top .wrap {display: flex;align-items: center;justify-content: space-between;} #footer .top .wrap .policy ul {display: flex;gap: 34px;} #footer .top .wrap .policy ul li a {font-size: 16px;font-weight: 700;} #footer .top .wrap .policy ul li a strong {font-weight: 800;} #footer .top .wrap .policy ul li:hover a {text-decoration: underline;} #footer .top .wrap .family_site select {width: 276px;height: 47px;background-color: #ededed;border-radius: 10px;border: 0;appearance:none;background-image:url('/rtImages/main/images/select_arrow.png');background-repeat: no-repeat;background-position: right 26px center;background-size: 14px auto;font-family: "NanumSquare", sans-serif;font-size: 15px;font-weight: 700;padding-left: 26px;} #footer .btm {padding-top: 38px;} #footer .btm .wrap {position: relative;} #footer .btm .wrap .sns_list {position: absolute;top: 0;right: 10px;} #footer .btm .wrap .sns_list ul {display: flex;gap: 20px;} #footer .btm .wrap .sns_list ul li a {position: relative;display: block;} #footer .btm .wrap .sns_list ul li a .icon {position: relative;display: block;width: 47px;height: 47px;} #footer .btm .wrap .sns_list ul li a .icon img {position: absolute;top: 0;left: 0;transition: opacity 0.3s ease;width: 100%;height: auto;} #footer .btm .wrap .sns_list ul li a .tooltip {display: none;position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);font-size: 12px;color: #fff;font-weight: 800;width: 75px;height: 25px;background-color: rgba(0,0,0,0.6);align-items: center;justify-content: center;border-radius: 3px;} #footer .btm .wrap .sns_list ul li:hover a .tooltip {display: flex;} #footer .btm .wrap .sns_list ul li a .icon img.on {opacity: 0;} #footer .btm .wrap .sns_list ul li:hover a .icon img.on {opacity: 1;} #footer .btm .wrap .sns_list ul li:hover a .icon img.off {opacity: 0;} #footer .btm .wrap > ul {display: flex;flex-direction: column;gap: 3px;margin-top: 26px;} #footer .btm .wrap > ul li {display: flex;gap: 3px 30px;flex-wrap: wrap;} #footer .btm .wrap > ul li p {font-size: 15px;color: #585858;} #footer .btm .wrap address {font-size: 15px;color: #b6b6b6;padding-top: 10px;} @media all and (max-width:1200px) { .quick_menu,.floating_menu {right: 0%;width: 100%;} #main .floating_menu .counsel_box {width: 90%;margin: 0 auto;top: -300px;position: relative;} #main .floating_menu button.opcl {width: 60%;height: 45px;position: absolute;left: 50%;bottom: 0%;transform: translate(-50%, 100%);background: #ed1a3b;border-radius: 11px 11px 0 0;color: #fff;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 600;} #main .floating_menu .counsel_box .inner input[type=checkbox] {width: 13px;height: 13px;} #main .floating_menu .counsel_box .inner .checkbox_group .chk_wrap {display: flex;gap: 8px;margin-top: 14px;flex-wrap: wrap;flex-direction: row;} #main .floating_menu .counsel_box .inner .checkbox_group input + label {width: 80%;} #main .floating_menu .counsel_box .inner .checkbox_group input + label {font-size: 13px;} #main .floating_menu .counsel_box .inner .checkbox_group {margin-top: 16px;display: flex;flex-wrap: wrap;align-items: center;gap: 0 8px;flex-direction: row;} #main .sec2 .wrap .sec_con ul {gap: 0;justify-content: space-between;} #main .sec5 .wrap .sec_con ul li {width: 24%;} #main .floating_menu {position: fixed;right: 0;z-index: 99;top:93.5%;} .counsel_box {display: none;background: white;padding: 20px;border: 1px solid #ddd;border-radius: 5px;box-shadow: 0 0 10px rgba(0,0,0,0.1);width: 300px;} .counsel_box.active {display: block;position: relative;} .close_btn {position: absolute;top: 15px;right: 15px;background: none;border: none;font-size: 20px;cursor: pointer;color: #666;width: 15px;} #main .sec3 .wrap .sec_con .inq_box .inner .checkbox_group {margin-top: 20px;display: flex;flex-wrap: wrap;gap: 0px 5px;flex-direction: row;} .btn_apply {background: #007bff;color: white;text-align: center;padding: 10px;border-radius: 4px;text-decoration: none;} .overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 80;} .overlay.active {display: block;} .inner {display: flex;flex-direction: column;gap:5px;} input, select {padding: 8px;border: 1px solid #ddd;border-radius: 4px;} } @media all and (max-width:960px) { #main .sec3 .wrap .sec_con {flex-direction: column;} #main .sec4 .wrap .sec_con {flex-direction: column;} #main .sec4 .wrap .sec_con > div {width: 100%;} #main .sec5 .wrap .sec_con ul {flex-wrap: wrap;gap: 20px;} #main .sec5 .wrap .sec_con ul li {width: calc(50% - 10px);} #main .sec6 .wrap .sec_con ul li {width: 100%;} #main .sec6 .wrap .sec_con ul a {width: 100%;} } @media all and (max-width:850px) { section > .wrap {padding-block: 50px;} #main .sec2 {height: auto;} #main .sec2 .wrap {height: auto;} #main .sec2 .sec_con {position: relative;} #main .sec2 .wrap .sec_con ul {gap: 0;} #main .sec2 .wrap .sec_con ul li a .icon {margin: 0 auto;width: 38px;height: 33px;} #main .sec2 .wrap .sec_con ul li a p {font-size: 13px;padding-top: 10px;} #main .sec2 .wrap .sec_con ul, #main .sec2 .sec_con .swiper-wrapper {height: auto;padding-block: 30px 35px;} #main .sec2 .sec_con .swiper-wrapper .swiper-slide {justify-content: center;height: auto;} #main .sec2 .sec_con .scroll_bar_group {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);width: 50%;height: 4px;} #main .sec2 .sec_con .scroll_bar_group .swiper-scrollbar {position: absolute;left: 0;bottom: 3px;z-index: 50;height: 4px;width: 100%;background-color: #e8ecef;} #main .sec2 .sec_con .scroll_bar_group .swiper-scrollbar .swiper-scrollbar-drag {background-color: #1d4ed8;} #main .sec3 .wrap .sec_con {gap: 10px;} #main .sec3 .wrap .sec_con .banner_group > div {height: auto;padding-block: 30px;border-radius: 10px;} #main .sec3 .wrap .sec_con .banner_group > div .tit {padding-left: 20px;line-height: 1.1;} #main .sec3 .wrap .sec_con .banner_group > div .tit h4 {font-size: 16px;font-weight: 700;} #main .sec3 .wrap .sec_con .banner_group > div .tit > strong {font-size: 22px;font-weight: 700;} #main .sec3 .wrap .sec_con .banner_group > div .tit p {font-size: 12px;padding-top: 12px;word-break: keep-all;} #main .sec3 .wrap .sec_con .banner_group > div .icon {top: 35px;transform: translateY(0);} #main .sec3 .wrap .sec_con .banner_group .banner1 .icon {width: 70px;right: 10px;z-index: -1;} #main .sec3 .wrap .sec_con .banner_group .banner2 {margin-top: 10px;} #main .sec3 .wrap .sec_con .banner_group .banner2 .icon {width: 50px;right: 15px;} #main .sec3 .wrap .sec_con .inq_box .inner {padding: 20px;} #main .sec3 .wrap .sec_con .inq_box .inner h4 {font-size: 22px;} #main .sec3 .wrap .sec_con .inq_box .inner .num_wrap {gap: 0;justify-content: space-between;margin-top: 10px;} #main .sec3 .wrap .sec_con .inq_box .inner .num_wrap select {width: 32%;height: 40px;font-size: 12px;padding-left: 10px;background-position: right 10px center;background-size: 10px auto;border-radius: 5px;} #main .sec3 .wrap .sec_con .inq_box .inner .num_wrap input {width: 100%;font-size: 12px;padding-left: 10px;border-radius: 5px;} #main .sec3 .wrap .sec_con .inq_box .inner .btn_apply {height: 45px;border-radius: 5px;font-size: 14px;margin-top: 5px;} #main .sec4 .wrap .sec_con {gap: 10px;} #main .sec4 .wrap .sec_con > div {height: auto;border-radius: 10px;} #main .sec4 .wrap .sec_con > div .inner {padding: 20px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_btn {gap: 5px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_btn li a {font-size: 12px;height: 35px;padding-inline: 15px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt {margin-top: 20px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div ul {gap: 12px;padding-bottom: 20px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div ul li a p {font-size: 14px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div .view_btn {font-size: 13px;margin-top: 20px;} #main .sec4 .wrap .sec_con .notice_box .inner .tab_split .tab_cnt > div .view_btn img {width: 10px;height: 10px;} #main .sec4 .wrap .sec_con .review_box .inner {padding: 20px;} #main .sec4 .wrap .sec_con .review_box .inner h4 {font-size: 22px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide > div {margin-top: 20px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .img {width: 80px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .img .star_img {width: 100%;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info {width: calc(100% - 95px);} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .prize {font-size: 12px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .name {font-size: 14px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .spch {font-size: 12px;line-height: 1.5;padding-top: 10px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .view_btn {font-size: 12px;margin-top: 10px;} #main .sec4 .wrap .sec_con .review_box .inner .swiper .swiper-wrapper .swiper-slide .info .view_btn img {width: 8px;height: 8px;} #main .sec4 .wrap .sec_con .review_box .control-group {margin-top: 20px;} #main .sec4 .wrap .sec_con .review_box .control-group .paging-bar {width: 70%;height: 4px;} #main .sec5 .wrap {padding-block: 30px;} #main .sec5 .wrap .sec_con ul {gap: 10px;} #main .sec5 .wrap .sec_con ul li {width: calc(50% - 5px);height: 120px;border-radius: 10px;} #main .sec5 .wrap .sec_con ul li h4 {font-size: 16px;} #main .sec5 .wrap .sec_con ul li strong {font-size: 24px;padding-top: 5px;} #main .sec5 .wrap .sec_con > span {font-size: 12px;padding-top: 10px;} #main .sec6 .wrap .sec_con ul {gap: 10px;} #main .sec6 .wrap .sec_con ul li {height: auto;justify-content: space-between;padding-block: 35px;border-radius: 10px;} #main .sec6 .wrap .sec_con ul li .tit {padding-left: 20px;} #main .sec6 .wrap .sec_con ul li .tit p {font-size: 14px;} #main .sec6 .wrap .sec_con ul li .tit h4 {font-size: 24px;} #main .sec6 .wrap .sec_con ul li .tit .view_btn {font-size: 13px;margin-top: 20px;} #main .sec6 .wrap .sec_con ul li .tit .view_btn img {width: 10px;height: 10px;} #main .sec6 .wrap .sec_con ul li .icon {position: static;width: 60px;transform: translateY(0);margin-right: 20px;} .client .wrap {position: relative;} .client .wrap .sec_con ul {height: auto;padding-block: 25px 35px;} .client .sec_con .swiper-wrapper .swiper-slide {justify-content: center;width: auto;height: auto;} .client .sec_con .swiper-wrapper .swiper-slide img {height: 20px;width: auto;} .client .sec_con .scroll_bar_group {position: absolute;bottom: 5px;left: 50%;transform: translateX(-50%);width: 50%;height: 4px;} .client .sec_con .scroll_bar_group .swiper-scrollbar2 {position: absolute;left: 0;bottom: 7px;z-index: 50;height: 4px;width: 100%;background-color: #e8ecef;} .client .sec_con .scroll_bar_group .swiper-scrollbar2 .swiper-scrollbar-drag {background-color: #1d4ed8;} #footer .top {height: auto;padding-block: 20px;} #footer .top .wrap {flex-direction: column;} #footer .top .wrap .policy ul {gap: 15px;} #footer .top .wrap .policy ul li a {font-size: 12px;} #footer .top .wrap .family_site {margin-top: 15px;} #footer .top .wrap .family_site select {width: 130px;height: 35px;background-position: right 10px center;background-size: 10px auto;font-size: 12px;padding-left: 10px;border-radius: 5px;} #footer .btm .wrap .ft_logo {text-align: center;} #footer .btm .wrap .ft_logo img {width: 200px;height: auto;margin: 0 auto;} #footer .btm .wrap .sns_list {position: static;display: flex;justify-content: center;margin-top: 20px;} #footer .btm .wrap .sns_list ul {gap: 10px;} #footer .btm .wrap .sns_list ul li a .icon {display: block;width: 35px;height: 35px;} #footer .btm .wrap .sns_list ul li a .icon img {width: 100%;height: auto;} #footer .btm .wrap .sns_list ul li a .icon img.on {opacity: 1;} #footer .btm .wrap .sns_list ul li a .icon img.off {opacity: 0;} #footer .btm .wrap > ul {margin-top: 20px;} #footer .btm .wrap > ul li {gap: 3px 10px;justify-content: center;} #footer .btm .wrap > ul li p {font-size: 12px;} #footer .btm .wrap address {font-size: 12px;text-align: center;} } @media (max-width:768px){} @media (max-width:560px){} @media (max-width:480px){ #main .floating_menu .counsel_box .inner .checkbox_group input + label {width: 87%;} } @media (max-width:375px){ #main .floating_menu .counsel_box .inner .checkbox_group input + label {width: 84%;} } /* 탑메뉴 */ .fl { display: flex;align-items: center;} #Top { position:relative; background:#fff; z-index:100; } #Top .sub { border-bottom:1px solid #ddd; } #Top .sub .wrap { justify-content:space-between; } #Top .sub .logo { gap:0.5rem; padding:0.5rem 0; } #Top .sub .logo .box:nth-of-type(1) img { height:2.4rem; } #Top .sub .logo .box:nth-of-type(2) img { height:3.3rem; } #Top .sub .logo .box:nth-of-type(3) img { height:2.5rem; } #Top .sub .btn { gap:1.3rem; font-size:1.3rem; color:#595959; } #Top .sub .btn span { width:1px; height:1.3rem; background:#ddd; } @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){ #Top { position:fixed; top:0; } #Top .sub { display:none; } } @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #Top .main { padding:20px 0; border-bottom:1px solid #ddd; } #Top .main .wrap { justify-content: space-between;display: flex;align-items: center;justify-content:space-between; } #Top .main .logo img { height:1.7rem; } #Top .main .btn_box { gap:2rem; } #Top .main .btn_box a { font-size:1.3rem; font-weight:500; } #Top .main .btn_box a .circle { width:4.8rem; height:4.8rem; background:#fff0b4; border-radius:5rem; margin:0 auto; } #Top .main .btn_box a:nth-of-type(1) .circle img { height:2.2rem; } #Top .main .btn_box a:nth-of-type(2) .circle img { height:1.9rem; } #Top .main .btn_box a:nth-of-type(3) .circle img { height:2.2rem; } #Top .main .btn_box a p { text-align:center; line-height:1; margin-top:0.6rem; } #Top .main .btn_box button {} @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){ #Top .main { border-bottom:0; } #Top .main .logo img { height:28px; } #Top .main .btn_box a { display:none; } #Top .main .btn_box button { display:block; } #Top .main .btn_box button img { height:20px; } } @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #Top .menu .wrap { flex-wrap:wrap; } #Top .menu .box { flex:0 0 calc(100% / 9); border-left:1px solid #ddd; position:relative; } #Top .menu .box:nth-of-type(9n) { border-right:1px solid #ddd; } #Top .menu .box:nth-of-type(-n + 9) { border-bottom:1px solid #ddd; } #Top .menu .box a { width:100%; height:5rem; font-size:1.5rem; font-weight:500; } #Top .menu .box a span { font-size:1.2rem; } #Top .menu .box.cl01 a { font-weight:600; color:#006fba; background:#fff0b4; } #Top .menu .box.cl01 a span { width:6rem; font-weight:400; color:#fff; background:#df0101; border-radius:0.5rem; position:absolute; left:50%; top:0; transform:translate(-50%,-50%); } #Top .menu .box.cl02 a { font-weight:600; color:#006fba; background:#ecf4ff; } #Top .menu .box .sub_box { display:none; } #Top .menu .box .sub_box a { height:3rem; font-size:1.3rem; color:#595959; transition:0.3s; } #Top .menu .box .sub_box a:hover { color:#000; } #Top .menu .box:hover .sub_box { display:block; width:calc(100% + 1px); border:1px solid #ddd; position:absolute; left:50%; bottom:0; transform:translate(-50%,100%); } @media (max-width:1024px){ #Top .menu .wrap { padding:0; } } @media (max-width:920px){} @media (max-width:768px){ #Top .menu { display:none; } } @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} /* 전체메뉴 */ #Top .menu_more { width:100%; height:auto; position:absolute; left:50%; bottom:-1px; transform:translate(-50%,100%); z-index:10; } #Top .menu_more .full_menu_contain { display:none; background:#fff; border-bottom:1px solid #ddd; overflow:hidden; } #Top .menu_more .full_menu_contain .full_menu { justify-content:space-between; align-items:flex-start; gap:1rem; padding:1rem 0; } #Top .menu_more .full_menu_contain .full_menu .list { width:calc(100% / 7); } #Top .menu_more .full_menu_contain .full_menu .list h1 { font-size:1.8rem; font-weight:600; color:#444; text-align:center; border-bottom:1px solid #444; padding-bottom:1rem; } #Top .menu_more .full_menu_contain .full_menu .list a { display:flex; justify-content:center; align-items:center; font-size:1.3rem; color:#595959; margin-top:1rem; } #Top .menu_more .full_menu_contain .full_menu .list a:hover { text-decoration:underline; text-underline-position:under; } #Top .menu_more .full_menu_contain .full_menu .list.sns a { gap:1rem; } #Top .menu_more .full_menu_contain .full_menu .list.sns a p { width:6rem; font-weight:600; color:#000; } @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){ #Top .menu_more { display:none; } } @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} /* 전체메뉴 MO */ #Top .mo_menu { display:block; } #Top .mo_menu .menu_bg { display:none; width:100%; height:100vh; background:rgba(0,0,0,0.5); position:absolute; top:0; } #Top.on .mo_menu .menu_bg { display:block; } @media (max-width:1024px){ } @media (max-width:920px){} @media (max-width:768px){ } @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #Top .mo_menu .boxing { max-width:300px; width:100%; height:100vh; background:#fff; position:absolute; top:0; right:-100%; transition:0.5s;} #Top .mo_menu .boxing .btn_box { padding:20px 0; } #Top .mo_menu .boxing .btn_box .wrap { justify-content:space-between; } #Top .mo_menu .boxing .btn_box a img { height:28px; } #Top .mo_menu .boxing .btn_box button img { height:20px; } #Top.on .mo_menu .boxing { right:0; } #Top .mo_menu .sub_btn { max-height: 370px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #888 #f1f1f1; } #Top .mo_menu .sub_btn::-webkit-scrollbar { width: 8px; } #Top .mo_menu .sub_btn::-webkit-scrollbar-track { background: #f1f1f1; } #Top .mo_menu .sub_btn::-webkit-scrollbar-thumb { background-color: #888; border-radius: 4px; } @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){} @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #Top .mo_menu .boxing .state .wrap { flex-wrap:wrap; gap:10px; } #Top .mo_menu .boxing .state .box { flex: 0 0 calc(100% / 2 - 10px / 2); position:relative; } #Top .mo_menu .boxing .state .box > * { width:100%; height:60px; font-size:14px; font-weight:800; color:#000; background:#f4f4f4;border-radius: 10px; justify-content: center;} #Top .mo_menu .boxing .state .box > button span:nth-of-type(2) { display:none; } #Top .mo_menu.on .boxing .state .box > button span:nth-of-type(1) { display:none; } #Top .mo_menu.on .boxing .state .box > button span:nth-of-type(2) { display:block; } @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){} @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #Top .mo_menu .boxing .main_btn { padding-bottom:2rem; margin-top:2px; } #Top .mo_menu .boxing .main_btn .wrap { flex-wrap:wrap; position:relative; } #Top .mo_menu .boxing .main_btn .wrap:before { content:''; width:2px; height:100%; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; } #Top .mo_menu .boxing .main_btn .wrap:after { content:''; width:100%; height:2px; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; } #Top .mo_menu .boxing .main_btn .box { flex:0 0 50%; position:relative; } #Top .mo_menu .boxing .main_btn .box > * { width:100%; height:5rem; font-size:1.8rem; font-weight:600; color:#006fba; background:#ecf4ff; } @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){} @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #Top .mo_menu .banner { } #Top .mo_menu .boxing .sub_btn .wrap .box {margin-top: 50px;} #Top .mo_menu .boxing .sub_btn .wrap .box a {justify-content: center;color: #7d7d7d;font-size: 13px;font-weight: 700;} #Top .mo_menu .boxing .sub_btn .depth1 { max-height:30px; overflow-y:hidden; transition:0.5s; } #Top .mo_menu .boxing .sub_btn .depth1 + .depth1 { margin-top:10px; } #Top .mo_menu .boxing .sub_btn .depth1 > button { width:100%; display: flex;align-items: center;justify-content:space-between; font-size:16px; font-weight:800; } #Top .mo_menu .boxing .sub_btn .depth1 > button img { height:20px; } #Top .mo_menu .boxing .sub_btn .depth1 .depth1_list { margin-top:1rem; padding-left:1rem; } #Top .mo_menu .boxing .sub_btn .depth1 .depth1_list a { display:block; font-size:14px; font-weight:700; color:#000;height: 22px; } #Top .mo_menu .boxing .sub_btn .depth1 .depth1_list a p { font-weight:700; color:#000; } #Top .mo_menu .boxing .sub_btn .depth1 .depth1_list a:not(:first-child) { margin-top:0.5rem; } #Top .mo_menu .boxing .sub_btn .depth1.on { max-height:50rem; } #Top .mo_menu .boxing .sub_btn .depth1.on > button img { transform:rotate(180deg); } #Top .mo_menu .boxing .sub_btn .depth2 { height:20px; margin-top:0.5rem; overflow-y:hidden; transition:0.5s; } #Top .mo_menu .boxing .sub_btn .depth2 > button { width:100%; justify-content:space-between; font-size:14px; font-weight:700; color:#000; } #Top .mo_menu .boxing .sub_btn .depth2 > button img { height:20px; } #Top .mo_menu .boxing .sub_btn .depth2 .depth2_list { margin-top:0.5rem; padding-left:1rem; } #Top .mo_menu .boxing .sub_btn .depth2.on { height:80px; } #Top .mo_menu .boxing .sub_btn .depth2.on > button img { transform:rotate(180deg); } #Top .mo_menu.on .boxing .sub_btn .wrap:nth-of-type(1) { display:none; } #Top .mo_menu.on .boxing .sub_btn .wrap:nth-of-type(2) { display:block; } #Top .main .btn_box button img {height: 20px;} @media (max-width:1024px){ #Top .sub .wrap {display: none;} #Top .menu .wrap {display: none;} #Top .main .btn_box button img {height: 20px;} #Top .main .btn_box a {display: none;} } @media (max-width:920px){} @media (max-width:768px){} @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} /* 내비게이션 */ .main_navi { background:#f9f9f9; border-bottom:1px solid #ddd; } .main_navi .wrap { justify-content:flex-start; } .main_navi .wrap > a { width:6rem; height:5rem; border-left:1px solid #ddd; border-right:1px solid #ddd; } .main_navi .wrap > a img { height:1.4rem; } .main_navi .sel_custom { border:0; border-right:1px solid #ddd; } @media (max-width:1024px){ .main_navi .wrap { padding:0; } .main_navi .wrap > a { border-left:0; } } @media (max-width:920px){} @media (max-width:768px){} @media (max-width:560px){ .main_navi .sel_custom { width:calc(50% - 3rem); min-width:auto; } } @media (max-width:480px){} @media (max-width:360px){} .navi { font-size:1.4rem; color:#595959; padding:0.5rem 0; } .navi .wrap { justify-content:flex-end; gap:0.5rem; } .navi a { transition:0.3s; } .navi a:hover { color:#000; } .navi a img { height:1.2rem; margin-bottom:0.2rem; } .navi span { margin-bottom:0.2rem; } @media (max-width:1024px){} @media (max-width:920px){} @media (max-width:768px){} @media (max-width:560px){} @media (max-width:480px){} @media (max-width:360px){} #main_slide .slide-controller { display:none; align-items:center; gap:15px;position:absolute; bottom:55px;right:30px; margin:0 auto;font-size: 0;} #main_slide .slide-controller .flex-box { display:flex; justify-content:center; align-items:center;color: #fff; } #main_slide .slide-controller .flex-box .mail_paging { width:14px;font-size: 13px;font-weight:500; } #main_slide .slide-controller .flex-box .mail_paging b {color:#fff;} #main_slide .slide-controller .flex-box span {font-size: 13px;font-weight: 600;} #main_slide .slide-controller .flex-box .mail_paging.slide_paging_max { text-align:right; } #main_slide .slide-controller .flex-box .slide-progress { display:none; position:relative; width:calc(100% - 80px); height:2px; background:#fff; } #main_slide .slide-controller .flex-box .slide-progress .progress-fill { position:absolute; top:0; left:0; width:0; height:100%; background-color:#27a93e; } #main_slide .slide-controller .slide-nav { display:flex; justify-content:center; align-items:center; gap:10px; flex-shrink:0; } #main_slide .slide-controller .slide-nav .slide-arrow, .Main_Slide .slide-controller .slide-nav .slide-auto { width:9px; height:10px; } #main_slide .slide-controller .slide-nav .slide-arrow { background:url('/rtImages/ns_w/main/yt_con_ic03.png') no-repeat; background-size: cover;} #main_slide .slide-controller .slide-nav .slide-prev { transform:rotate(180deg); } #main_slide .slide-controller .slide-nav .slide-auto .blind, .Main_Slide .slide-controller .slide-nav .slide-auto .sr-only { overflow:hidden; position:absolute; width:1px; height:1px; font-size:12px; clip:rect(1px, 1px, 1px, 1px); } #main_slide .slide-controller[data-autoplay="Y"] .slide-nav .slide-auto { width:10px; background:url('/rtImages/ns_w/main/yt_con_ic02.png') no-repeat; background-size:cover; background-position:center; } #main_slide .slide-controller[data-autoplay="N"] .slide-nav .slide-auto { width:10px; background:url('/vtImages/common/ic_slick_play222.png') no-repeat; background-size:cover; background-position:center; }