@charset "UTF-8";@import url("/fnc_css/font/font.css");
.new-tem-main-wrap { padding-top: 80px;font-family: "SCoreDream", sans-serif;  }
.new-tem1 { width: 100%; padding: 100px 30px; background-color: #5386ff; color: #fff; }
.new-tem1-top { display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 100px; }
.new-tem1-top > p { margin-bottom: 15px; font-size: 20px; line-height: 30px; font-weight: 500; }
.new-tem1-top > h1 { font-size: 46px; line-height: 60px; font-weight: 500; margin-bottom: 50px; font-family: "Esamanru", "SCoreDream", sans-serif; }
.new-tem1-top > a { width: 270px; height: 70px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; background-color: #5386ff; border-radius: 35px; box-shadow: 0px 0px 10px #ffffff29; font-size: 18px; line-height: 26px; transition: all 0.2s; }
.new-tem1-top > a:hover { background-color: #fff; color: #5386ff; font-weight: 500; }
.new-tem1-bot { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 60px; }
.new-tem1-bot > h3 { font-size: 34px; line-height: 46px; font-weight: 500; }
.new-tem1-bot-flex { display: flex; justify-content: center; gap: 100px; }
.new-tem1-bot-flex > div > p { font-size: 18px; line-height: 26px; margin-top: 30px; }
.new-tem1-bot-flex > div > p > span { font-size: 16px; line-height: 24px; opacity: 0.6; display: block; }
/* */
.new-tem2-box { width: 100%; display: flex; align-items: center; justify-content: center; gap: 200px; padding: 50px 30px; background-color: #f8fbff; }
.new-tem2-box2 { background-color: #fff; flex-direction: row-reverse; }
.new-tem2-right > h3 { font-size: 26px; line-height: 36px; font-weight: 500; margin-bottom: 10px; font-family: "Esamanru", "SCoreDream", sans-serif; }
.new-tem2-right > p { font-size: 18px; line-height: 26px; }
/* */
.new-tem3 { padding: 100px 0px; text-align: center; }
.new-tem3 > p { color: #2f57b7; font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 15px; }
.new-tem3 > h2 { font-size: 34px; line-height: 46px; font-weight: 500; margin-bottom: 60px; font-family: "Esamanru", "SCoreDream", sans-serif; }
.new-tem3 > a { width: 320px; height: 70px; box-shadow: 0px 0px 10px #00000029; border-radius: 34px; border: 2px solid #2f57b7; background-color: #2f57b7; color: #fff; font-size: 18px; display: flex; align-items: center; justify-content: center; margin: 0 auto 70px; transition: all 0.2s; }
.new-tem3 > a:hover { background-color: #fff; color: #2f57b7; font-weight: 500; }
.new-tem3-swiper { width: 100%; height: 470px; }
.new-tem3-swiper > .swiper-wrapper { align-items: center; }
.new-tem3-slide { height: 385px; width: 500px; display: flex; align-items: center; justify-content: center; margin: 0 30px; transition: all 0.3s; }
.new-tem3-slide a p{font-size:16px;line-height:24px;margin-top:10px;font-weight:500;}
.new-tem3-slide.swiper-slide-active { scale: 1.2; }
.new-tem3-slide.swiper-slide-prev { margin-right: 50px; margin-left: 0; }
.new-tem3-slide.swiper-slide-next { margin-left: 50px; margin-right: 0; }

/* 서비스소개 */
.new-tem-service1 { width: 100%; height: 250px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background: url("/fnc_images/template/new_tem_service_bg1.jpg") no-repeat center/cover; color: #fff; }
.new-tem-service1 br { display: none; }
.new-tem-service1 > p { font-size: 20px; line-height: 28px; font-weight: 500; margin-bottom: 10px; }
.new-tem-service1 > h1 { font-size: 34px; line-height: 46px; font-weight: 500; font-family: "Esamanru", "SCoreDream", sans-serif; }
.new-tem-service-title { text-align: center; display: flex; flex-direction: column; align-items: center; }
.new-tem-service-title br { display: none; }
.new-tem-service-title > p { font-size: 16px; font-weight: bold; line-height: 24px; color: #2f57b7; }
.new-tem-service-title > h2 { font-family: "Esamanru", "SCoreDream", sans-serif; font-size: 34px; line-height: 46px; font-weight: 500; position: relative; width: fit-content; }
.new-tem-service-title > h2::after { content: ""; position: absolute; left: -12px; top: -2px; width: 12px; aspect-ratio: 1/1; border-radius: 50%; background-color: #2f57b7; }
.new-tem-service2 { max-width: 1500px; padding: 60px 30px 100px; margin: 0 auto; }
.new-tem-service2-sc { width: 100%; height: 424px; position: relative; display: flex; justify-content: space-around; margin-top: 60px; background: url("/fnc_images/template/new_tem_service_bg2.png") no-repeat center/contain; }
.new-tem-service2-sc > div { padding: 40px; width: 450px; height: 100%; position: relative; }
.new-tem-service2-sc > div > h3 { font-size: 24px; line-height: 32px; margin-bottom: 40px; color: #2f57b7; font-weight: 800; text-align: center; position: relative; }
.new-tem-service2-sc > div > h3::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: -10px; width: 20px; height: 3px; background-color: #2f57b7; }
.new-tem-service2-sc > div > p { position: relative; padding-left: 15px; font-size: 18px; line-height: 26px; margin-bottom: 15px; }
.new-tem-service2-sc > div > p::before { content: ""; position: absolute; left: 0px; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color: #5386ff; }
.new-tem-service2-sc > div > a { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 210px; height: 60px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; border-radius: 35px; transition: all 0.2s; }
.new-tem-service2-sc-btn1 { background-color: #2f57b7; border: 2px solid #2f57b7; }
.new-tem-service2-sc-btn1:hover { background-color: rgba(243, 250, 255, 0.6); color: #2f57b7; font-weight: bold; }
.new-tem-service2-sc-btn2 { background-color: #5386ff; border: 2px solid #5386ff; }
.new-tem-service2-sc-btn2:hover { background-color: rgba(243, 250, 255, 0.6); color: #5386ff; font-weight: bold; }
.new-tem-service3 { width: 100%; padding: 60px 30px 100px;
 background-color: #f8fbff; }
.new-tem-service3-flex { display: flex; flex-wrap: wrap; justify-content: center; row-gap: 50px; max-width: 1200px; margin: 80px auto; column-gap: 100px; }
.new-tem-service3-flex > div { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; }
.new-tem-service3-flex > div > p { font-size: 18px; line-height: 26px; }

.new-tem-service4 { padding: 80px 0; background: url("/fnc_images/template/new_tem_service_bg3.jpg") no-repeat center/cover; }
.new-tem-service4-main { max-width: 1500px; margin: 90px auto 0; position: relative; width: 100%; padding: 30px; }
.new-tem-service4-main::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; height: 100%; border: 1px dashed rgba(83, 134, 255, 0.5); }
.new-tem-service4-main-box { display: flex; align-items: center; position: relative; gap: 160px; margin-bottom: 70px; }
.new-tem-service4-main-box::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 22px; height: 22px; top: 105px; border-radius: 50%; border: 1px solid #5386ff; background-color: #fff; z-index: 2; }
.new-tem-service4-main-box::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); width: 12px; height: 12px; top: 110px; border-radius: 50%; background-color: #5386ff; z-index: 3; }
.new-tem-service4-main-box > div { width: calc(50% - 80px); flex-shrink: 0; display: flex; gap: 30px; }
.new-tem-service4-main-box-img { flex-shrink: 0; }
.new-tem-service4-main-box-text { padding-top: 40px; }
.new-tem-service4-main-box-text > h4 { font-size: 24px; line-height: 32px; font-weight: 800; color: #2f57b7; }
.new-tem-service4-main-box-text > h3 { font-size: 22px; line-height: 30px; font-weight: 600; margin-bottom: 20px; }
.new-tem-service4-main-box-text > p { font-size: 16px; line-height: 24px; }
.new-tem-service4-main-box-text > p > span { font-weight: bold; }
/* 리스트 */
.new-tem-list1 { background: url("/fnc_images/template/new_tem_list_bg1.jpg") no-repeat center/cover; height: 180px; }
.new-tem-list2 { padding: 0px 30px 100px; max-width: 1500px; width: 100%; margin: 50px auto 0; display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 50px; row-gap: 70px; }
.new-tem-list-box { width: 100%; box-shadow: 5px 5px 15px #6e75824d; border-radius: 15px; background-color: #fff; padding: 15px 20px 20px; display: block; }
.new-tem-list-box:hover { background-color: #ebf6ff; }
.new-tem-list-box-dot { display: flex; align-items: center; gap: 3px; margin-bottom: 15px; }
.new-tem-list-box-dot > div { width: 5px; height: 5px; border-radius: 50%; background-color: #c8c8c8; }
.new-tem-list-box-img { width: 100%;  margin-bottom: 10px; }
.new-tem-list-box-img > img { width: 100%; height: 100%; object-fit: cover; }
.new-tem-list-box > h3 { font-size: 20px; line-height: 30px; font-weight: 600; margin-bottom: 5px; }
.new-tem-list-box > p { font-size: 16px; line-height: 24px; color: #afafaf; letter-spacing: -0.3px; margin-bottom: 15px; }
.new-tem-list-box > h4 { text-align: right; font-size: 18px; line-height: 26px; font-weight: 600; }

.new-tem-category-wrap { width: 100%; border-bottom: 1px solid #c8c8c8;  }
.new-tem-category { padding: 0 30px; width: 100%; max-width: 1500px; display: flex; align-items: center; margin:0 auto;}
.new-tem-category > a { width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; line-height: 26px; }
.new-tem-category > a.active { background-color: #2f57b7; color: #fff; font-weight: 600; }
.new-tem-category-dep2 { padding: 0 30px; width: 100%; max-width: 1500px; display: flex; align-items: center; justify-content: center; gap: 20px; margin:0 auto;}
.new-tem-category-dep2 > a { width: 200px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 30px; background-color: #eeeeee; font-size: 18px; line-height: 26px; color: #848484; margin-top:50px;}
.new-tem-category-dep2 > a.active { background-color: #5386ff; color: #fff; font-weight: 600; }

.new-tem-search{ padding: 0px 30px; max-width: 1500px; width: 100%; margin: 50px auto 0;}
.new-tem-search > form{display:flex;align-items:center;justify-content:end;width:100%;gap:10px;}
.new-tem-search > form > input[type="text"]{width:100%;max-width:350px;height:45px; border:1px solid #c8c8c8;padding:0 20px;}
.new-tem-search > form > button{padding:0 20px;height:45px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px;color:#fff;border:2px solid #2f57b7;background:#2f57b7;transition:all 0.2s;}
.new-tem-search > form > button:hover{color:#2f57b7;background:#fff;font-weight:600;}

/* 제품 상세 */

.new-tem-detail { background: url("/fnc_images/template/new_tem_detail_bg1.jpg") no-repeat top; }
.new-tem-detail1 { background: none; height: 180px; padding: 0px 30px; }
.new-tem-detail2 { width: 100%; max-width: 1540px; margin: 0 auto; padding: 60px 50px; border-radius: 20px; background-color: #fff; }
.new-tem-detail-top { width: 100%; display: flex; gap: 25px; margin-bottom: 50px; }
.new-tem-detail-img { width: 737px;  flex-shrink: 0; }
.new-tem-detail-info { width: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.new-tem-detail-info-top > h3 { font-size: 30px; line-height: 40px; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.6px; }
.new-tem-detail-info-top > h4 { color: #707070; font-size: 16px; line-height: 24px; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #afafaf; }
.new-tem-detail-info-top > p { display: flex; gap: 20px; font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.new-tem-detail-info-top > p > span { width: 65px; font-weight: 600; color: #2f57b7; letter-spacing: -0.3px; }

.new-tem-detail-info-bot { display: flex; flex-direction: column; gap: 15px; }
.new-tem-detail-info-bot a { display: flex; align-items: center; justify-content: center; height: 65px; width: 100%; font-size: 18px; color: #fff; border-radius: 10px; transition: all 0.2s; }
.new-tem-detail-info-bot a:hover { background-color: #fff; font-weight: 600; }
.new-tem-detail-info-bot-flex { display: flex; align-items: center; gap: 10px; }
.new-tem-detail-info-bot-btn1 { background-color: #2f57b7; border: 2px solid #2f57b7; }
.new-tem-detail-info-bot-btn1:hover { color: #2f57b7; }
.new-tem-detail-info-bot-btn2 { background-color: #5386ff; border: 2px solid #5386ff; }
.new-tem-detail-info-bot-btn2:hover { color: #5386ff; }
.new-tem-detail-info-bot-btn3 { background-color: #848484; border: 2px solid #848484; }
.new-tem-detail-info-bot-btn3:hover { color: #848484; }
.new-tem-detail-info-bot > h2 { text-align: right; font-size: 30px; line-height: 40px; font-weight: bold; display: flex; align-items: end; justify-content: end; gap: 15px; }
.new-tem-detail-info-bot > h2 > span { font-size: 16px; line-height: 24px; color: #afafaf; letter-spacing: -0.3px; font-weight: 500; }
.new-tem-detail-link { display: flex; width: 100%; border-top: 3px solid #2f57b7; position: sticky; top: 80px; z-index: 9; margin-bottom:30px;transition:all 0.2s;}
.new-tem-detail-link.active{top:0;}
.new-tem-detail-link > a { text-align: center; width: 25%; height: 70px; border-bottom: 1px solid #afafaf; border-right: 1px solid #afafaf; display: flex; align-items: center; justify-content: center; font-size: 18px; transition: all 0.2s; background-color: #fff; }
.new-tem-detail-link > a:first-child { border-left: 1px solid #afafaf; }
.new-tem-detail-link > a.active,
.new-tem-detail-link > a:hover { border: none; background-color: #2f57b7; color: #fff; }
.new-tem-detail-content > div { position: relative; }
.new_tem_detail_hidden_link { position: absolute; top: -160px; }

.new-tem-detail-content1 > h3{text-align:center;font-size:40px;line-height:50px;font-weight:600;margin-bottom:15px;margin-top:50px;letter-spacing:-0.8px;}
.new-tem-detail-content1 > h4{text-align:center;font-size:18px;line-height:26px;margin-bottom:40px;color:#AFAFAF;}
.new-tem-detail-content1 > p{text-align:center;font-size:20px;line-height:28px;margin-bottom:50px;}

/* 탬플릿 상세 하단고정 */
.new-tem-detail-fix1 { width: 100%; }
.new-tem-detail-fix1-1 {position: relative; background: url("/fnc_images/template/new_tem_detail_fix_bg1.png") no-repeat center/cover; padding: 100px 0 150px; }
.new_tem_detail_fix_person1{position: absolute;left: 50px;bottom: -70px;z-index: 3;}
.new_tem_detail_fix_person2{position: absolute;right: 50px;bottom: 0;z-index: 3;}
.new-tem-detail-fix1-1 > h3 { font-size: 34px; line-height: 46px; font-weight: 600; letter-spacing: -0.8px; margin-bottom: 100px; text-align: center; }
.new-tem-detail-fix1-1 > h3 > span { color: #5386ff; }
.new-tem-detail-fix1-sc { position: relative; width: 1040px; height: 370px; margin: 0 auto; }
.new-tem-detail-fix1-sc > div { width: 370px; aspect-ratio: 1/1; border-radius: 50%; position: absolute; top: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px; border: 1px solid #2f57b7; }

.new-tem-detail-fix1-sc1 { left: 0; }
.new-tem-detail-fix1-sc1::before { content: ""; position: absolute; width: 100%; top: 20px; right: 10px; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(47, 87, 183, 0.05); }
.new-tem-detail-fix1-sc2 { left: 50%; transform: translateX(-50%); }
.new-tem-detail-fix1-sc2::before { content: ""; position: absolute; width: 100%; top: 20px; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(47, 87, 183, 0.05); }
.new-tem-detail-fix1-sc3 { right: 0; }
.new-tem-detail-fix1-sc3::before { content: ""; position: absolute; width: 100%; top: 20px; left: 10px; aspect-ratio: 1/1; border-radius: 50%; background-color: rgba(47, 87, 183, 0.05); }
.new-tem-detail-fix1-sc > div > p { font-size: 18px; line-height: 26px; font-weight: 500; text-align: center; }
.new-tem-detail-fix-title { text-align: center; margin-bottom: 60px; }
.new-tem-detail-fix-title > h3 { text-align: center; font-size: 32px; line-height: 40px; margin-bottom: 20px; font-weight: 600; position: relative; }
.new-tem-detail-fix-title > h3::after { content: ""; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); width: 30px; height: 4px; background-color: #5386ff; }
.new-tem-detail-fix-title > h3 > span { color: #5386ff; }
.new-tem-detail-fix-title > p { font-size: 18px; line-height: 26px; }
.new-tem-detail-fix1-2 { padding: 80px 0 100px; background-color: #f8fbff; }
.new-tem-detail-fix1-config { width: 100%; max-width: 1100px; display: flex; justify-content: space-between; margin: 0 auto; }
.new-tem-detail-fix1-config > div { width: 220px; }
.new-tem-detail-fix1-config-top { width: 100%; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 20px; line-height: 30px; text-align: center; }
.new-tem-detail-fix1-config > div:nth-child(2n-1) .new-tem-detail-fix1-config-top { background-color: #5386ff; }
.new-tem-detail-fix1-config > div:nth-child(2n) .new-tem-detail-fix1-config-top { background-color: #2f57b7; }
.new-tem-detail-fix1-config > div > p { display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; border: 1px solid #acacac; border-radius: 35px; font-size: 18px; line-height: 26px; margin-top: 15px; position: relative; background-color: #fff; }
.new-tem-detail-fix1-config > div > p::before { content: ""; position: absolute; width: 1px; height: 16px; left: 50%; top: -16px; background-color: #acacac; }
.new-tem-detail-fix1-3 { padding: 80px 0 100px; }
.new-tem-detail-fix2 { width: 100%; padding: 100px 0; background: url("/fnc_images/template/new_tem_detail_fix_bg2.png"); position: relative; }
.new_tem_detail_fix_person3{position: absolute; left: 0;bottom: 0;z-index: 3;}
.new-tem-detail-fix2-progress { width: 1100px; margin: 0 auto; display: flex; justify-content: space-between; position: relative; }
.new-tem-detail-fix2-progress::before { content: ""; position: absolute; top: 30px; width: calc(100% - 155px); left: 50%; transform: translateX(-50%); border: 1px dashed #2f57b7; z-index: 1; }
.new-tem-detail-fix2-progress > div { width: 100%; max-width: 155px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.new-tem-detail-fix2-progress > div > h4 { width: 60px; aspect-ratio: 1/1; margin-bottom: 20px; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 50%; font-size: 20px; font-weight: 600; letter-spacing: -1px; z-index: 2; }
.new-tem-detail-fix2-progress > div:nth-child(2n-1) > h4 { background-color: #2f57b7; }
.new-tem-detail-fix2-progress > div:nth-child(2n) > h4 { background-color: #5386ff; }
.new-tem-detail-fix2-progress > div > div { width: 100%; aspect-ratio: 1/1; border-radius: 50%; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; background-color: #fff; }
.new-tem-detail-fix2-progress > div > p { font-size: 18px; line-height: 26px; }
.new-tem-detail-fix3 { padding: 100px 0; max-width: 1100px; margin: 0 auto; }
.new-tem-detail-fix3-warning-top { width: 100%; height: 100px; display: flex; align-items: center; justify-content: center; gap: 15px; box-shadow: 0px 10px 20px #00000029; border-radius: 50px; }
.new-tem-detail-fix3-warning-top > h3 { font-size: 34px; line-height: 42px; font-weight: 600; }
.new-tem-detail-fix3-text > h3 { font-size: 24px; line-height: 32px; font-weight: bold; color: #2f57b7; position: relative; margin-top: 60px; margin-bottom: 15px; }
.new-tem-detail-fix3-text > h3::before { content: ""; position: absolute; top: 6px; left: -35px; width: 23px; height: 23px; background: url("/fnc_images/template/new_tem_detail_fix3_text.png") no-repeat center/contain; }
.new-tem-detail-fix3-text > p { font-size: 18px; line-height: 26px; padding-left: 20px; position: relative; margin-bottom: 10px; }
.new-tem-detail-fix3-text > p::before { content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; border-radius: 50%; background-color: #5386ff; }
.new-tem-detail-fix3-text > p > span { font-size: 16px; line-height: 24px; color: #b5b5b5; }
.new-tem-detail-fix3 > h2 { text-align: center; font-size: 30px; line-height: 40px; margin-top: 140px; margin-bottom: 60px; font-weight: 600; }
.new-tem-detail-fix3 > h2 > span { color: #5386ff; }
.new-tem-detail-fix3-logo { display: flex; align-items: center; justify-content: center; }
/* 반응형 */
@media (max-width: 1510px){
 .new-tem-service2-sc { height: 390px; }
 .new-tem-detail-info-top > p > span { flex-shrink: 0; }
 }
@media (max-width: 1439px){
 .new-tem1-top > h1 { font-size: 32px; line-height: 40px; }
 .new-tem1-top > a { height: 65px; }
 .new-tem1-bot > h3 { font-size: 30px; line-height: 40px; }
 .new-tem3 > h2 { font-size: 30px; line-height: 40px; }
 .new-tem-detail2 { padding: 50px 30px; }
 .new-tem-detail-img { width: 500px; }
 .new_tem_detail_fix_person3{display:none;}
  .new-tem-detail-content1 br{display:none;}
 .new-tem-detail-content1 > h3{font-size:32px;line-height:40px;}
 .new-tem-detail-content1 > p{font-size:18px;line-height:26px;}
 }

@media (max-width: 1279px){
 .new-tem2-box { gap: 100px; }
 .new-tem2-left { width: 250px; }
 .new-tem3 > a { margin-bottom: 0; }
 .new-tem3-slide { height: 200px; width: 300px; margin: 0 10px; }
 .new-tem3-slide.swiper-slide-prev { margin-right: 30px; }
 .new-tem3-slide.swiper-slide-next { margin-left: 30px; }
 .new-tem-service-title > h2 { font-size: 28px; line-height: 40px; }
 .new-tem-service-title > h2::after { display: none; }
 .new-tem-service2-sc { background: none; justify-content: space-between; gap: 50px; }
 .new-tem-service2-sc > div { width: 50%; background-color: #f3faff; border-radius: 50px; }
 .new-tem-service4-main-box { gap: 0; padding-left: 40px; }
 .new-tem-service4-main-box > div { width: auto; flex-shrink: 1; }
 .new-tem-service4-main::after { left: 30px; transform: none; }
 .new-tem-service4-main-box::before { transform: none; left: -10px; }
 .new-tem-service4-main-box::after { transform: none; left: -5px; }
 .new-tem-list2 { column-gap: 30px; row-gap: 50px; }
 .new-tem-list-box > h3 { font-size: 18px; line-height: 26px; }
 .new-tem-list-box > h4 { font-size: 16px; line-height: 24px; }
 .new-tem-detail-img { width: 450px; }
 .new-tem-detail-info-top > h3 { font-size: 26px; line-height: 34px; }
 .new-tem-detail-info-bot > h2 { font-size: 26px; line-height: 34px; }
 .new-tem-detail-info-bot a { height: 60px; }

  .new-tem-detail-fix1-1{padding: 70px 20px;}
 .new-tem-detail-fix1-sc{width: 100%;}
 .new-tem-detail-fix1-1 > h3{ font-size: 26px; line-height: 34px; }
 .new-tem-detail-fix1-sc{height: 300px;}
 .new-tem-detail-fix1-sc > div{width: 300px;}
 .new-tem-detail-fix1-sc > div > img {width: 100px;}
 .new-tem-detail-fix1-sc > div > p{font-size: 16px;line-height: 24px;}
 .new-tem-detail-fix-title > h3{font-size: 26px; line-height: 34px;}
 .new-tem-detail-fix1-2 {padding: 70px 20px;}
 .new-tem-detail-fix1-3{padding: 70px 20px;}
 .new-tem-detail-fix1-config > div{width: 180px;}
 .new-tem-detail-fix1-config-top{font-size: 18px;line-height: 26px;}
 .new-tem-detail-fix2{padding: 70px 20px;}
 .new-tem-detail-fix2-progress{width: 100%;}
 .new-tem-detail-fix2-progress > div{max-width: 140px;}
 .new-tem-detail-fix3-warning-top{height: 80px;}
 .new-tem-detail-fix3-warning-top > h3{font-size: 26px; line-height: 34px;}
 .new-tem-detail-fix3{padding: 70px 20px;}
  .new_tem_detail_fix_person1{display: none;}
.new_tem_detail_fix_person2{display: none;}
 }
@media (max-width: 1023px){
.new-tem-main-wrap{padding-top:60px;}
 .new-tem1-top { margin-bottom: 50px; }
 .new-tem1 { padding: 80px 20px; }
 .new-tem1-top > p { font-size: 16px; line-height: 24px; }
 .new-tem1-top > h1 { font-size: 28px; line-height: 40px; margin-bottom: 30px; }
 .new-tem1-top > a { height: 50px; font-size: 16px; margin-bottom: 20px; }
 .new-tem1-bot > h3 { font-size: 24px; line-height: 34px; }
 .new-tem1-bot-flex { width: 100%; gap: 30px; display: grid; grid-template-columns: 1fr 1fr; }
 .new-tem2-box { gap: 30px; flex-direction: column; text-align: center; }
 .new-tem2-left { width: 200px; }
 .new-tem2-right > h3 { font-size: 22px; line-height: 30px; }
 .new-tem2-right > p { font-size: 16px; line-height: 24px; }
 .new-tem2-right > p br { display: none; }
 .new-tem3 > h2 { font-size: 24px; line-height: 34px; margin-bottom: 30px; }
 .new-tem3 > a { font-size: 16px; width: 280px; height: 50px; }
 .new-tem3-slide { height: 200px; width: 300px; }
 .new-tem-service1 { height: 200px; padding: 0 20px; }

 .new-tem-service1 > h1 { font-size: 24px; line-height: 32px; }
 .new-tem-service1 > p { font-size: 16px; line-height: 22px; }
 .new-tem-service-title > h2 { font-size: 24px; line-height: 34px; }
 .new-tem-service2 { padding: 50px 20px; }
 .new-tem-service2-sc { gap: 20px; height: auto; flex-direction: column; }
 .new-tem-service2-sc > div { width: 100%; border-radius: 50px; padding: 40px 20px; }
 .new-tem-service2-sc > div > a { position: static; transform: none; margin: 40px auto 0; height: 50px; font-size: 16px; }
 .new-tem-service3 { padding: 50px 20px; }
 .new-tem-service3-flex { margin: 50px auto 0; row-gap: 50px; column-gap: 30px; }
 .new-tem-service4 { padding: 50px 0px; }
 .new-tem-service4-main { margin: 50px auto 20px; padding: 20px; }
 .new-tem-service4-main::after { left: 20px; }
 .new-tem-service4-main-box-img { width: 180px; }
 .new-tem-service4-main-box::before { top: 80px; }
 .new-tem-service4-main-box::after { top: 85px; }
 .new-tem-service4-main-box-text > h4 { font-size: 20px; line-height: 30px; }
 .new-tem-service4-main-box-text > h3 { font-size: 18px; line-height: 26px; }
 .new-tem-service4-main-box-text { padding-top: 20px; }
 .new-tem-service2-sc > div > h3 { font-size: 20px; line-height: 30px; }
 .new-tem-service2-sc > div > p { font-size: 16px; line-height: 24px; }
 .new-tem-service-title br { display: block; }
 .new-tem-service3-flex > div > p { font-size: 16px; line-height: 24px; }
 .new-tem-service3-flex > div > img { height: 80px; }
 .new-tem-service-title > p { margin-bottom: 10px; }
 .new-tem-list2 { grid-template-columns: repeat(2, 1fr); padding: 0px 20px 100px; margin-top:30px;}
 .new-tem-detail2 { padding: 30px 0px; }
 .new-tem-detail-top { flex-direction: column;padding: 0 20px; }
 .new-tem-detail-img { width: 100%; display: flex; align-items: center; justify-content: center; }
 .new-tem-detail-info { gap: 30px; }
  .new-tem-detail-link{top: 60px;}
 .new-tem-detail-link > a { font-size: 16px; height: 60px; line-height: 24px; }

  .new-tem-detail-fix1-sc{height: 250px;}
 .new-tem-detail-fix1-sc > div{width: 250px;}
 .new-tem-detail-fix1-config{gap: 20px;}
 .new-tem-detail-fix2-progress{gap: 20px;}
 .new-tem-detail-fix2-progress > div > p{font-size: 16px;line-height: 24px;}
 .new-tem-detail-fix3-text > h3{padding-left: 20px;font-size: 20px;line-height: 30px;}
 .new-tem-detail-fix3-text > h3::before{left: -10px;}
 .new-tem-detail-fix3-text > p{font-size: 16px;line-height: 24px;}
 .new-tem-detail-fix3-text > p::before{top: 8px;}
 .new-tem-detail-fix3 > h2{font-size: 24px;line-height: 32px;}
 .new-tem-detail-fix3 > h2 br {display: none;}
 .new-tem-detail-fix3-text > p > span{font-size: 14px;}

 .new-tem-detail-content1 > h3{font-size:24px;line-height:32px;padding:0 20px;}
 .new-tem-detail-content1 > h4{padding:0 20px;}
 .new-tem-detail-content1 > p{font-size:16px;line-height:28px;padding:0 20px;text-align:justify;}

 .new-tem-category{padding:0;}
 .new-tem-category > a{height:50px;font-size:16px;line-height:24px;letter-spacing:-1px;}
 .new-tem-category-dep2 > a{margin-top:30px; height:45px;font-size:16px;line-height:24px;width:fit-content;padding:0 30px;}
 .new-tem-search{padding:0 20px;margin:30px auto 0;}
 .new-tem-search > form > input[type="text"]{height:40px;}
 .new-tem-search > form > button{height:40px;}
 }
@media (max-width: 767px){
 .new-tem-category > a{height:45px;font-size:14px;line-height:22px;}
  .new-tem-category-dep2 > a{margin-top:20px; height:40px;font-size:14px;line-height:22px;padding:0 20px;}
 .new-tem1-top > h1 { font-size: 24px; line-height: 34px; }
 .new-tem1-bot > h3 { font-size: 20px; line-height: 30px; }
 .new-tem1-bot-flex > div > img { height: 70px; }
 .new-tem1-bot-flex > div > p { font-size: 16px; line-height: 24px; }
 .new-tem3 > h2 { font-size: 20px; line-height: 30px; }
 .new-tem3 > h2 br { display: none; }
 .new-tem2-right > h3 { font-size: 20px; line-height: 30px; }
 .new-tem3-swiper { height: 350px; }
 .new-tem3-slide { height: 180px; width: 250px; }
 .new-tem-service1 br { display: block; }
 .new-tem-service3-flex { display: grid; grid-template-columns: repeat(2, 1fr); margin: 50px auto 0; column-gap: 20px; }
 .new-tem-service4-main-box { padding-left: 0; }
 .new-tem-service4-main-box-text { padding-top: 0; }
 .new-tem-service4-main-box > div { flex-direction: column; align-items: center; gap: 20px; }
 .new-tem-service-title > h2 { font-size: 22px; line-height: 30px; }
 .new-tem-service4-main-box-img { width: 150px; }
 .new-tem-service4-main-box::before { display: none; }
 .new-tem-service4-main-box::after { display: none; }
 .new-tem-service4-main::after { display: none; }
 .new-tem-list-box { padding: 20px;}
 .new-tem-list-box-dot { margin-bottom: 10px; display: none; }
 .new-tem-list2 { column-gap: 10px; row-gap: 40px; grid-template-columns:1fr;margin-top:20px;}
 .new-tem-list-box > h3 { font-size: 16px; line-height: 24px; }
 .new-tem-list-box:hover { background-color: transparent; }
 .new-tem-list-box > p { font-size: 14px; line-height: 22px; }
 .new-tem-service1 > h1 { font-size: 22px; line-height: 30px; }
 .new-tem-detail-info-top > p { flex-direction: column; gap: 5px; margin-bottom: 20px; }
 .new-tem-detail-info-top > h3 { font-size: 22px; line-height: 30px; }
 .new-tem-detail-info-bot > h2 { font-size: 22px; line-height: 30px; }
 .new-tem-detail-info-bot a { height: 50px; font-size: 16px; }
 .new-tem-detail-link > a { height: 50px; font-size: 14px; line-height: 18px; letter-spacing: -0.6px; padding: 0 10px; }

  .new-tem-detail-fix1-1 > h3{ font-size: 20px; line-height: 30px; margin-bottom: 50px;}
 .new-tem-detail-fix1-1 > h3 br {display: none;}
 .new-tem-detail-fix1-sc{height: auto;display: flex;flex-direction: column;align-items: center;gap: 30px;}
 .new-tem-detail-fix1-sc > div{position: static;transform: none;}
 .new-tem-detail-fix1-sc > div::before{display: none;}
 .new-tem-detail-fix1-config{display: grid;grid-template-columns: repeat(2,1fr);gap: 30px;}
 .new-tem-detail-fix1-config > div{width: 100%;}
 .new-tem-detail-fix1-config > div > p{font-size: 16px;}
 .new-tem-detail-fix1-config-top{max-width: 150px;margin: 0 auto;}
 .new-tem-detail-fix2-progress{display: grid;grid-template-columns: repeat(3,1fr);column-gap: 20px;row-gap: 50px;}
 .new-tem-detail-fix2-progress::before{display: none;}
 .new-tem-detail-fix2-progress > div{max-width: unset;}
 .new-tem-detail-fix2-progress > div > h4{width: 50px;font-size: 18px;}
 .new-tem-detail-fix3-warning-top > h3{font-size: 20px;line-height: 30px;}
 .new-tem-detail-fix3-warning-top > img {display: none;}
 .new-tem-detail-fix3 > h2{font-size: 20px;line-height: 30px;}
 .new-tem-detail-fix-title > h3{font-size:20px;line-height:30px;}
 .new-tem-detail-fix-title > p{font-size:16px;line-height:24px;}
 }
@media (max-width: 479px){
 .new-tem3-slide { height: 150px; width: 200px; }
 .new-tem3-slide.swiper-slide-prev { margin-right: 20px; }
 .new-tem3-slide.swiper-slide-next { margin-left: 20px; }
  .new-tem-detail-fix2-progress > div > div > img {width: 60px;}

    .new-tem-detail-content1 > h3{font-size:20px;line-height:30px;}
 .new-tem-detail-content1 > h4{font-size:14px;line-height:20px;}
 }

/* 로그인 */
.new-tem-login { width: 100%; display: flex; align-items: center; justify-content: center; padding: 150px 20px; }
.new-tem-login-box { width: 100%; max-width: 630px; padding: 40px 80px 80px; display: flex; flex-direction: column; align-items: center; gap: 20px; border: 1px solid #d5d5d5; border-radius: 20px; position: relative; }
.new-tem-login-box-img { position: absolute; bottom: -20px; right: -100px; }
.new-tem-login-box > h3 { font-size: 30px; line-height: 40px; font-weight: 500; font-family: "Esamanru", "SCoreDream", sans-serif; margin-bottom: 5px; }
.new-tem-login-box > form { width: 100%; display: flex; flex-direction: column; align-items: center; gap: 20px; }
.new-tem-login-box > form > input { width: 100%; height: 60px; padding: 0 20px; font-size: 18px; border: 1px solid #d5d5d5; border-radius: 10px; background-color: #fbfbfb; }
.new-tem-login-box > form > button { width: 100%; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 10px; background-color: #5386ff; border: 2px solid #5386ff; color: #fff; font-size: 18px; transition: all 0.2s; }
.new-tem-login-box > form > button:hover { background-color: #fff; color: #5386ff; font-weight: 600; }
.new-tem-login-find { width: 100%; display: flex; align-items: center; justify-content: space-evenly; }
.new-tem-login-find > a { font-size: 16px; line-height: 24px; color: #5d5d5d; letter-spacing: -0.5px; }
.new-tem-login-find > a:hover { color: #000; font-weight: 500; }
.new-tem-login-find > span { display: block; width: 1px; height: 12px; background-color: #5d5d5d; }
/* 약관 */
.new-tem-contract { width: 100%; max-width: 1500px; padding: 50px 30px; margin: 0 auto; }
.new-tem-contract > h3 { font-size: 30px; line-height: 40px; font-weight: 500; font-family: "Esamanru", "SCoreDream", sans-serif; margin-bottom: 25px; text-align: center; }
.new-tem-contract > textarea { width: 100%; height: 450px; border: 1px solid #d5d5d5; border-radius: 10px; padding: 40px; resize: none; font-size: 16px; line-height: 24px; letter-spacing: -0.3px; margin-bottom: 15px; }
.new-tem-contract > form { width: 100%; }
.new-tem-contract > form > label { width: 100%; height: 65px; display: flex; align-items: center; justify-content: center; gap: 15px; border: 1px solid #d5d5d5; border-radius: 10px; margin-bottom: 25px; }
.new-tem-contract > form > label > input[type="checkbox"] { -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; flex-shrink: 0; width: 25px; height: 25px; border: 1px solid #d5d5d5; border-radius: 5px; }
.new-tem-contract > form > label > input[type="checkbox"]:checked { background: url("/fnc_images/template/new_tem_check.svg") no-repeat center/contain; border: none; }
.new-tem-contract > form > label > p { font-size: 18px; line-height: 26px; color: #7a7a7a; letter-spacing: -0.3px; }
.new-tem-contract-btns { display: flex; align-items: center; justify-content: center; gap: 25px; width: 100%; }
.new-tem-contract-btns > a { width: 450px; height: 70px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px; transition: all 0.2s; border-radius: 10px; }
.new-tem-contract-btns > a:hover { font-weight: 500; background-color: #fff; }
.new-tem-contract-btn1 { background-color: #5386ff; border: 2px solid #5386ff; }
.new-tem-contract-btn2 { background-color: #848484; border: 2px solid #848484; }
.new-tem-contract-btn1:hover { color: #5386ff; }
.new-tem-contract-btn2:hover { color: #000; }

/* memberform */
.new-tem-memberform { width: 100%; max-width: 1500px; padding: 50px 30px; margin: 0 auto; }
.new-tem-memberform > h3 { font-size: 30px; line-height: 40px; font-weight: 500; font-family: "Esamanru", "SCoreDream", sans-serif; margin-bottom: 25px; text-align: center; }
.new-tem-memberform > form { width: 100%; max-width: 1100px; margin: 0 auto; border: 1px solid #d5d5d5; border-radius: 10px; padding: 40px; display: flex; flex-direction: column; align-items: center; }
.new-tem-memberform > form > label { display: flex; align-items: center; justify-content: center; margin-bottom: 20px; position: relative; width: fit-content; }
.new-tem-memberform > form > label > p { font-size: 18px; line-height: 26px; font-weight: bold; width: 110px; letter-spacing: -0.3px; text-align: right; position: absolute; left: -130px; }
.new-tem-memberform > form > label input { width: 450px; height: 50px; border: 1px solid #d5d5d5; border-radius: 10px; padding: 0 20px; }
.new-tem-memberform-id { position: absolute; width: 130px; height: 50px; border-radius: 10px; display: flex; align-items: center; justify-content: center; right: -150px; background-color: #848484; border: 2px solid #848484; font-size: 16px; color: #fff; transition: all 0.2s; }
.new-tem-memberform-id:hover { background-color: #fff; color: #848484; font-weight: 500; }
.new-tem-memberform-phone { display: flex; align-items: center; width: 450px; gap: 10px; }
.new-tem-memberform-phone > input {text-align: center; padding: 0;}
.new-tem-memberform .new-tem-contract-btns { margin-top: 50px; }
.new-tem-memberform .new-tem-contract-btns > a { width: 370px; }

/* 마이페이지 */
.new-tem-mypage { width: 100%; max-width: 1500px; padding: 50px 30px; margin: 0 auto; }
.new-tem-mypage > h3 { font-size: 30px; line-height: 40px; font-weight: 500; font-family: "Esamanru", "SCoreDream", sans-serif; margin-bottom: 25px; text-align: center; }
.new-tem-mypage-top { width: 100%; display: flex; align-items: center; justify-content: center; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 70px; gap: 30px; margin-bottom: 60px; }
.new-tem-mypage-top > a { height: 100%; display: flex; align-items: center; justify-content: center; padding: 0 20px; font-size: 20px; line-height: 30px; color: #7a7a7a; }
.new-tem-mypage-top > a.active,
.new-tem-mypage-top > a:hover { font-weight: 600; color: #5386ff; border-bottom: 3px solid #5386ff; }
.new-tem-mypage-grid { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 25px; row-gap: 50px; margin-bottom: 50px;}
.new-tem-mypage-grid-item { display: block; width: 100%; border: 1px solid #d5d5d5; border-radius: 10px; overflow: hidden; }
.new-tem-mypage-grid-item:hover { box-shadow: 0 0 10px #aaa; }
.new-tem-mypage-grid-item-top { width: 100%; height: 55px; display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 0 30px; }
.new-tem-mypage-grid-item.active .new-tem-mypage-grid-item-top { background-color: #5386ff; }
.new-tem-mypage-grid-item-top > .state { width: 100px; height: 30px; display: flex; align-items: center; justify-content: center; background-color: #fff; padding: 0 20px; color: #000; border-radius: 20px; font-size: 14px; }
.new-tem-mypage-grid-item-top.state1{background-color: #848484;}
.new-tem-mypage-grid-item-top.state2{background-color: #5386FF;}
.new-tem-mypage-grid-item-top.state3{background-color: #FEAB44;}
.new-tem-mypage-grid-item-top.state4{background-color: #40A33F;}
.new-tem-mypage-grid-item-top.state5{background-color: #2F57B7;}
.new-tem-mypage-grid > a p { display: flex; align-items: center; gap: 25px; font-size: 16px; line-height: 24px; }
.new-tem-mypage-grid > a p > span { font-weight: 600; width: 65px; flex-shrink: 0; text-align: right; }
.new-tem-mypage-grid-item-bot { padding: 30px; display: flex; flex-direction: column; gap: 10px; }
/* 마이페이지 상세 */
.new-tem-mypage-detail .new-tem-mypage-top { margin-bottom: 0; }
.new-tem-mypage-detail .new-tem-mypage-top.new-tem-mypage-top2 { height: auto; border-top: none; margin-bottom: 50px; }
.new-tem-mypage-top2 > a { height: 50px; font-size: 16px; }
.new-tem-mypage-top2 > a.active,
.new-tem-mypage-top2 > a:hover { color: #2f57b7; border-bottom: 2px solid #2f57b7; }
.new-tem-mypage-view-box { width: 100%; margin-bottom: 30px; display: flex; flex-direction: column; }
.new-tem-mypage-view-flex { display: flex; align-items: stretch; gap: 25px; }
.new-tem-mypage-view-box > h3 { font-size: 22px; font-weight: bold; line-height: 30px; margin-bottom: 15px; flex-shrink: 0; }
.new-tem-mypage-view-box > div { width: 100%; height: 100%; border: 1px solid #d5d5d5; border-radius: 10px; padding: 35px 50px; display: flex; flex-direction: column; gap: 15px; box-shadow: 0 0 10px #00000029; }
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex { flex-direction: row; justify-content: space-between; }
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div { width: 50%; display: flex; flex-direction: column; gap: 15px; }
.new-tem-mypage-view-box > div > label,
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label { width: 100%; display: flex; align-items: center; gap: 25px; }
.new-tem-mypage-view-box > div > label > p,
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label > p { font-size: 17px; line-height: 25px; font-weight: 600; flex-shrink: 0; width: 100px; text-align: right; }
.new-tem-mypage-view-box > div > label > p > span { color: #ff0000; position: relative; top: -10px; left: -5px; }
.new-tem-mypage-view-box > div > label > input,
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label > input { width: 100%; height: 50px; border: 1px solid #d5d5d5; border-radius: 10px; padding: 0 20px; background-color: #fbfbfb; font-size: 16px; line-height: 24px; }
.new-tem-mypage-view-box > div > label > div,
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label > div { width: 100%; height: 50px; border: 1px solid #d5d5d5; border-radius: 10px; padding: 0 20px; background-color: #fbfbfb; display: flex; align-items: center; font-size: 16px; line-height: 24px; }
.new-tem-mypage-view-box-ta > p { width: 200px !important; letter-spacing: -0.5px !important; text-align: center !important; }
.new-tem-mypage-view-box > div > label.new-tem-mypage-view-box-ta > div { padding: 20px; height: auto; }
.new-tem-mypage-view-box > div > label > textarea { width: 100%; height: 200px; border: 1px solid #d5d5d5; border-radius: 10px; padding: 20px; background-color: #fbfbfb; resize: none; font-size: 16px; line-height: 24px; }
.new-tem-mypage-view-setbtns {
    display: flex;
    align-items: center;
    gap: 25px;
  justify-content: center;
}

.new-tem-mypage-view-setbtns > a {
    width: 300px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    border-radius: 10px;

    transition: all 0.2s;
}
.new-tem-mypage-view-set {
    background-color: #5386ff;
    border: 2px solid #5386ff;
}
.new-tem-mypage-view-set:hover {
    background-color: #fff;
    color: #5386ff;
    font-weight: 500;
}
.new-tem-mypage-view-set2 {
    background-color: #feab44;
    border: 2px solid #feab44;
}
.new-tem-mypage-view-set2:hover {
    color: #feab44;
    font-weight: 500;
    background-color: #fff;
}
.new-tem-mypage-view-box > div > table { width: 100%; font-size: 16px; line-height: 24px; }
.new-tem-mypage-view-box > div > table th { padding: 10px; text-align: center; border: 1px solid #aaa; background-color: #eee; font-weight: 500; }
.new-tem-mypage-view-box > div > table td { padding: 10px; text-align: center; border: 1px solid #aaa; }

.new-tem-mypage-view-box > div.new-tem-mypage-view-box-radio{flex-direction:row; align-items:center;gap:80px;}
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-radio > label{width:auto;gap:10px;}
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-radio > label > input[type="radio"]{padding:0; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; flex-shrink: 0; width: 25px; height: 25px; border: 1px solid #d5d5d5; border-radius: 5px; }
.new-tem-mypage-view-box > div.new-tem-mypage-view-box-radio > label > input[type="radio"]:checked { background: url("/fnc_images/template/new_tem_check.svg") no-repeat center/contain; border: none; }

.new-tem-mypage-view-box > div > label.mini-contract{gap:10px;}
.new-tem-mypage-view-box > div > label.mini-contract > input[type="checkbox"]{padding:0; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; flex-shrink: 0; width: 25px; height: 25px; border: 1px solid #d5d5d5; border-radius: 5px; }
.new-tem-mypage-view-box > div > label.mini-contract > input[type="checkbox"]:checked { background: url("/fnc_images/template/new_tem_check.svg") no-repeat center/contain; border: none; }

/* 페이징 */
#new_tem_paging { width: 100%; display: flex; align-items: center; justify-content: center; gap: 45px; }
.new-tem-paging-btn { border: 1px solid #d5d5d5; border-radius: 5px; width: 70px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 14px; line-height: 22px; color: #aaa; }
.new-tem-paging-btn > a { font-size: 14px; line-height: 22px; color: #aaa; }
.new-tem-paging-btn > a:hover { color: #000; font-weight: 500; }
.new-tem-paging-btn > span { font-size: 16px; line-height: 24px; font-weight: 600; color: #5386ff; }
.new-tem-paging-btn > span > a { font-weight: 400; color: #aaa; }

@media (max-width: 1279px){
 .new-tem-mypage-grid { grid-template-columns: repeat(2, 1fr); }
 .new-tem-mypage { padding: 50px 20px; }
 .new-tem-mypage-view-flex { flex-direction: column; gap: 0; }
 .new-tem-mypage-top2 > a { letter-spacing: -1px; padding: 0; text-align: center; }
 }
@media (max-width: 1023px){
 .new-tem-login-box-img { display: none; }
 .new-tem-mypage { padding: 50px 20px; }
 .new-tem-mypage-grid { column-gap: 20px; row-gap: 40px; }
 .new-tem-mypage-grid-item-top { padding: 0 20px; }
 .new-tem-mypage-grid-item-bot { padding: 20px; }
 .new-tem-memberform { padding: 50px 20px; }
 .new-tem-memberform > form { padding: 30px 20px; }
 .new-tem-memberform > form > label { gap: 20px; width: 100%; }
 .new-tem-memberform > form > label > p { position: static; flex-shrink: 0; font-size: 16px; line-height: 24px; }
 .new-tem-memberform-phone { width: 100%; }
 .new-tem-memberform-id { position: static; width: 100px; height: 40px; }
 .new-tem-memberform > form > label input { width: 100%; height: 40px; padding: 0 15px; }

 .new-tem-memberform > h3 { font-size: 24px; line-height: 32px; }
 .new-tem-mypage-view-box > div { padding: 30px 20px; }
 .new-tem-mypage-view-box > div > label > p,
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label > p { font-size: 16px; line-height: 24px; }
 .new-tem-mypage-view-box > div:has(table) { overflow: auto; }
 .new-tem-mypage-view-box > div > table { min-width: 700px; }
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex { flex-direction: column; }
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div { width: 100%; }
 .new-tem-mypage-top2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; }
  .new-tem-mypage > h3 { font-size: 24px; line-height: 32px; }
  .new-tem-mypage-view-box > h3{font-size: 20px; line-height: 28px; }
 }
@media (max-width: 767px){
 .new-tem-login-box { padding: 30px; }
 .new-tem-login-box > h3 { font-size: 24px; line-height: 32px; margin-bottom: 0; }
 .new-tem-login-box > form > input { height: 50px; font-size: 16px; }
 .new-tem-login-box > form > button { height: 50px; font-size: 16px; }
 .new-tem-login-find > a { font-size: 14px; }
 .new-tem-contract { padding: 40px 20px; }
 .new-tem-contract > h3 { font-size: 24px; line-height: 32px; }
 .new-tem-contract > textarea { height: 300px; padding: 20px; }
 .new-tem-contract > form > label { height: 50px; margin-bottom: 15px; }
 .new-tem-contract > form > label > p { font-size: 16px; line-height: 24px; }
 .new-tem-contract > form > label > input[type="checkbox"] { width: 20px; height: 20px; }
 .new-tem-contract-btns { gap: 15px; }
 .new-tem-contract-btns > a { width: 100%; height: 50px; font-size: 16px; }
 .new-tem-mypage-grid { grid-template-columns: 1fr; }
 .new-tem-mypage-grid-item-top { flex-direction: column-reverse; gap: 10px; height: auto; align-items: start; padding: 10px 20px; }
 .new-tem-mypage-grid-item-top > .state { width: 100%; }
 .new-tem-mypage-top { height: 60px; }
 .new-tem-mypage-top > a { font-size: 16px; line-height: 24px; padding: 0 10px; }
 .new-tem-memberform > form > label { flex-direction: column; align-items: start; gap: 10px; }
 .new-tem-memberform > form > label > p { width: auto; text-align: left; }
 .new-tem-memberform-id { width: 100px; height: 40px; }
 .new-tem-mypage-view-box > div { gap: 20px; }
 .new-tem-mypage-view-box > div > label,
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label { flex-direction: column; gap: 10px; align-items: start; }
 .new-tem-mypage-view-box > div > label > p,
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label > p { width: auto; text-align: left; }
 .new-tem-mypage-view-box > div > label > div,
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-flex > div > label > div { height: 45px; padding: 0 15px; }
 .new-tem-mypage-view-box-ta > p { width: auto !important; text-align: left !important; }
 .new-tem-mypage-top2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }

 .new-tem-mypage-view-box > div > label.mini-contract{flex-direction:row;align-items:center;}
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-radio{gap:40px;}
 .new-tem-mypage-view-box > div.new-tem-mypage-view-box-radio > label{flex-direction:row;align-items:center;}
 }
@media (max-width: 479px){
 .new-tem-login-box { padding: 30px 20px; gap: 15px; }
 .new-tem-login-box > form { gap: 15px; }
 }