@import "fonts.css";
*{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1.4;word-break:break-all;padding:0;margin:0;box-sizing:border-box;}
html, body{height:100%;color:#222;font-family:"Noto Sans CJK KR", sans-serif;font-size:18px;font-weight:400;}
body{height:auto;overflow-x:hidden;overflow-y:auto;}
ul{list-style:none;}
a{display:inline-block;text-decoration:none;line-height:1;}
span{display:inline-block;}
pre{white-space:pre-line;}
pre span{font-size:20px;font-weight:600;}
pre a{color:initial;text-decoration:underline;}
table{border:1px solid #000;border-collapse:collapse;}
th, td{border:1px solid #000;padding:10px;}
img{max-width:100%;object-fit:cover;}
button{background:none;border:0;cursor:pointer;}
fieldset{border:0;}
label{cursor:pointer;}
input{width:100%;border:0;padding:15px 12px;}
*::placeholder{color:#767676;}
textarea{width:100%;border:0;padding:15px 12px;resize:none;}
iframe{width:100%;height:710px;border:0;}
section{width:100%;position:relative;}
section + section{margin-top:190px;}
select{width:100%;background:#fff;color:#393939;font-size:14px;font-weight:500;line-height:1;border:0;padding:15px 16px;appearance:none;}
.document-download{display:block;color:#393939;font-size:14px;font-weight:500;line-height:1;border:1px solid #dadada;padding:14px 16px;position:relative;}
.document-download:after{content:"";width:16px;height:16px;background:url("/resources/img/icons/icon_download.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:24px;transform:translateY(-50%);}
h2{font-size:80px;font-weight:600;}
h3{font-size:56px;font-weight:600;}
h4{font-size:44px;font-weight:600;}
h5{font-size:32px;font-weight:600;}
.mob{display:none;}
@media (max-width:1440px){
    iframe{height:35vw;}
    section + section{margin-top:100px;}
    h3{font-size:4.6vw;}
    h4{font-size:3vw;}
}

@media (max-width:767px){
    input{font-size:14px;padding:6px 2px;}
    iframe{height:250px;}
    section + section{margin-top:70px;}
    .dropdown:after{width:14px;height:14px;}
    select{font-size:12px;padding:11px 20px;}
    .document-download{font-size:12px;padding:11px 20px;}
    h3{font-size:25px;}
    h4{font-size:24px;}
    .mob{display:block;}
    .pc{display:none;}
}

/* layout */
.container.main ~ #footer{margin-top:0;}
.container.sub{padding-top:130px;}
.inner-wrap{max-width:1500px;padding:0 16px;margin:0 auto;}

@media (max-width:1440px){
    .container.sub{padding-top:70px;}
}

@media (max-width:767px){
    .container.sub{padding-top:30px;}
}

/* 주요 텍스트 요소 */
.title-box{position:relative;}
.title-box .guide{font-size:36px;font-weight:600;margin-bottom:30px;}
.title-box h3 span{color:#18289a;}
.title-box h4{font-size:48px;}
.title-box p{color:#767676;font-size:24px;font-weight:500;margin-top:24px;}
.big-info-text{color:#f8f8f8;font-size:240px;font-weight:600;line-height:1;letter-spacing:-3px;padding:0 34px;}
.important{color:#19289b;font-size:16px;font-weight:500;text-align:right;}
.danger{color:#f00!important;}

@media (max-width:1440px){
    .title-box .guide{font-size:2.4vw;}
    .title-box h4{font-size:3.4vw;}
    .title-box p{font-size:1.6vw;}
    .big-info-text{font-size:15vw;}
    .important{font-size:2vw;}
}

@media (max-width:767px){
    .title-box .guide{font-size:16px;margin-bottom:8px;}
    .title-box h4{font-size:20px;}
    .title-box p{font-size:16px;margin-top:16px;}
    .big-info-text{display:none;}
    .important{font-size:12px;}
}

/* 드롭다운 */
.dropdown{position:relative;}
.dropdown:after{content:"";width:16px;height:16px;background:url("/resources/img/icons/icon_select_arrow.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:20px;transform:translateY(-50%);}
.dropdown .btn{width:100%;background:#fff;display:flex;color:#393939;font-size:14px;font-weight:500;border:1px solid #000;padding:14px 20px;position:relative;}
.dropdown ul{width:100%;background:#fff;display:none;padding-bottom:20px;border:1px solid #000;border-bottom-width:0;position:absolute;bottom:calc(100% - 1px);left:0;}
.dropdown ul:after{content:"";width:calc(100% - 40px);height:1px;background:#000;position:absolute;bottom:0;left:20px;}
.dropdown ul a{display:block;font-size:14px;padding:10px 20px;}

.dropdown.open:after{transform:translateY(-50%) rotate(0.5turn);}
.dropdown.open ul{display:block;}

/* 작성자 부분 */
.writer{display:flex;margin-bottom:16px;}
.writer > span{padding-right:16px;margin-right:16px;position:relative;}
.writer > span:last-child{padding-right:0;margin-right:0;}
.writer > span:after{content:"";width:1px;height:12px;background:#222;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.writer > span:last-child:after{display:none;}

@media (max-width:1440px){
    .writer > span{font-size:1.6vw;}
}

@media (max-width:767px){
    .writer > span{font-size:12px;padding-right:10px;margin-right:10px;}
}

/* 더보기 관련 */
.more-link{display:flex;align-items:center;margin-top:30px;}
.more-link a{color:#4b4b4b;font-size:24px;font-weight:400;padding-right:28px;position:relative;}
.more-link a:after{content:"";width:20px;height:20px;background:url("/resources/img/icons/icon_more.svg") no-repeat;background-size:100%;position:absolute;top:calc(50% + 4px);right:0;transform:translateY(-50%);}
.more-link a span{position:relative;z-index:2;transition:color 300ms}
.dark-btn{width:186px;background:#222;display:block;color:#fff;font-size:16px;font-weight:600;border-radius:34px;padding:12px 10px;margin:100px auto 0;}
.more-list .list-in-wrap{position:relative;}

@media (max-width:1440px){
    .more-link{margin-top:30px;}
    .more-link a{font-size:1.6vw;}
    .more-link a span:before{width:4.2vw;height:4.2vw;left:-11px;}
}

@media (max-width:767px){
    .more-link{margin-top:10px;}
    .more-link a{font-size:12px;}
    .more-link a span:before{width:36px;height:36px;left:-11px;}
    .more-link a:after{top:calc(50% + 1px);}
    .dark-btn{width:124px;font-size:12px;font-weight:500;padding:10px;margin-top:36px;}
}

/* popup */
.popup{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:1001;transition:opacity 200ms;pointer-events:none;}
.popup.on{opacity:1;pointer-events:auto;}
.pop-box{max-width:95%;max-height:95%;width:1280px;height:768px;background:#fff;display:flex;border-radius:18px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);overflow:hidden;box-shadow:rgba(50, 50, 50, 0.3) 0 8px 60px 30px;}
.pop-box .infos{flex:1;padding:120px 60px 100px 80px;}
.popup .close-btn{width:26px;height:26px;background:url("/resources/img/icons/icon_close_btn.svg") no-repeat;background-size:100%;position:absolute;top:40px;right:40px;}
.pop-box .pop-title h2{font-size:48px;position:relative;}
.pop-box .pop-title h2:before{content:"";width:48px;height:8px;background:#19289b;position:absolute;top:-16px;left:0;}
.pop-box .project-info{display:flex;margin-top:50px;}
.pop-box .project-info > div{flex:1;}
.pop-box .project-info .inner{margin-bottom:24px;}
.pop-box .project-info .inner:last-child{margin-bottom:0;}
.pop-box .project-info .inner h4{font-size:22px;margin-bottom:8px;}
.pop-box .project-info .inner p{color:#4b4b4b;}
.pop-box .project-info .inner p + p{margin-top:16px;}
.pop-box .img{width:450px;display:flex;overflow:hidden;}

.popup.policy_pop .pop-box{width:820px;height:auto;border-radius:0;}
.popup.policy_pop.pop2 .pop-box{width:1100px;height:auto;}
.popup.policy_pop .infos{padding:80px 80px 60px;position:relative;overflow-y:auto;}
.popup .close-btn{width:26px;height:26px;background:url("/resources/img/icons/icon_close_btn.svg") no-repeat;background-size:100%;position:absolute;top:40px;right:40px;}
.popup.policy_pop .pop-box .pop-title{margin-bottom:20px;}
.popup.policy_pop .pop-box .pop-title h2{font-size:32px;}
.popup.policy_pop .pop-box .pop-title h2:before{display:none;}
.popup.policy_pop .pop-info p{font-size:20px;}
.popup.policy_pop .pop-info p span{color:#4b4b4b;}

@media (max-width:1440px){
    .pop-box{width:100%;height:auto;}
    .pop-box .infos{padding:8vw 4vw;}
    .pop-box .pop-title h2{font-size:3vw;}
    .pop-box .project-info .inner h4{font-size:1.7vw;}
    .pop-box .project-info .inner p{font-size:1.4vw;}
    .pop-box .img{width:40vw;}
    .pop-box .img img{width:100%;height:100%;}
}

@media (max-width:767px){
    .popup.policy_pop .infos{padding:60px 20px 30px;}
    .popup.policy_pop .close-btn{top:20px;right:20px;}
    .popup.policy_pop .pop-box .pop-title h2{font-size:26px;}
    .popup.policy_pop .pop-info p{font-size:16px;}
}

.popup.detail{opacity:1;background:none;position:static;pointer-events:auto;}
.popup.detail .pop-box{width:100%;height:auto;display:block;border-radius:0;padding-top:50px;position:static;transform:none;box-shadow:none;}
.popup.detail .pop-box .pop-title h2{font-size:24px;}
.popup.detail .pop-box .pop-title h2:before{width:24px;height:4px;top:-12px;}
.popup.detail .pop-box .project-info .in-wrap{display:flex;gap:8px;}
.popup.detail .pop-box .project-info .in-wrap .inner{flex:1;margin-bottom:32px;}
.popup.detail .pop-box .project-info .inner h4{font-size:16px;}
.popup.detail .pop-box .project-info .inner p{font-size:16px;}
.popup.detail .pop-box .img{width:100%;height:auto;border-radius:18px;margin-top:60px;}

/* 말줄임표 */
.ellipsis1{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.ellipsis2{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ellipsis3{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

/* swiper custom */
section .slide-btn{width:80px;height:80px;position:absolute;top:50%;z-index:10;transform:translateY(-50%);cursor:pointer;}
section .prev{background:url("/resources/img/icons/icon_slide_left_btn.svg") no-repeat;background-size:100%;left:15%;}
section .next{background:url("/resources/img/icons/icon_slide_right_btn.svg") no-repeat;background-size:100%;right:15%;}

.slider-indicator{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:52px;}
.slider-indicator p{font-size:24px;}
.slider-indicator .progress-bar{width:220px;height:4px;background:#d9d9d9;border-radius:20px;position:relative;overflow:hidden;}

/* header */
#header{width:100%;height:120px;background:#fff;display:grid;align-content:center;border-bottom:1px solid transparent;padding:0 20px;position:sticky;top:0;left:0;z-index:100;}
#header.scrolled{border-bottom-color:#ddd;}
header:before{opacity:0;content:"";width:100%;height:100%;background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;pointer-events:none;transition:opacity 200ms;}
header .inner-wrap{max-width:1672px;width:100%;padding:0;}
header .header-inner{display:flex;justify-content:space-between;align-items:center;}
header .header-inner > div{display:flex;align-items:center;}
header .menus ul{display:flex;gap:70px;}
header .menus ul > li a{display:block;font-weight:600;padding:8px 20px;border-radius:20px;transition:background-color 200ms, color 200ms;}
header .menus ul > li a:hover{color:#19289B;}
header .menus ul > li a.on{color:#19289B;}
header .close-btn{width:26px;height:26px;background:url("/resources/img/icons/icon_close_btn.svg") no-repeat;background-size:100%;display:none;position:absolute;top:13px;right:16px;}
header .ham-btn{width:26px;height:26px;background:url("/resources/img/icons/icon_ham_btn.svg") no-repeat;background-size:100%;display:none;}

@media (max-width:1440px){
    header .menus ul{gap:20px;}
    header .menus ul > li a{padding:8px 14px;}
}

@media (max-width:767px){
    #header{height:60px;}
    header .logo{width:34px;}
    header .menus{width:220px;height:100%;background:#fff;padding:84px 16px 13px;position:fixed;top:0;right:-100%;transition:right 200ms;}
    header .menus ul{display:block;margin:0 50px 0 20px;}
    header .menus ul > li + li{margin-top:36px;}
    header .menus ul > li a{padding:2px;}
    header .close-btn{display:block;}
    header .ham-btn{display:block;}

    header.on:before{opacity:1;pointer-events:auto;}
    header.on .menus{right:0;}
}

/* main top */
#top{height:calc(100vh - 120px);padding:0;}
.top-banner{width:100%;height:100%;}
.top-banner .swiper-slide{width:80%;display:flex;border-radius:82px;position:relative;overflow:hidden;}
.top-banner .swiper-slide img{width:100%;}
.top-banner .text{width:100%;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.top-banner h2{color:#fff;font-size:60px;font-weight:600;line-height:1;letter-spacing:-2px;}
.top-banner p{color:#fff;font-size:24px;font-weight:500;margin-top:40px;}

@media (max-width: 1440px){
    #top{height:auto;padding:0;}
    .top-banner h2{font-size:3.6vw;line-height:1.5;}
    .top-banner p{font-size:1.6vw;margin-top:3vw;}
}

@media (max-width: 767px){
    .top-banner .swiper-slide{height:500px;border-radius:18px;}
    .top-banner h2{font-size:5.6vw;padding:0 5px;}
    .top-banner p{font-size:4.2vw;padding:0 5px;margin-top:3vw;}
}

/* about */
.about-info{display:flex;justify-content:flex-end;color:#b4b4b4;font-size:48px;font-weight:600;padding-left:186px;margin-top:-60px;}
.about-info > div{position:relative;}
.about-info > div:before{content:"";width:150px;height:1px;background:#222;position:absolute;top:30px;left:-186px;}
.about-info span{display:inline;color:#222;word-break:break-all;}

@media (max-width:1440px){
    .about-info{font-size:3.6vw;margin-top:50px;}
}

@media (max-width: 767px){
    .about-info{margin-top:60px;font-size:20px;padding-left:90px;}
    .about-info > div:before{width:58px;top:14px;left:-70px;}
}

/* about 페이지 */
.about-vision{display:flex;column-gap:40px;margin-top:60px;position:relative;}
.about-vision .img{display:flex;align-items:flex-end;}
.about-vision .img > img.pc{width:690px;}
.about-vision h4{letter-spacing:-2px;}
.about-vision .vision-box{width:calc(100% - 720px);}
.about-vision .vision-box p{font-size:20px;font-weight:500;letter-spacing:-1px;margin-top:50px;}
.about-vision .vision-box p + p{margin-top:30px;}
.about-vision .vision-box p.ceo{font-size:20px;text-align:right;position:absolute;right:0;bottom:-60px;}
.about-vision .vision-box p.ceo span{font-size:28px;font-weight:500;margin-left:4px;}

#companyInfo .big-info-text{line-height:1.6;}
#companyInfo .title-box{margin-top:230px;}
.company-info-list ul{display:flex;justify-content:space-around;align-items:center;margin-top:120px;}
.company-info-list ul > li .icon-box .img{width:144px;height:144px;display:grid;margin:0 auto;}
.company-info-list ul > li .icon-box .img img{width:100%;}
.company-info-list ul > li .icon-box p{font-size:24px;font-weight:500;text-align:center;margin-top:38px;}
/*.company-info-list ul > li .inner{margin-top:30px;}*/
.company-info-list ul > li .inner h5{font-size:32px;font-weight:600;text-align:center;}
.company-info-list ul > li .inner h5 span{font-size:60px;line-height:1;}
.company-info-list ul > li .inner p{color:#767676;font-size:24px;font-weight:500;text-align:center;margin-top:8px;}

#history .title-box{margin-bottom:50px;}
#history .years-wrap{padding:70px 0;}
#history .year-box{display:flex;align-items:flex-start;padding-left:50px;}
#history .year-box + .year-box{margin-top:240px;}
#history .year-box .year{font-size:36px;font-weight:600;margin-right:250px;position:relative;}
#history .year-box .year:after{content:"";width:172px;height:1px;background:#222;position:absolute;top:50%;left:calc(100% + 38px);transform:translateY(-50%);}
#history .year-box:nth-child(2n) .big-info-text{bottom:-120px;right:auto;left:-550px;}
.history-list{flex:1;position:relative;}
.history-list ul > li{padding-top:10px;}
.history-list ul > li + li{padding-top:24px;}
.history-list ul > li .inner{display:flex;justify-content:space-between;}
.history-list ul > li .inner p{font-size:20px;font-weight:500;}
.history-list .big-info-text{position:absolute;right:-160px;bottom:80px;z-index:-1;}

@media (max-width:1440px){
    .about-vision{margin-top:40px;}
    .about-vision .img{width:55%;align-items:center;}
    .about-vision .vision-box{flex:1;}
    .about-vision .vision-box p{font-size:1.7vw;margin-top:20px;}
    .about-vision .vision-box p.ceo{bottom:2vw;}

    #companyInfo .big-info-text{line-height:inherit;}
    #companyInfo .title-box{margin-top:60px;}
    .company-info-list ul{margin-top:60px;}
    .company-info-list ul > li .icon-box .img{width:72px;height:72px;}
    .company-info-list ul > li .icon-box p{font-size:2vw;margin-top:16px;}
    .company-info-list ul > li .inner{margin-top:16px;}
    .company-info-list ul > li .inner h5{font-size:3vw;}
    .company-info-list ul > li .inner h5 span{font-size:3.9vw;}
    .company-info-list ul > li .inner p{font-size:2.2vw;}

    #history .title-box{margin-bottom:20px;}
    #history .years-wrap{padding:0;}
    #history .year-box{display:block;padding-left:0;}
    #history .year-box + .year-box{margin-top:180px;}
    #history .year-box .year{font-size:4.4vw;}
    #history .year-box .year:after{left:calc(100% + 16px);}
    #history .year-box:nth-child(2n) .big-info-text{left:-22px;bottom:-20px;}
    .history-list .list-in-wrap{margin-top:24px;}
    .history-list ul > li + li{padding-top:0;margin-top:12px;}
    .history-list ul > li:first-child{padding-top:0;}
    .history-list ul > li .inner p{font-size:2.6vw;}
    .history-list .big-info-text{right:0;bottom:0;}
}

@media (max-width:767px){
    .about-vision{flex-direction:column;margin-top:40px;}
    .about-vision .img{width:100%;order:-1;}
    .about-vision .vision-box{width:100%;padding:0;margin-top:24px;}
    .about-vision .vision-box h4{font-size:7vw;}
    .about-vision .vision-box p{font-size:20px;font-weight:400;margin-top:30px;}
    .about-vision .vision-box p:nth-of-type(1){margin-top:25px;}
    .about-vision .vision-box p.ceo{font-size:16px;text-align:right;position:static;}
    .about-vision .vision-box p.ceo span{}

    #companyInfo{margin-top:90px;}
    #companyInfo .title-box{margin-top:0;}
    .company-info-list ul{display:grid;gap:60px;grid-template-columns:repeat(2, 1fr);padding-bottom:45px;margin-top:45px;}
    .company-info-list ul > li .icon-box .img{width:64px;height:64px;}
    .company-info-list ul > li .icon-box p{font-size:14px;margin-top:6px;}
    .company-info-list ul > li .inner{margin-top:12px;}
    .company-info-list ul > li .inner h5{font-size:12px;}
    .company-info-list ul > li .inner h5 span{font-size:24px;}
    .company-info-list ul > li .inner p{font-size:16px;margin-top:6px;}

    #history{margin-top:90px;}
    #history .title-box{margin-bottom:50px;}
    #history .year-box + .year-box{margin-top:130px;}
    #history .year-box .year{font-size:16px;}
    .history-list ul > li .inner p{font-size:16px;}
    .history-list ul > li .inner p:last-child{display:none;}

    #history ~ #contact{margin-top:150px;}
}

/* main service */
#service .big-info-text{margin-bottom:190px;}
.service-clicker{margin-top:32px;}
.service-clicker ul{display:flex;gap:50px;}
.service-clicker ul > li button{display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:500;white-space:nowrap;border-radius:100px;padding:14px 60px;transition:background-color 200ms, color 200ms;}
.service-clicker ul > li button.on{background:#000;color:#fff;}

.slide-wrap{margin-top:145px;}
.business-slider{width:100%;}
.business-slider .swiper-wrapper{align-items:center;}
.business-slider .swiper-slide{width:916px;transition-property:width, transform;}
.business-slider .swiper-slide img{width:100%;}

@media (max-width:1440px){
    .service-clicker ul{gap:2vw;}
    .service-clicker ul > li button{font-size:1.7vw;padding:12px 4vw;}

    .slide-wrap{margin-top:80px;}
    .business-slider .swiper-slide{width:70vw;}
}

@media (max-width:767px){
    .service-clicker{margin:20px -16px 0 0;overflow-x:auto;}
    .service-clicker::-webkit-scrollbar{display:none;}
    .service-clicker ul{gap:0;}
    .service-clicker ul > li button{font-size:12px;padding:8px 20px;}

    .slide-wrap{margin-top:20px;}
    .business-slider .slide-btn{display:none;}
    .business-slider .swiper-slide{width:70%;}
    .business-slider .swiper-slide img{height:100%;}
}

/* main project */
#project .big-info-text{position:absolute;right:0;bottom:-80px;}

.work-list{margin-top:100px;}
.work-list ul{display:grid;gap:28px;grid-template-columns:repeat(3, 1fr);}
.work-list ul li{display:flex;border-radius:52px;overflow:hidden;position:relative;}
.work-list ul li:hover .work-info{opacity:1;}
.work-list ul li img{cursor:pointer;}
.work-info{opacity:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;padding:44px 33px;position:absolute;top:0;left:0;z-index:1;transition:opacity 200ms;pointer-events:none;}
.work-info:hover{opacity:1;}
.work-info span{margin-bottom:18px;}
.work-info p{position:absolute;bottom:35px;left:33px;}

@media (max-width:1440px){
    #project .big-info-text{bottom:0;}

    .work-list{margin-top:100px;}
    .work-list ul{gap:2vw;}
    .work-list ul li{border-radius:18px;}
}

@media (max-width:767px){
    .work-list{margin-top:56px;}
    .work-list ul{gap:8px;grid-template-columns:repeat(2, 1fr);}
    .work-list ul li{border-radius:18px;}
    .work-list ul li:hover .work-info{display:none;}
}

/* work페이지 */
#projectPage .work-list{margin-top:80px;}

@media (max-width:767px){
    #projectPage .work-list{margin-top:60px;}
}

/* main news */
#news{height:1080px;background:#f8f8f8;padding:160px 0;}
#news .inner-wrap{height:100%;}
.news-wrap{height:100%;}
.news-wrap .slider-event-wrap{display:flex;align-items:center;position:absolute;bottom:0;left:0;}
.news-wrap .slider-indicator{margin-top:0;}
.news-wrap .slide-btn{margin-left:28px;position:static;transform:none;}
.news-wrap .prev{width:16px;height:16px;background:url("/resources/img/icons/icon_slide_left_btn_small.svg") no-repeat;background-size:100%;}
.news-wrap .next{width:16px;height:16px;background:url("/resources/img/icons/icon_slide_right_btn_small.svg") no-repeat;background-size:100%;}
.news-wrap .news-slider{width:100%;height:588px;padding:30px 20px 30px 20px;margin:50px -20px 0;}
.news-wrap .news-slider a{height:100%;display:flex;flex-direction:column;}
.news-wrap .news-slider .img{display:flex;align-items:flex-start;overflow:hidden;}
.news-wrap .news-slider .img img{width:100%;}
.news-wrap .news-slider .reports{width:100%;background:#fff;flex:1;border-radius:0 0 36px 36px;padding:28px 28px 28px;margin-left:auto;position:relative;box-shadow:rgba(225, 225, 225, 0.25) 3px 8px 20px 10px;}
.news-wrap .news-slider .reports .writer{margin-bottom:32px;}
.news-wrap .news-slider .reports h5{font-size:20px;font-weight:600;}
.news-wrap .news-slider .reports p{margin-top:16px;}
.news-wrap .news-slider .reports p + .writer{margin-top:16px;margin-bottom:0;}
.news-wrap .news-slider .reports .more-link{margin-top:18px;}
.news-wrap .news-slider .reports .more-link a{font-weight:500;}

@media (max-width:1440px){
    #news{height:auto;padding:56px 0 66px;}
    .news-wrap{display:block;}
    .news-wrap .news-slider{width:calc(100% + 32px);height:auto;padding-left:16px;margin:56px -16px 0;}
    .news-wrap .news-slider .swiper-slide{width:60vw;}
    .news-wrap .news-slider .img img{height:21.4vw;}
    .news-wrap .news-slider .reports{width:100%;border-radius:0 0 16px 16px;padding:3vw 14px 3vw;margin-top:0;}
    .news-wrap .news-slider .reports .writer{margin-bottom:16px;}
    .news-wrap .news-slider .reports h5{font-size:2vw;}
    .news-wrap .news-slider .reports p{font-size:1.6vw;margin-top:12px;}
    .news-wrap .news-slider .reports .more-link{display:none;}
}

@media (max-width:767px){
    #news{padding:40px 0;}
    .news-wrap .news-slider{margin-top:30px;}
    .news-wrap .news-slider .swiper-slide{width:48vw;}
    .news-wrap .news-slider .reports{padding:16px 10px;}
    .news-wrap .news-slider .writer{display:none;}
    .news-wrap .news-slider .reports h5{font-size:12px;}
    .news-wrap .news-slider .reports p{font-size:12px;margin-top:6px;}
}

/* news 페이지 */
.news-card-slider{max-width:1162px;height:410px;margin-top:220px;}
.news-card-slider .swiper-slide a{background:#f8f8f8;display:flex;border-radius:40px;overflow:hidden}
.news-card-slider .img{width:370px;}
.news-card-slider .img img{width:100%;height:100%;}
.news-card-slider .reports{flex:1;padding:84px 110px 84px 54px;}
.news-card-slider .writer{margin-bottom:22px;}
.news-card-slider h5{font-size:24px;margin-bottom:22px;}
.news-card-slider p + .writer{margin-top:16px;}
.news-card-slider .prev{width:64px;height:116px;background:url("/resources/img/icons/icon_news_card_left.svg") no-repeat;background-size:100%;left:0;}
.news-card-slider .next{width:64px;height:116px;background:url("/resources/img/icons/icon_news_card_right.svg") no-repeat;background-size:100%;right:0;}

#newsSearch{margin-top:90px;}
.search-box{display:flex;justify-content:center;align-items:center;margin-bottom:130px;}
.search-box .input{width:680px;border-bottom:2px solid #000;position:relative;}
.search-box .input input{padding-right:48px;}
.search-box .search-btn{width:26px;height:26px;background:url("/resources/img/icons/icon_search.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:16px;transform:translateY(-50%);}
.search-indicator{margin-bottom:16px;}
.search-indicator p{font-size:32px;font-weight:600;}
.search-indicator p span{color:#19289b;}
.search-list ul > li{border-bottom:1px solid #d9d9d9;}
.search-list ul > li > a{display:flex;align-items:center;gap:30px;padding:30px 0;}
.search-list ul > li .img{width:200px;height:200px;display:flex;justify-content:center;align-items:center;}
.search-list ul > li .img + div{flex:1;overflow:hidden;}
.search-list ul > li .writer{margin-bottom:18px;}
.search-list ul > li h4{font-size:20px;margin-bottom:32px;}
.search-list ul > li p + .writer{margin-top:16px;margin-bottom:0;}
.search-list ul > li .more-link{margin-top:40px;}
.search-list ul > li .more-link a{font-weight:500;}
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:60px;}
.pagination a, .pagination .btn{width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#000;}
.pagination .page-front{background:url("/resources/img/icons/icon_page_front.svg") no-repeat center;}
.pagination .page-prev{background:url("/resources/img/icons/icon_page_prev.svg") no-repeat center;}
.pagination .page-next{background:url("/resources/img/icons/icon_page_next.svg") no-repeat center;}
.pagination .page-last{background:url("/resources/img/icons/icon_page_last.svg") no-repeat center;}
.pagination ul{display:flex;align-items:center;gap:6px;}
.pagination ul li.on a{background:#000;color:#fff;}

@media (max-width:1440px){
    .news-card-slider{height:auto;margin-top:100px;}
    .news-card-slider .img{width:35vw;}
    .news-card-slider .reports{padding:4vw 100px 4vw 2vw;}
    .news-card-slider h5{font-size:2.2vw;}
    .news-card-slider p{font-size:1.7vw;}
    .news-card-slider .more-link a{font-size:1.6vw;}
}

@media (max-width:767px){
    .news-card-slider{display:none;}

    #newsSearch{margin-top:70px;}
    .search-box{margin-bottom:90px;}
    .search-box .input{width:100%;border-bottom-width:1px;}
    .search-box .search-btn{width:18px;height:18px;right:8px;}
    .search-indicator{margin-bottom:8px;}
    .search-indicator p{font-size:20px;}
    .search-list ul > li > a{gap:10px;padding:24px 0 18px;}
    .search-list ul > li > a > .img{min-width:100px;width:100px;height:100px;}
    .search-list ul > li .writer{margin-bottom:8px;}
    .search-list ul > li h4{font-size:16px;margin-bottom:8px;}
    .search-list ul > li p{font-size:14px;-webkit-line-clamp:4;}
    .search-list ul > li .more-link{margin-top:12px;}
    .pagination a{width:32px;height:32px;font-size:14px;}
    .pagination .btn{background-size:40%;}
}

/* news 상세 */
.container.news-detail{padding-top:90px;}
.news-header{border-bottom:1px solid #e5e5e5;padding-bottom:40px;}
.news-header > span{color:#4b4b4b;margin-bottom:4px;}
.news-header > h5{margin-bottom:8px;}
.news-header > .writer{color:#4b4b4b;font-size:16px;}
.news-body{border-bottom:1px solid #e5e5e5;padding:50px 0;}
.news-body .thumb{display:flex;justify-content:center;align-items:center;margin-bottom:40px;}
.news-body .thumb img{max-width:800px;width:100%;}
.news-body .highlight{color:#19289b;font-size:18px;font-weight:500;padding-left:20px;position:relative;}
.news-body .highlight:before{content:"+";position:absolute;left:0;}
.news-body .highlight + .highlight{margin-top:10px;}
.news-body .contents{white-space:pre-line;margin:30px 0 50px;}
.news-body .site-link{text-decoration:underline;}
.index-box .more-link{justify-content:flex-end;border-bottom:1px solid #e5e5e5;padding:50px 0;margin-top:0;}
.index-box .more-link a{font-size:18px;}
.index-box .more-link a:after{top:50%;}
.index-box .page-move{display:grid;border-bottom:1px solid #e5e5e5;padding:30px 0;}
.index-box .page-move a{padding:4px 0 4px 28px;position:relative;}
.index-box .page-move a:before{content:"▶";font-size:16px;position:absolute;left:0;}
.index-box .page-move a + a{margin-top:14px;}

@media (max-width:767px){
    .container.news-detail{padding-top:30px;}
    .news-header{padding-bottom:10px;}
    .news-body{padding:24px 0;}
    .news-body .highlight{font-size:14px;}
    .news-body .highlight + .highlight{margin-top:4px;}
    .news-body .contents{font-size:14px;}
    .news-body .site-link{font-size:14px;}
    .index-box .more-link{padding:24px 0;}
    .index-box .more-link a{font-size:14px;}
    .index-box .page-move{padding:18px 0;}
    .index-box .page-move a{font-size:14px;padding:4px 0 4px 20px;}
    .index-box .page-move a:before{font-size:12px;}
}

/* main client */
.clients-list{margin-top:100px;}
.clients-list ul{display:grid;gap:70px 52px;grid-template-columns:repeat(5, 1fr);}

@media (max-width:1440px){
    .clients-list{margin-top:70px;}
    .clients-list ul{grid-template-columns:repeat(4, 1fr)}
}

@media (max-width:767px){
    .clients-list{margin-top:20px;}
    .clients-list ul{gap:16px 8px;grid-template-columns:repeat(3, 1fr);}
}

/* main contact */
#contact{background:#f8f8f8;padding:138px 0 100px;}
#contact p{color:#646464;font-size:24px;font-weight:500;}
#contact .contact-link{display:flex;align-items:center;gap:120px;font-size:140px;font-weight:600;}
#contact .contact-link:hover{color:#19289b;animation-name:contactHover;animation-duration:500ms;animation-fill-mode: forwards;}
#contact .contact-link:hover img{animation-name:contactImg;animation-delay:100ms;animation-duration:2000ms;animation-fill-mode:forwards;}

@keyframes contactHover{
    0%{color:#222;transform:translate(0);}
    50%{color:#19289b;transform:translate(-2px, -2px);}
    100%{color:#19289b;transform:translate(-2px, -2px);}
}
@keyframes contactImg{
    0%{transform:translateX(0);}
    40%{transform:translateX(-20px);}
    60%{transform:translateX(30px);}
    100%{transform:translateX(0);}
}

@media (max-width:1440px){
    #contact{padding:10vw 0 8vw;}
    #contact p{font-size:2vw;}
    #contact .contact-link{gap:4vw;font-size:10vw;}
    #contact .contact-link img{width:14vw;height:14vw;}
}

@media (max-width:767px){
    #contact{padding:50px 0;}
    #contact p{font-size:12px;}
    #contact .contact-link{gap:20px;font-size:38px;}
    #contact .contact-link img{width:64px;height:64px;}
}

/* contact 페이지 */
#contactForm{margin-top:100px;}
#contactForm .important{margin:24px 0 20px;}
#contactForm .dark-btn{margin:80px auto 0;}
.form-box{border-top:2px solid #333;}
.form-box .row{display:flex;gap:24px;border-bottom:1px solid #ddd;padding:28px 0;}
.form-box .row > *{flex:1;}
.form-box .row > *:nth-child(2) span{padding-left:20px;}
.form-box .input{display:flex;align-items:center;gap:10px;}
.form-box .input.area{align-items:flex-start;}
.form-box .input span{width:150px;font-size:20px;font-weight:600;}
.form-box .input label{flex:1;border:0;}
.form-box .input input{background:#f6f6f6;font-size:18px;font-weight:400;border-radius:0;padding:16px 20px;}
.form-box .input textarea{height:300px;background:#f6f6f6;font-size:18px;font-weight:400;padding:16px 20px;}
.form-box .checkbox{margin-top:10px;}
.checkbox label{display:flex;align-items:center;}
.checkbox input{display:none;}
.checkbox input + span{color:#767676;font-size:18px;padding-left:28px;position:relative;}
.checkbox input + span:before{content:"";width:20px;height:20px;background:url("/resources/img/icons/icon_check_off.svg") no-repeat;background-size:100%;position:absolute;top:2px;left:0;}
.checkbox input:checked + span:before{background:url("/resources/img/icons/icon_check_on.svg") no-repeat;background-size:100%;}

.map-box{border-radius:30px;margin:50px 0 0;overflow:hidden;}
.map-infos{margin:40px 0 0;}
.map-infos ul{display:flex;align-items:center;gap:40px;}
.map-infos ul > li .inner{display:flex;align-items:center;gap:8px;}
.map-infos ul > li .inner .img{width:24px;height:24px;display:flex;}
.map-infos ul > li .inner p{font-size:20px;}
.map-infos ul > li .inner p a:hover{color:#007aff;}

@media (max-width:1440px){
    .form-box .row{gap:2vw;}
    .form-box .input input{font-size:2vw;padding:2vw 3vw;}
    .form-box .input textarea{height:30vw;font-size:2vw;padding:2vw 3vw;}
    .checkbox input + span{font-size:1.4vw;padding-left:2.4vw;}
    .checkbox input + span:before{width:1.6vw;height:1.6vw;}

    .map-box{border-radius:16px;margin:20px 0 0;}
    .map-infos{margin:20px 0 0;}
    .map-infos ul > li .inner p{font-size:1.7vw;}
}

@media (max-width:767px){
    #contactForm{margin-top:70px;}
    #contactForm .important{margin:0 0 8px;}
    #contactForm .dark-btn{margin-top:40px;}
    .form-box .row{flex-direction:column;gap:12px;padding:14px 0;}
    .form-box .row > *:nth-child(2) span{padding-left:0;}
    .form-box .input span{width:80px;font-size:14px;}
    .form-box .input input{font-size:14px;padding:12px;}
    .form-box .input textarea{height:230px;font-size:14px;border-radius:8px;padding:12px;}
    .checkbox input + span{font-size:12px;padding-left:20px;}
    .checkbox input + span:before{width:16px;height:16px;}

    #map{margin-top:100px;}
    .map-box{border-radius:8px;margin:20px 0 0;}
    .map-infos{margin:20px 0 0;}
    .map-infos ul{justify-content:flex-start;flex-wrap:wrap;gap:8px 20px;}
    .map-infos ul > li:first-child{width:100%;}
    .map-infos ul > li .inner{gap:4px;}
    .map-infos ul > li .inner .img{width:12px;height:12px;}
    .map-infos ul > li .inner p{font-size:12px;}
}

/* footer */
#footer{display:block;padding:85px 0 80px;margin-top:120px;}
footer .footer-top{display:flex;justify-content:space-between;align-items:flex-end;position:relative;}
footer .footer-top .btn.top{font-size:12px;padding-right:20px;position:relative;}
footer .footer-top .btn.top:after{content:"";width:12px;height:12px;background:url("/resources/img/icons/icon_arrow_up.svg") no-repeat;background-size:100%;position:absolute;top:50%;right:0;transform:translateY(-50%);}
footer .company-infos-wrap{border-top:1px solid #ddd;padding-top:28px;margin-top:28px;position:relative;}
footer .policy ul{display:flex;align-items:center;gap:48px;}
footer .policy ul > li{display:flex;position:relative;}
footer .policy ul > li:after{content:"";width:1px;height:10px;background:#222;position:absolute;top:50%;right:-24px;transform:translateY(-50%);}
footer .policy ul > li:last-child:after{display:none;}
footer .policy ul > li .btn{color:#151515;font-size:16px;font-weight:500;}
footer .infos{margin-top:18px;}
footer .infos > p{color:#151515;font-size:14px;}
footer .infos p + p{margin-top:6px;}
footer .others{position:absolute;right:0;bottom:54px;}
footer .others > *{width:200px;}
footer .others > * + *{margin-top:10px;}
footer .copy{color:#767676;margin-top:16px;}

@media (max-width:767px){
    #footer{padding:40px 0 30px;margin-top:80px;}
    footer .logo{width:39px;}
    footer .footer-top .btn.top{padding-right:16px;}
    footer .footer-top .btn.top:after{width:10px;height:10px;}
    footer .company-infos-wrap{margin-top:16px;}
    footer .policy ul{gap:24px;}
    footer .policy ul > li:after{right:-14px;}
    footer .policy ul > li .btn{font-size:12px;}
    footer .infos{margin-top:10px;}
    footer .infos > p{font-size:12px;}
    footer .infos p + p{margin-top:2px;}
    footer .others{margin-top:16px;position:static;}
    footer .others > *{width:100%;}
    footer .others > * + *{margin-top:4px;}
    footer p + p.copy{font-size:12px;text-align:left;margin-top:8px;}
}