.about-visual, .about-visual .swiper-wrapper, .about-visual .swiper-wrapper .swiper-slide { width:100%; height:100%; flex: 1 0 auto; position:relative; } .about-visual .swiper-btn { width:60px; height:60px; border:1px solid #fff; border-radius:60px; background:url(/img/sub/swiper_btn1.png) center center no-repeat; } .about-visual .swiper-btn.swiper-button-next { transform:rotate(180deg); } .about-visual .swiper-btn svg { display:none } .about-visual .swiper-button-prev { left:50px; } .about-visual .swiper-button-next { right:50px; } .about-visual .swiper-button-next:after, .about-visual .swiper-button-prev:after, .about-visual .swiper-pagination { display:none; } @media screen and (max-width:1024px){ .about-visual .swiper-btn { width:40px; height:40px; background-size:6px auto; } .about-visual .swiper-button-prev { left:20px; } .about-visual .swiper-button-next { right:20px; } } #about .info-box { margin-bottom:180px; } #about .info-box > .title{ color: #111; font-weight: 500; letter-spacing: -0.72px; text-align: center; margin-bottom: 80px; } #about .info-box .list-box { display:flex; flex-wrap:wrap; gap:40px; } #about .info-box .list-box .box { width:calc((100% - 120px) / 4); text-align:center; padding-top:50px; border-top:1px solid #e5e5e5; } #about .info-box .list-box .box .title { margin-top:40px; color:var(--mainC); font-weight:500; line-height:1.3; letter-spacing:-0.3px; } #about .info-box .list-box .box .txt-1 { margin:10px 0; color:#111; font-weight:600; line-height:1.3; letter-spacing:-0.3px; } #about .info-box .list-box .box .txt-1 > span { color:#111; font-weight:600; } #about .info-box .list-box .box .txt-2 { color:#333; font-weight:300; line-height:1.3; letter-spacing:-0.3px; } @media screen and (max-width:1200px){ #about .info-box { margin-bottom:120px; } #about .info-box .list-box { gap:30px; } #about .info-box .list-box .box { width:calc((100% - 90px) / 4); } } @media screen and (max-width:960px){ #about .info-box { margin-bottom:60px; } #about .info-box > .title { margin-bottom:30px; } #about .info-box .list-box { gap:20px; } #about .info-box .list-box .box { width:calc((100% - 20px) / 2); } #about .info-box .list-box .box figure img { width:60px; } #about .info-box .list-box .box .title { margin-top:20px; } #about .info-box .list-box .box .txt-1 { margin:5px 0; } } #ceo .greeting-box { display:flex; gap:100px; } #ceo .greeting-box .imgbox img { border-radius:10px; } #ceo .greeting-box .txtbox dt { color:var(--mainC); font-weight:600; line-height:1.3; letter-spacing:-0.5px;} #ceo .greeting-box .txtbox dd { margin-top:60px; } #ceo .greeting-box .txtbox dd p:not(:last-child) { margin-bottom:40px; } #ceo .greeting-box .txtbox dd p { color:#111; font-weight:300; line-height:1.7; letter-spacing:-0.42px; } #ceo .greeting-box .txtbox dd p.font23 strong { font-weight:600; } @media screen and (max-width:1820px){ #ceo .greeting-box .imgbox { flex-shrink:0; width:45%; } #ceo .greeting-box { gap:80px; } #ceo .greeting-box .txtbox dd { margin-top:50px; } #ceo .greeting-box .txtbox dd p:not(:last-child) { margin-bottom:30px; } #ceo .greeting-box .txtbox dd p br { display:none } } @media screen and (max-width:1200px){ #ceo .greeting-box { gap:40px; } #ceo .greeting-box .txtbox dd { margin-top:40px; } #ceo .greeting-box .txtbox dd p:not(:last-child) { margin-bottom:20px; } } @media screen and (max-width:1024px){ #ceo .greeting-box { flex-wrap:wrap; gap:30px; } #ceo .greeting-box .imgbox { width:100%; } #ceo .greeting-box .txtbox dd { margin-top:30px; } } .inquiry-box .des { text-align:center; padding:60px 0; background:#f8f8f8; border-radius:20px; } .inquiry-box .des .txt { color:#111; font-weight:300; line-height:1.5; letter-spacing:-0.38px; } .inquiry-box .des ul { margin-top:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 60px; } .inquiry-box .des ul li { color:#333; font-weight:400; line-height:1.5; letter-spacing:-0.38px; } .inquiry-box .des ul li strong { color:#111; font-weight:500; } .inquiry-box .des ul li span { color:#333; font-weight:300; } .inquiry-box .list-box { margin-top:100px; display:flex; flex-wrap:wrap; gap:30px; } .inquiry-box .list-box .box { width:calc((100% - 60px) / 3); } .inquiry-box .list-box .box thead th { height:77px; background:var(--mainC); font-size:19px; color:#fff; font-weight:500; line-height:1.3; letter-spacing:-0.38px; border-left:2px solid rgba(255, 255, 255, 0.10); border-bottom:2px solid #fff; } .inquiry-box .list-box .box thead th:first-child { border-left:none; } .inquiry-box .list-box .box tbody th, .inquiry-box .list-box .box tbody td { height:88px; border:2px solid #fff; border-width:0 0 2px 2px; text-align:center; font-size:19px; color:#333; font-weight:300; line-height:1.3; letter-spacing:-0.38px; background:#f8f8f8; } .inquiry-box .list-box .box tbody th { border-left:none; } .inquiry-box .list-box .box thead th:first-child.firstTL, .inquiry-box .list-box .box tbody th:first-child.firstTL, .inquiry-box .list-box .box tbody td:first-child.firstTL { border-radius:10px 0 0 0; } .inquiry-box .list-box .box thead th:first-child.firstBL, .inquiry-box .list-box .box tbody th:first-child.firstBL, .inquiry-box .list-box .box tbody td:first-child.firstBL { border-radius:0 0 0 10px; } .inquiry-box .list-box .box thead th:first-child.firstAL, .inquiry-box .list-box .box tbody th:first-child.firstAL, .inquiry-box .list-box .box tbody td:first-child.firstAL { border-radius:10px 0 0 10px; } .inquiry-box .list-box .box thead th:last-child.lastTL, .inquiry-box .list-box .box tbody th:last-child.lastTL, .inquiry-box .list-box .box tbody td:last-child.lastTL { border-radius:0 10px 0 0; } .inquiry-box .list-box .box thead th:last-child.lastBL, .inquiry-box .list-box .box tbody th:last-child.lastBL, .inquiry-box .list-box .box tbody td:last-child.lastBL { border-radius:0 0 10px 0; } .inquiry-box .list-box .box thead th:last-child.lastAL, .inquiry-box .list-box .box tbody th:last-child.lastAL, .inquiry-box .list-box .box tbody td:last-child.lastAL { border-radius:0 10px 10px 0; } @media screen and (max-width:1400px){ .inquiry-box .list-box { gap:20px; } .inquiry-box .list-box .box { width:calc((100% - 40px) / 3); } } @media screen and (max-width:1024px){ .inquiry-box .des { padding:40px 0; } .inquiry-box .des ul { margin-top:20px; gap:15px 30px; } .inquiry-box .list-box { margin-top:50px; gap:20px; } .inquiry-box .list-box .box { width:100%; } .inquiry-box .list-box .box thead th { height:60px; font-size:17px; } .inquiry-box .list-box .box tbody th, .inquiry-box .list-box .box tbody td { height:65px; font-size:17px; } } .products_pop{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:-11; opacity:0; visibility:hidden; transition:all 0.1s; } .products_pop.on { opacity:1; visibility:visible; z-index:9999; transition:all 0.3s; } .products_pop > .bg { position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); } .products_pop .pop_body { position:absolute; left:50%; top:50%; transform:translate(calc(-50% - 0.5px), calc(-50% - 0.5px)); z-index:22; width:100%; max-width:860px; background-color:#fff; border:none; border-radius:20px; overflow:hidden; } .products_pop .pop_body .scroll-box { height:100%; overflow:auto; } .products_pop .pop_body .popCont { position:relative; height:calc(100dvh - 100px); padding:50px 20px 120px 50px; } .products_pop .pop_body .registerBox { height:100%; padding-right:20px; } .products_pop .pop_body .registerBox .ipbox:not(:last-child) { margin-bottom:100px; } .products_pop .pop_body .registerBox .ipbox .top-box { display:flex; justify-content:space-between; padding-bottom:20px; align-items:flex-end; border-bottom:1px dashed #aaa; } .products_pop .pop_body .registerBox .ipbox .top-box h4 { color:#111; font-weight:600; line-height:1.3; letter-spacing:-0.62px; } .products_pop .pop_body .registerBox .ipbox .top-box .txt-r { font-size:17px; color:#333; font-weight:300; line-height:1.3; letter-spacing:-0.62px; padding-bottom:4px; } .products_pop .pop_body .registerBox .ipbox .top-box .txt-r span { color:#fd0000; } .products_pop .pop_body .registerBox .ipbox .ipCont { margin-top:40px; display:flex; gap:20px; flex-wrap:wrap; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl { width:calc((100% - 20px) / 2); } .products_pop .pop_body .registerBox .ipbox .ipCont > dl.full { width:100%; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dt { font-size:17px; color:#111; font-weight:500; line-height:1.3; letter-spacing:-0.34px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dt span { color:#fd0000; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd { margin-top:10px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd input[type="text"] { border-radius:5px; background:#f8f8f8; padding:0 30px; height:55px; color:#222; width:100%; border:2px solid #f8f8f8; transition:all 0.3s; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd input[type="text"]::placeholder { color:#aaa; font-weight:300; letter-spacing:-0.34px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd input[type="text"]:focus { border:2px solid var(--mainC); background:#fff; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd textarea { border-radius:5px; background:#f8f8f8; padding:30px; height:150px; color:#222; width:100%; border:2px solid #f8f8f8; transition:all 0.3s; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd textarea::placeholder { color:#aaa; font-weight:300; letter-spacing:-0.34px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd textarea:focus { border:2px solid var(--mainC); background:#fff; } .products_pop .pop_body .registerBox .ipbox .ipCont .ch-box { display:flex; flex-wrap:wrap; gap:10px 20px; margin:15px 0 5px; } .products_pop .pop_body .registerBox .ipbox .ipCont .ch { position:relative; display:flex; align-items:center; flex-wrap:wrap; gap:10px 20px; } .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="checkbox"], .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="radio"] { position:absolute; left:0; top:3px; opacity:0; height:auto; } .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="checkbox"] + span, .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="radio"] + span { position:relative; padding:0 0 0 30px; font-weight:300; font-size:16px; line-height:1.3; display:inline-block; color:#111; } .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="checkbox"] + span:before, .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="radio"] + span:before { content:''; display:block; width:20px; height:20px; vertical-align:middle; transition:all 0.3s; background:url(/img/sub/ch_off.png) no-repeat center/ cover; position:absolute; left:0; top:0; } .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="checkbox"]:checked + span:before, .products_pop .pop_body .registerBox .ipbox .ipCont .ch input[type="radio"]:checked + span:before { background:url(/img/sub/ch_on.png) no-repeat center/ cover; } .products_pop .pop_body .registerBox .ipbox .ipCont .chk-box .ch input[type="checkbox"] + span, .products_pop .pop_body .registerBox .ipbox .ipCont .chk-box .ch input[type="radio"] + span { font-size:17px; font-weight:500; } .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box { padding:30px; overflow:auto; height:150px; background:#f8f8f8; border-radius:5px; } .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box dt { font-size:17px; color:#333; font-weight:500; line-height:1.3; letter-spacing:-0.34px;} .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box dd { margin:10px 0 15px; font-size:17px; color:#555; font-weight:300; line-height:1.3; letter-spacing:-0.34px; } .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box li:not(:last-child) { margin-bottom:5px; } .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box li { font-size:17px; color:#555; font-weight:300; line-height:1.3; letter-spacing:-0.34px; } .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box p { margin-top:10px; font-size:17px; color:var(--mainC); font-weight:300; line-height:1.3; letter-spacing:-0.34px; } .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box p a { color:var(--mainC); } .products_pop .pop_body .registerBox .ipbox .ipCont .file-box input[type="file"] { display:none; } .products_pop .pop_body .registerBox .ipbox .ipCont .file-box label { display:flex; gap:5px; } .products_pop .pop_body .registerBox .ipbox .ipCont .file-box label span { display:flex; align-items:center; height:55px; } .products_pop .pop_body .registerBox .ipbox .ipCont .file-box label .txt { width:100%; padding:0 30px; background:#f8f8f8; border-radius:5px; } .products_pop .pop_body .registerBox .ipbox .ipCont .file-box label .btn { justify-content:center; flex-shrink:0; width:105px; border-radius:5px; background:#222; font-size:17px; color:#fff; font-weight:600; line-height:1.3; } .products_pop .pop_body .registerBox .captcha-box { display:flex; gap:5px; } .products_pop .pop_body .registerBox .captcha-box figure { width:150px; flex-shrink:0; } .products_pop .pop_body .registerBox .captcha-box figure img { width:156px; height:55px; border-radius:5px; } .products_pop .pop_body .registerBox .captcha-box button[type="button"] { flex-shrink:0; width:55px; height:55px; border-radius:5px; background:#222; } .products_pop .pop_body .btnbox { position:absolute; left:0; bottom:-1px; z-index:2; display:flex; width:calc(100% + 1px); } .products_pop .pop_body .btnbox .btn_close { width:50%; } .products_pop .pop_body .btnbox .btn_close a { height:85px; width:100%; display:flex; align-items:center; justify-content:center; background:#eee; font-size:19px; color:#aaa; font-weight:500; line-height:1.3; letter-spacing:-0.34px; } .products_pop .pop_body .btnbox button[type="submit"] { width:calc(50% + 1px); height:85px; background:var(--mainC); font-size:19px; color:#fff; font-weight:500; line-height:1.3; letter-spacing:-0.34px; } @media screen and (max-width:960px){ .products_pop .pop_body { position:absolute; left:20px; transform:translate(0, calc(-50% - 0.5px)); max-width:calc(100% - 40px); } .products_pop .pop_body .popCont { padding:30px 15px 90px 30px; } .products_pop .pop_body .registerBox { padding-right:15px; } .products_pop .pop_body .registerBox .ipbox:not(:last-child) { margin-bottom:80px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl { width:100%; } .products_pop .pop_body .btnbox .btn_close a { height:80px; } .products_pop .pop_body .btnbox button[type="submit"] { height:80px; } } @media screen and (max-width:640px){ .products_pop .pop_body .registerBox .ipbox:not(:last-child) { margin-bottom:40px; } .products_pop .pop_body .registerBox .ipbox .top-box { padding-bottom:10px; } .products_pop .pop_body .btnbox .btn_close a { height:60px; } .products_pop .pop_body .btnbox button[type="submit"] { height:60px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd input[type="text"], .products_pop .pop_body .registerBox .ipbox .ipCont .file-box label .txt { padding:0 20px; } .products_pop .pop_body .registerBox .ipbox .ipCont > dl > dd textarea, .products_pop .pop_body .registerBox .ipbox .ipCont .txt-box { padding:20px; } } #welfare .ctn-box-new { display:flex; flex-wrap:wrap; gap:20px; } #welfare .ctn-box-new .item-box{ width:calc((100% - 80px) / 5); min-height:400px; border-radius:20px; padding:60px 0 30px; background:#f8f8f8; text-align:center; } #welfare .ctn-box-new .item-box p.font21 { margin:30px 0 10px; color:#111; font-weight:500; line-height:1.5; letter-spacing:-0.42px; } #welfare .ctn-box-new .item-box p.font19 { color:#111; font-weight:300; line-height:1.5; letter-spacing:-0.38px; } @media screen and (max-width:1400px){ #welfare .ctn-box-new .item-box{ width:calc((100% - 60px) / 4); } } @media screen and (max-width:1200px){ #welfare .ctn-box-new .item-box{ width:calc((100% - 40px) / 3); padding:50px 10px 30px; min-height:320px; } } @media screen and (max-width:1024px){ #welfare .ctn-box-new { gap:10px; } #welfare .ctn-box-new .item-box{ width:calc((100% - 20px) / 3); padding:50px 20px 30px; min-height:320px; } #welfare .ctn-box-new .item-box figure img { width:120px; } #welfare .ctn-box-new .item-box p.font21 { margin:20px 0 5px; } #welfare .ctn-box-new .item-box p.font19 br { display:none } } @media screen and (max-width:640px){ #welfare .ctn-box-new .item-box{ width:calc((100% - 10px) / 2); padding:30px 10px 30px; min-height:auto; } #welfare .ctn-box-new .item-box figure img { width:90px; } #welfare .ctn-box-new .item-box p.font21 { margin:15px 0 5px; } }