@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;600;700;800;900&display=swap');

html {scroll-begavior:smooth;}
body {font-family: 'GalanoGrotesque', sans-serif;}
.kr {font-family:'noto sans kr';}
div {box-sizing:border-box;}
p,span {margin:0;line-height:normal;}
ul {margin:0;padding:0;}
li {box-sizing:border-box;list-style:none;}
a {text-decoration:none;color:#0a0a0a;display:block;-webkit-tap-highlight-color:transparent!important;
    box-sizing:border-box;}
a:hover {text-decoration:none;}
input {-webkit-tap-highlight-color:transparent !important;}
input:focus,input:active,textarea:focus {outline:none;}

.hoya_blud {background:#0067f5;color:#0067f5;}
.pd_wrap {padding-top:84px;overflow:hidden;}


/* FOOTER */
footer {padding:40px 0;}
.footer-container {width:1600px;max-width:none;align-items:flex-start;}
footer .footer_logo {width:160px;margin-right:10vw;}
footer .footer_logo img {width:100%;height:100%;object-fit:cover;}
.footer-section h4 {margin:0;}



.title_wrap {height:calc(100vh - 84px);position:relative;margin-bottom:40px;}
.title_wrap::before {content:'';width:5vw;height:5vw;position:absolute;bottom:0;right:0;border-radius:100vw;
    background:#4d80ff;z-index:-1;filter:blur(5vw);margin:0 -15vw -25vw 0;transition:all 2s ease;}
.title_wrap.show::before {width:55vw;height:55vw;transition-delay:0.8s;}
.title_box {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;padding:0 2vw;}
.title_box .title {font-size:9vw;font-weight:600;width:100%;letter-spacing:-4px;line-height:14vw;opacity:0;
    transition:all .8s linear;transform:translateY(30px);}
.title_box .title.right {text-align:right;}
.title_box .title.sub {font-size:5vw;line-height:10vw;}
.title_box p:nth-child(1).show {opacity:1;transform:translateY(0);}
.title_box p:nth-child(2).show {opacity:1;transform:translateY(0);transition-delay:.4s;}
.title_box p:nth-child(3).show {opacity:1;transform:translateY(0);transition-delay:.8s;}

.pd_wrap>section {width:calc(100% - 4vw);padding:40px 0;margin:0 2vw;border-bottom:1px solid #666;}
.section_tag {display:flex;margin:0 -6px 40px;}
.section_tag span {font-size:20px;padding:0 26px;line-height:42px;border-radius:100vw;
    border:1px solid white;color:white;margin:0 6px;}










@media (max-width:1800px) {
    .header-container {width:100%;padding:0 36px;}
    .footer-container {width:100%;padding:0 36px;}
}

@media (max-width:1600px) {
    .service_ul li .cont {width:100%;}
	.service_ul li .cont img {width:90%;height:auto;}
    .text_banner .icon {font-size:56px;}
    .text_banner p {font-size:60px;}
    .text_banner span {font-size:34px;}
}

@media (max-width:1200px) {
    .text_banner .icon {font-size:46px;}
    .text_banner p {font-size:50px;}
    .text_banner span {font-size:26px;}
    section.list>ul {width:calc(100% - 400px);}
    section.list .list_img div {width:calc(100% - 400px);}
    section.list>ul .acd_icon {width:20px;height:20px;margin-top:-10px;}
}

@media (max-width:991px) {
    .logo img {height:42px;}
    .pd_wrap {padding-top:72px;}
    .title_wrap {height:calc(100vh - 72px);}
    .service_ul li {padding:14px;}
    .service_ul li .subj {font-size:3vw;line-height:4.556vw;}
    .service_ul li .subj span {font-size:2.5vw;}
    .service_ul li .art {font-size:14px;}
    .service_ul li img {width:100%;}
    .text_banner .icon {font-size:34px;margin-bottom:40px;}
    .text_banner .icon::before {width:60px;margin-right:6px;}
    .text_banner p {font-size:34px;letter-spacing:-1px;}
    .text_banner span {font-size:24px;}
    section.list>ul {width:100%;padding-top:20px;}
    section.list>ul button {font-size:20px;line-height:60px;}
    section.list>ul .acd_cont {font-size:14px;padding:0 0 20px 60px;}
    section.list .list_img div {width:100%;}
    .footer-container {display:block;}
    footer .footer_logo {margin:0;width:160px;}
    .footer-section {margin:20px 0;}
    .footer-section h4 {font-size:18px;}
    .footer-section h4::after {content:'';display:block;width:14px;height:1px;background:#666;margin:10px 0;}
    .footer-section ul {padding:0;}
    .footer-section ul a {display:block;font-size:14px;color:#666!important;font-weight:400;}
}

@media (max-width:600px) {
    header {height:auto;padding:6px 16px;width:100%;box-sizing:border-box;}
    .header-container {padding:0;align-items:center;}
    .logo a {height:32px;}
    .logo img {height:32px;}
    .pd_wrap {padding-top:52px;}
    .title_wrap {height:calc(60vh - 52px);}
    .title_box {padding:0 16px;}
    .title_box .title {letter-spacing:-1px;}
    .pd_wrap>section {width:calc(100% - 32px);margin:0 16px;}
    .section_tag {margin:0 -4px 20px;}
    .section_tag span {font-size:14px;padding:0 16px;line-height:30px;margin:0 4px;}
    .service_ul li {width:100%;padding:10px 0;justify-content:center!important;}
    .service_ul li .subj {font-size:18px;line-height:30px;text-align:center;}
    .service_ul li .subj span {font-size:16px;}
    .service_ul li .art {text-align:center;}
    .service_ul li img {width:100%;max-width:280px;margin:20px auto;}
    .text_banner {padding:20px 16px 40px;}
    .text_banner .icon {font-size:26px;margin-bottom:20px;}
    .text_banner .icon::before {width:44px;margin-right:4px;}
    .text_banner p {font-size:20px;letter-spacing:-1px;}
    .text_banner span {font-size:16px;}
    section.list .slide_banner {margin:40px 0 -24px;padding-top:14px;}
    section.list .slide_banner p {font-size:34px;}
    footer {padding:40px 0 0;}
    .footer-container {padding:0 16px;}
}


.txt-bold {
    font-size: 1.25em; /* 글자 크기를 1.25배로 증가 */
    font-weight: bold; /* 글자 굵기를 bold로 설정 */
}

.list-img {
    height: 50%;
    width: 50%;
    padding: 10%;
}

.service_ul.link_ul {
    width: 100%;
    display: flex !important;
    justify-content: space-evenly !important;
}
.service_ul.link_ul li {
    width: auto !important;
    border: 0 !important;
    /* border-color: white !important; */
    /* border: 2px dashed white !important; */
}
.service_ul.link_ul li a {
    box-shadow: 0 0 16px rgba(255, 255, 255, 0.5); 
}
.service_ul.link_ul li a {
    /* background-color: #4d80ff; */
    background-color: #0067f5;
}
.service_ul.link_ul li a.lmb-color2 {
    background-color: #0067f5;
}