@charset "utf-8";


.firstagency_btn1 {display:inline-block; height:54px; line-height:54px; background:#0064ff; border-radius:27px; font-size:1em; color:#fff; padding:0 25px; transition:all 0.5s; transition-property:background, border;}
.firstagency_btn1 i {display:inline-block; margin-left:20px;}
.firstagency_btn1:hover {background:#191919;}
.firstagency_btn1.white {background:none; border:1px solid #fff; color:#fff;}
.firstagency_btn1.white:hover {background:#0064ff; border-color:#0064ff;}

@media screen and (max-width:1024px){
    .firstagency_btn1 {height:45px; line-height:45px; padding:0 15px;}
    .firstagency_btn1 i {font-size:0.9375em; margin-left:10px;}
}

@media screen and (max-width:767px){
    .firstagency_btn1 {height:36px; line-height:36px; padding:0 13px;}
    .firstagency_btn1 i {margin-left:5px;}
}


/* header */
#firstagency_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:110px; position:fixed; left:0; top:0; z-index:300; padding:0 40px 0 50px;}

#firstagency_logo {width:237px; height:50px; background:url(../images/logo_w.svg) no-repeat center center; background-size:contain; position:relative; z-index:5;}
#firstagency_logo a {display:block; width:100%; height:100%;}

#firstagency_gnb > ul {display:flex;}
#firstagency_gnb > ul > li {padding:0 15px; position:relative;}
#firstagency_gnb > ul > li:last-child {padding-right:0;}
#firstagency_gnb > ul > li > a {display:block; font-size:1.125em; color:#fff; line-height:110px; letter-spacing:-0.05em; font-weight:600; font-family:'Poppins'; padding:0 10px; text-transform:uppercase; position:relative;}
#firstagency_gnb > ul > li > ul {min-width:205px; background:#fff; border:1px solid #ddd; border-radius:5px; padding:12px;}
#firstagency_gnb > ul > li > ul > li > a {display:block; font-size:1em; line-height:1.5em; padding:10px; white-space:nowrap;}

#menuToggle {display:none;}

#firstagency_header.sub_header #firstagency_logo {background-image:url(../images/logo.svg)}
#firstagency_header.sub_header #firstagency_gnb > ul > li > a {color:#191919;}
#firstagency_header.sub_header #menuToggle span {background:#191919;}

#firstagency_header.scroll_on {background:rgba(0,30,77,0.5); backdrop-filter:blur(20px);}
#firstagency_header.scroll_on #firstagency_logo {background-image:url(../images/logo_w.svg)}
#firstagency_header.scroll_on #firstagency_gnb > ul > li > a {color:#fff;}
#firstagency_header.scroll_on #menuToggle span {background:#fff;}

@media screen and (min-width:1025px){
    #firstagency_header {transition:all 0.5s; transition-property:height, background, backdrop-filter;}

    #firstagency_gnb > ul > li > a {transition:line-height 0.5s;}
    #firstagency_gnb > ul > li > a:after {content:''; display:block; width:0; height:2px; background:#fff; position:absolute; left:0; top:65%; transition:width 0.5s cubic-bezier(0,0,.2,1);}
    #firstagency_gnb > ul > li > ul {display:block !important; position:absolute; left:5px; top:75%; opacity:0; visibility:hidden; transition:all 0.3s cubic-bezier(0,0,.2,1); transition-property:opacity, visibility;}
    #firstagency_gnb > ul > li:hover > a:after {width:100%;}
    #firstagency_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
    #firstagency_gnb > ul > li > ul > li > a:hover {background:#f7f8fb; font-weight:700;}

    #firstagency_header.sub_header #firstagency_gnb > ul > li > a:after {background:#191919;}

    #firstagency_header.scroll_on {height:100px;}
    #firstagency_header.scroll_on #firstagency_gnb > ul > li > a {line-height:100px;}
	#firstagency_header.scroll_on #firstagency_gnb > ul > li > a:after {background:#fff;}
}

@media screen and (max-width:1220px){
    #firstagency_header {padding:0 6%;}

    #firstagency_gnb > ul > li {padding:0 10px;}
}

@media screen and (max-width:1024px){
    #firstagency_header {height:50px;}

    #firstagency_logo {width:142px; height:30px;}

    #firstagency_gnb {width:100%; height:0; background:#fff; position:fixed; left:0; top:0; z-index:0; overflow:hidden; transition:height 0.6s}
    #firstagency_gnb > ul {display:block; padding:80px 0;}
    #firstagency_gnb > ul > li {padding:0; border-bottom:1px solid #e0e0e0; padding:0 6%;}
    #firstagency_gnb > ul > li:first-child {border-top:1px solid #e0e0e0;}
    #firstagency_gnb > ul > li > a {color:#191919; line-height:1.5em; padding:15px 0;}
    #firstagency_gnb > ul > li.depth2 > a:after {content:'\f107'; font-size:1em; color:#191919; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:0; top:50%; transform:translateY(-50%)}
    #firstagency_gnb > ul > li > ul {display:none; width:100%; background:none; border:0; border-radius:0; padding:0;}
    #firstagency_gnb > ul > li > ul > li:last-child {padding-bottom:10px;}
    #firstagency_gnb > ul > li > ul > li > a {padding:10px 0;}

    #firstagency_gnb > ul > li.on {background:#f7f8fb;}
    #firstagency_gnb > ul > li.on > a {color:#0064ff !important;}
    #firstagency_gnb > ul > li.on > a:after {content:'\f106'}

    #menuToggle {display:block; width:20px; height:14px; position:relative; z-index:10;}
    #menuToggle span {display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; transition:all 0.5s;}
    #menuToggle span:nth-child(1) {top:0;}
    #menuToggle span:nth-child(2) {top:50%; margin-top:-1px;}
    #menuToggle span:nth-child(3) {bottom:0;}


    #firstagency_header.on #firstagency_logo {background-image:url(../images/logo.svg)}

    #firstagency_header.on #firstagency_gnb {height:100vh;}

    #firstagency_header.on #menuToggle span {background:#191919;}
    #firstagency_header.on #menuToggle span:nth-child(1) {transform:translateY(6px) rotate(45deg)}
    #firstagency_header.on #menuToggle span:nth-child(2) {width:0;}
    #firstagency_header.on #menuToggle span:nth-child(3) {transform:translateY(-6px) rotate(-45deg)}

	#firstagency_header.scroll_on #firstagency_gnb > ul > li > a {color:#191919;}
}


/* footer */
#firstagency_footer {width:100%; background:#0064ff; padding:50px 0; position:relative;}
#firstagency_footer .f_logo img {display:block; height:50px;}
#firstagency_footer .f_info {margin-top:30px;}
#firstagency_footer .f_info li {display:inline-block; font-size:1em; color:#fff; margin:0 15px 5px 0;}
#firstagency_footer .f_info li strong {color:rgba(255,255,255,0.5); font-weight:600; margin-right:5px;}
#firstagency_footer .f_info li a {color:#fff;}
#firstagency_footer .copy {font-size:1em; color:#fff; font-weight:600; margin-top:15px;}
#firstagency_footer .f_member {position:absolute; right:0; bottom:0;}
#firstagency_footer .f_member a {display:inline-block; border:1px solid #fff; font-size:0.875em; color:#fff; padding:4px 10px; text-transform:uppercase;}
#firstagency_footer .go_top {display:block; width:45px; height:45px; border-radius:10px; background:rgba(25,25,25,0.2); border-radius:10px; position:absolute; font-size:1em; color:#fff; right:30px; bottom:30px;}

@media screen and (max-width:1220px){
    #firstagency_footer .f_member {position:relative; margin-top:10px;}
    #firstagency_footer .go_top {right:6%;}
}

@media screen and (max-width:1024px){
    #firstagency_footer {padding:5% 0;}
    #firstagency_footer .f_logo img {height:30px;}
    #firstagency_footer .f_info {margin-top:20px;}
    #firstagency_footer .f_info br {display:none;}
    #firstagency_footer .copy {margin-top:10px;}
    #firstagency_footer .go_top {width:40px; height:40px; border-radius:5px;}
}

@media screen and (max-width:767px){
    #firstagency_footer .f_info li {margin-right:10px;}
    #firstagency_footer .go_top {width:34px; height:34px; bottom:20px;}
}


.intro_wrap {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:#fff; position:fixed; left:0; top:0; z-index:500; text-align:center;}
.intro_wrap .text p {font-size:3.75em; color:#0064ff; font-weight:600; margin:0.5rem 0; overflow:hidden; opacity:0;}
.intro_wrap .text p span {display:inline-block; opacity:0; transition:opacity 0.5s ease;}
.intro_wrap .intro_logo {height:100px; opacity:0; transition:opacity 2s ease; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%)}

@media screen and (max-width:1024px){
    .intro_wrap .text p {font-size:3em;}
    .intro_wrap .intro_logo {height:80px;}
}

@media screen and (max-width:767px){
    .intro_wrap .text p {font-size:1.5em;}
    .intro_wrap .intro_logo {height:40px;}
}


/* main */
#mVisu {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:relative; overflow:hidden;}
#mVisu .img {width:100%; height:100%; background:url(../images/mVisu_img1.jpg) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
#mVisu .img:before {content:''; display:block; width:100%; height:100%; background:rgba(0,30,77,0.2);}
#mVisu .txt_box {margin-top:-30px; position:relative; z-index:10; opacity:0;}
#mVisu .txt_box .tit {font-size:6.25em; color:#fff; line-height:1.15em; font-weight:700;}
#mVisu .txt_box .tit .icon {position:relative;}
#mVisu .txt_box .tit .icon:before {content:''; display:block; width:30px; height:30px; background:url(../images/mVisu_icon.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; bottom:100%; transform:translate(-50%, 0)}
#mVisu .txt_box .tit .line {display:block; position:relative;}
#mVisu .txt_box .tit .line:after {content:''; display:block; width:calc(100% - 870px); height:1px; background:#fff; position:absolute; right:0; top:50%;}
#mVisu .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.5em; font-weight:600; margin-top:30px;}

#mVisu.on .img {animation:mVisu 1.3s ease-in-out forwards 0.2s}
#mVisu.on .txt_box {animation:mVisu2 0.7s ease-in-out forwards 0.5s}

@keyframes mVisu {
    0% {transform:translate(-50%, -50%) scale(1, 1)}
    100% {transform:translate(-50%, -50%) scale(1.15, 1.15)}
}

@keyframes mVisu2 {
    0% {opacity:0;}
    100% {opacity:1;}
}

@media screen and (max-width:1024px){
    #mVisu .txt_box .tit {font-size:4.7em;}
    #mVisu .txt_box .tit .icon:before {width:20px; height:20px;}
    #mVisu .txt_box .tit .line:after {width:calc(100% - 620px)}
    #mVisu .txt_box .txt {font-size:1.3em; margin-top:15px;}
}

@media screen and (max-width:767px){
    #mVisu .txt_box {margin-top:0;}
    #mVisu .txt_box .tit {font-size:2.6em;}
    #mVisu .txt_box .tit .icon:before {width:12px; height:12px;}
    #mVisu .txt_box .tit .line:after {display:none;}
    #mVisu .txt_box .txt {font-size:1em; font-weight:500; margin-top:10px;}
}


.main_title h2 {font-size:1.25em; color:#0064ff; font-weight:600; font-family:'Poppins'; margin-bottom:10px; text-transform:uppercase;}
.main_title p {font-size:3.75em; line-height:1.16em; font-weight:700;}
.main_title p.txt {font-size:1.25em; color:#666; line-height:1.5em; font-weight:400; margin-top:25px;}

@media screen and (max-width:1024px){
    .main_title h2 {font-size:1.125em; margin-bottom:1%;}
    .main_title p {font-size:2.7em;}
    .main_title p.txt {font-size:1.125em; margin-top:2%;}
}

@media screen and (max-width:767px){
    .main_title h2 {font-size:1em;}
    .main_title p {font-size:2em;}
    .main_title p.txt {font-size:1em;}
}



#mCompany {width:100%; height:350vh; background:#fff; position:relative; z-index:5;}
#mCompany > div {width:100%; height:100vh; background:#fff; position:sticky; left:0; top:0; overflow:hidden;}
#mCompany > div > div {display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:absolute; left:0; top:0;}
#mCompany > div > div:last-child {z-index:15;}
#mCompany > div > div .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; opacity:0;}
#mCompany > div > div .img:before {content:''; display:block; width:100%; height:100%; background:rgba(0,30,77,0.2);}
#mCompany > div > div .txt_box {position:relative; z-index:10; text-align:center;}
#mCompany > div > div .txt_box .tit {font-size:3.75em; line-height:1.16em; font-weight:700;}
#mCompany > div > div .txt_box .txt {font-size:1.25em; line-height:1.5em; margin-top:30px;}
#mCompany > div > div .txt_box img {width:1135px; max-width:100%;}
#mCompany > div > div:last-child .txt_box {opacity:0;}

@media screen and (max-width:1024px){
    #mCompany > div > div .txt_box .tit {font-size:3em;}
    #mCompany > div > div .txt_box .txt {font-size:1.125em; margin-top:3%;}
}

@media screen and (max-width:767px){
    #mCompany > div > div .txt_box .tit {font-size:2.3em;}
    #mCompany > div > div .txt_box .txt {font-size:1em;}
}

@media screen and (max-width:500px){
    #mCompany > div > div .txt_box .tit {font-size:1.7em;}
}


#mService {width:100%; padding-top:150px; overflow:hidden;}
#mService .tit_box {display:flex; justify-content:space-between; align-items:end; margin-bottom:50px;}
#mService .btn_box {display:flex;}
#mService .btn_box button {display:block; width:60px; height:60px; background:#f7f8fb; border-radius:50%; font-size:1.125em; color:#9aa1b5; transition:all 0.5s; transition-property:background, color;}
#mService .btn_box button:last-child {margin-left:10px;}
#mService .btn_box button:hover {background:#0064ff; color:#fff;}
#mService .slide_wrap {width:100%;}
#mService .slide_wrap > div {display:flex; transition:transform 0.5s;}
#mService .slide_wrap > div > div {flex:1 0 auto; width:250px; height:500px; border-radius:20px; overflow:hidden; position:relative; transition:width 0.5s; cursor:pointer;}
#mService .slide_wrap > div > div:nth-child(1) ~ div {margin-left:20px;}
#mService .slide_wrap > div > div .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.2s;}
#mService .slide_wrap > div > div .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,30,77,0.2); opacity:0; transition:opacity 0.5s;}
#mService .slide_wrap > div > div .txt_box {display:flex; align-items:end; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0s; transition-property:opacity, visibility;}
#mService .slide_wrap > div > div .txt_box dl {width:100%; padding:0 70px 70px;}
#mService .slide_wrap > div > div .txt_box dl dt {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700;}
#mService .slide_wrap > div > div .txt_box dl dd {font-size:1.25em; color:#fff; line-height:1.5em; font-weight:500; margin-top:15px;}

#mService .slide_wrap > div > div.active {width:100%;}
#mService .slide_wrap > div > div.active .img_box {transform:scale(1.2); transition:transform 0.5s}
#mService .slide_wrap > div > div.active .img_box:before {opacity:1;}
#mService .slide_wrap > div > div.active .txt_box {opacity:1; visibility:visible; transition:all 0.5s 0.3s;}

#mService .slide_wrap > div > div:hover .img_box {transform:scale(1.15);}
#mService .slide_wrap > div > div.active:hover .img_box {transform:scale(1.35);}

@media screen and (max-width:1024px){
    #mService {padding-top:15%;}
    #mService .tit_box {margin-bottom:5%;}
    #mService .btn_box button {width:50px; height:50px; font-size:1em;}
    #mService .btn_box button:last-child {margin-left:5px;}
    #mService .slide_wrap > div > div {height:400px; border-radius:15px;}
    #mService .slide_wrap > div > div .txt_box dl {padding:0 30px 30px;}
    #mService .slide_wrap > div > div .txt_box dl dt {font-size:1.5em;}
    #mService .slide_wrap > div > div .txt_box dl dd {font-size:1.125em; margin-top:1%;}
}

@media screen and (max-width:767px){
    #mService .btn_box {display:none;}
    #mService .slide_wrap > div {display:block; transform:translate(0) !important}
    #mService .slide_wrap > div > div {width:100%; height:auto; border-radius:5px;}
    #mService .slide_wrap > div > div:nth-child(1) ~ div {margin-left:0; margin-top:2%}
    #mService .slide_wrap > div > div .img_box {position:absolute; left:0; top:0;}
    #mService .slide_wrap > div > div .img_box:before {background:rgba(0,30,77,0.4); opacity:1;}
    #mService .slide_wrap > div > div .txt_box {justify-content:center; align-items:center; width:100%; height:auto; padding:25% 5% 5%; opacity:1; visibility:visible; position:relative;}
    #mService .slide_wrap > div > div .txt_box dl {padding:0;}
    #mService .slide_wrap > div > div .txt_box dl dt {font-size:1.3em;}
    #mService .slide_wrap > div > div .txt_box dl dd {font-size:1em;}
}


#mExperts {width:100%; background-image:linear-gradient(to bottom, #fff 0%, #f7f8fb); padding:200px 0 150px; overflow:hidden;}
#mExperts .tab_box {margin:50px 0 90px; position:relative;}
#mExperts .tab_box:after {content:''; display:block; width:100%; height:7px; background:#e1e5f0; position:absolute; left:0; bottom:0; z-index:0;}
#mExperts .tab_box ul {display:flex; counter-reset:counter;}
#mExperts .tab_box ul li {width:20%;}
#mExperts .tab_box ul li button {width:100%; height:100%; padding-bottom:37px; font-size:1.5em; color:#9aa1b5; font-weight:600; position:relative; z-index:5; transition:color 0.5s;}
#mExperts .tab_box ul li button:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:#eef0f6; border-radius:50%; font-size:0.91em; font-weight:700; margin:0 auto 10px; transition:background 0.5s, color 0.5s;}
#mExperts .tab_box ul li button:after {content:''; display:block; width:0; height:7px; background-image:linear-gradient(to right, rgba(0, 100, 255, 0.5), #0064ff 50%, rgba(0, 100, 255, 0.5)); position:absolute; left:0; bottom:0; transition:width 0.5s;}
#mExperts .tab_box ul li.active button {color:#191919;}
#mExperts .tab_box ul li.active button:before {background:#0064ff; color:#fff;}
#mExperts .tab_box ul li.active button:after {width:100%;}
.mExperts_slide_wrap {display:flex; justify-content:center; width:100%; padding:0 50px;}
.mExperts_slide {width:auto; max-width:100%;}
.mExperts_slide .swiper-slide {width:300px; border-radius:20px; overflow:hidden; transition:all 0.5s; transition-property:box-shadow, transform;}
.mExperts_slide .swiper-slide:not(.swiper-slide-active) a {pointer-events:none; cursor:default}
.mExperts_slide .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; filter:grayscale(100%); opacity:0.1; position:absolute; left:0; top:0;}
.mExperts_slide .txt_box {width:100%; background:#fff; padding:30px; margin-top:200px; position:relative; z-index:5; opacity:0; visibility:hidden;}
.mExperts_slide .txt_box dl dt {font-size:1.5em; font-weight:600;}
.mExperts_slide .txt_box dl dd {font-size:1.125em; color:#666; line-height:1.5em; margin-top:5px;}
.mExperts_slide .swiper-slide-active {box-shadow:5px 5px 20px rgba(25,25,25,0.1); transform:translateY(-20px)}
.mExperts_slide .swiper-slide-active .img_box {height:200px; filter:grayscale(0); opacity:1;}
.mExperts_slide .swiper-slide-active .txt_box {opacity:1; visibility:visible;}

@media screen and (max-width:1024px){
    #mExperts {padding:15% 0;}
    #mExperts .tab_box {margin:5% 0 7%;}
    #mExperts .tab_box:after {height:5px;}
    #mExperts .tab_box ul li button {font-size:1.3em; padding-bottom:22px;}
    #mExperts .tab_box ul li button:before {width:50px; height:50px;}
    #mExperts .tab_box ul li button:after {height:5px;}
    .mExperts_slide_wrap {padding:0 3%;}
    .mExperts_slide .swiper-slide {width:250px; border-radius:10px;}
    .mExperts_slide .txt_box {padding:20px; margin-top:170px;}
    .mExperts_slide .txt_box dl dt {font-size:1.3em;}
    .mExperts_slide .txt_box dl dd {font-size:1em;}
    .mExperts_slide .swiper-slide-active .img_box {height:170px;}
}

@media screen and (max-width:767px){
    #mExperts .tab_box:after {height:2px;}
    #mExperts .tab_box ul {justify-content:space-between; width:100%; padding:0 6%; overflow-x:auto;}
    #mExperts .tab_box ul li {width:auto;}
    #mExperts .tab_box ul li button {font-size:0.9375em; font-weight:400; padding-bottom:22px; padding:0 8px 10px; white-space:nowrap;}
    #mExperts .tab_box ul li button:before {display:none; width:28px; height:28px; margin-bottom:6px;}
    #mExperts .tab_box ul li button:after {height:2px;}
	#mExperts .tab_box ul li.active button {font-weight:700;}
    .mExperts_slide_wrap {padding:0 6%;}
    .mExperts_slide .swiper-slide {width:220px;}
    .mExperts_slide .txt_box {padding:15px; margin-top:130px;}
    .mExperts_slide .txt_box dl dt {font-size:1.2em;}
    .mExperts_slide .swiper-slide-active {transform:translateY(-10px)}
    .mExperts_slide .swiper-slide-active .img_box {height:130px;}
}


#mNews {padding:150px 0;}
#mNews .tit_box {display:flex; justify-content:space-between; align-items:end;}
#mNews ul {display:flex; width:100%; margin-top:50px;}
#mNews ul li {width:calc(33.33% - 20px); margin-right:30px;}
#mNews ul li:last-child {margin-right:0;}
#mNews ul li .img_box {width:100%; height:280px; overflow:hidden; border-radius:20px;}
#mNews ul li .img_box > div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
#mNews ul li .subject {font-size:1.5em; line-height:1.45em; font-weight:600; margin-top:30px; max-height:2.9em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mNews ul li .cont {font-size:1.125em; color:#666; line-height:1.55em; margin-top:5px; max-height:3.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
#mNews ul li .date {font-size:1em; color:#9aa1b5; font-weight:600; margin-top:15px;}
#mNews ul li:hover .img_box > div {transform:scale(1.1)}

@media screen and (max-width:1220px){
    #mNews ul li .img_box {height:20vw}
}

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    #mNews ul {margin-top:5%;}
    #mNews ul li {width:calc(33.33% - 6.66px); margin-right:10px;}
    #mNews ul li .img_box {border-radius:10px;}
    #mNews ul li .subject {font-size:1.3em; margin-top:15px;}
    #mNews ul li .cont {font-size:1em;}
    #mNews ul li .date {font-size:0.9375em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mNews .firstagency_btn1 {position:absolute; left:50%; bottom:7%; transform:translateX(-50%); display:none;}
    #mNews ul {display:block;}
    #mNews ul li {width:100%; margin-right:0;}
    #mNews ul li:nth-child(1) ~ li {display:none;}
    #mNews ul li .img_box {height:54vw;}
    #mNews ul li .subject {font-size:1.2em; margin-top:10px;}
}


#mPlayers {display:flex; justify-content:center; align-items:center; height:380px; border-radius:20px; position:relative; overflow:hidden;}
#mPlayers .img_box {width:100%; height:100%; background:url(../images/mPlayersBG.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; filter:brightness(0.6); transform:scale(1.3); transition:all 0.5s ease-in-out; transition-property:filter, transform;}
#mPlayers .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,30,77,0.2);}
#mPlayers .txt_box {position:relative; z-index:10; text-align:center; opacity:0; transition:opacity 0.5s ease-in-out 0.2s;}
#mPlayers .txt_box h2 {font-size:1.25em; color:rgba(255,255,255,0.5); font-weight:600; font-family:'Poppins'; margin-bottom:10px; text-transform:uppercase;}
#mPlayers .txt_box p {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:700; margin:10px 0 30px;}

#mPlayers.on .img_box {filter:brightness(1); transform:scale(1)}
#mPlayers.on .txt_box {opacity:1;}

@media screen and (max-width:1024px){
    #mPlayers {height:330px; border-radius:10px;}
    #mPlayers .txt_box h2 {font-size:1.125em; margin-bottom:1%;}
    #mPlayers .txt_box p {font-size:2.2em; margin:5px 0 20px;}
}

@media screen and (max-width:767px){
    #mPlayers {width:100%; height:auto; border-radius:0; padding:14% 0;}
    #mPlayers .txt_box h2 {font-size:1em;}
    #mPlayers .txt_box p {font-size:1.7em; margin:3px 0 15px;}
}


#mContact {display:flex; flex-wrap:wrap; margin:150px auto; position:relative;}
#mContact .main_title {width:50%; position:sticky; left:0; top:0;}
#mContact .form_box {width:50%;}
#mContact .form_box > div {margin-bottom:70px;}
#mContact .form_box > div:after {content:''; display:block; width:100%; clear:both;}
#mContact .form_box > div:last-child {margin-bottom:0;}
#mContact .form_box > div .t1 {font-size:1.25em; font-weight:600; margin-bottom:30px;}
#mContact .form_box > div .t1 i {color:#0064ff; font-style:normal;}
#mContact .form_box > div .t1 span {font-size:0.8em; color:#666; font-weight:400; margin-left:10px;}
#mContact .form_box > div .form_txt {display:block; width:100%; height:60px; border-radius:0; border:0 !important; border-bottom:1px solid #191919 !important; font-size:1em;}
#mContact .form_box > div .form_txt::placeholder {color:#9aa1b5;}
#mContact .form_box > div .form_txt::-webkit-input-placeholder {color:#9aa1b5;}
#mContact .form_box > div .form_txt:-ms-input-placeholder {color:#9aa1b5;}
#mContact .form_box > div .form_txt:focus {outline:none; box-shadow:none !important;}
#mContact .form_box > div .form_textarea {display:block; width:100%; height:60px; border-radius:0; border:0 !important; border-bottom:1px solid #191919 !important; font-size:1em; padding:20px 0;}
#mContact .form_box > div .form_textarea::placeholder {color:#9aa1b5;}
#mContact .form_box > div .form_textarea::-webkit-input-placeholder {color:#9aa1b5;}
#mContact .form_box > div .form_textarea:-ms-input-placeholder {color:#9aa1b5;}
#mContact .form_box > div .form_textarea:focus {outline:none; box-shadow:none !important;}
#mContact .form_box > div .check_box input {display:none;}
#mContact .form_box > div .check_box label {display:flex;}
#mContact .form_box > div .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #191919; border-radius:5px; font-size:0.875em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'}
#mContact .form_box > div .check_box label span {width:calc(100% - 24px); font-size:1.125em; color:#666; line-height:24px; padding-left:10px;}
#mContact .form_box > div .check_box input:checked + label:before {background:#0064ff; border-color:#0064ff;}
#mContact .form_box > div .firstagency_btn1 {float:right; clear:both;}

#mContact .form_box > div .input_list {display:flex; justify-content:space-between; flex-wrap:wrap;}
#mContact .form_box > div .input_list li {width:calc(50% - 15px)}
#mContact .form_box > div .input_list li:nth-child(2) ~ li {margin-top:10px;}

#mContact .form_box > div .check_list {display:flex; justify-content:space-between; flex-wrap:wrap;}
#mContact .form_box > div .check_list li {width:calc(50% - 15px)}
#mContact .form_box > div .check_list li:nth-child(2) ~ li {margin-top:15px;}

#mContact .form_box > div .privacy_box {float:left; display:flex; background:#f7f8fb; border-radius:8px; padding:12px 15px; margin-top:30px;}
#mContact .form_box > div .privacy_box input {display:none;}
#mContact .form_box > div .privacy_box label {display:flex; align-items:center;}
#mContact .form_box > div .privacy_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:20px; height:20px; background:#fff; border:1px solid #9aa1b5; border-radius:5px; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
#mContact .form_box > div .privacy_box label span {font-size:0.875em; color:#666; line-height:20px; padding-left:10px;}
#mContact .form_box > div .privacy_box input:checked + label:before {background:#191919; border-color:#191919;}
#mContact .form_box > div .privacy_box button {display:inline-block; font-size:0.875em; font-weight:600; border-bottom:1px solid #191919; margin-left:10px;}

@media screen and (max-width:1024px){
    #mContact {margin:15% auto;}
    #mContact .main_title {width:400px;}
    #mContact .form_box {width:calc(100% - 400px)}
    #mContact .form_box > div {margin-bottom:40px;}
    #mContact .form_box > div .t1 {font-size:1.125em; margin-bottom:15px;}
    #mContact .form_box > div .form_txt {height:40px;}
    #mContact .form_box > div .form_textarea {height:40px; padding:10px 0;}
    #mContact .form_box > div .check_box label:before {width:20px; height:20px;}
    #mContact .form_box > div .check_box label span {width:calc(100% - 20px); line-height:20px;}
    #mContact .form_box > div .firstagency_btn1 {margin-top:15px;}
    
    #mContact .form_box > div .input_list li {width:100%;}
    #mContact .form_box > div .input_list li:nth-child(1) ~ li {margin-top:10px;}

    #mContact .form_box > div .check_list li {width:100%;}
    #mContact .form_box > div .check_list li:nth-child(1) ~ li {margin-top:10px;}

    #mContact .form_box > div .privacy_box {margin-top:15px; padding:10px;}
    #mContact .form_box > div .privacy_box label:before {width:18px; height:18px;}
    #mContact .form_box > div .privacy_box label span {line-height:18px;}
}

@media screen and (max-width:767px){
    #mContact .main_title {width:100%; position:relative; margin-bottom:10%;}
    #mContact .form_box {width:100%}
    #mContact .form_box > div {margin-bottom:7%;}
    #mContact .form_box > div .t1 {margin-bottom:4%;}
    #mContact .form_box > div .form_txt {height:35px;}
    #mContact .form_box > div .form_textarea {height:35px; padding:5px 0; resize:none;}
    #mContact .form_box > div .check_box label:before {width:18px; height:18px;}
    #mContact .form_box > div .check_box label span {width:calc(100% - 18px); line-height:18px; padding-left:7px; border-radius:3px;}
    
    #mContact .form_box > div .input_list li:nth-child(1) ~ li {margin-top:7px;}

    #mContact .form_box > div .check_list li:nth-child(1) ~ li {margin-top:7px;}

    #mContact .form_box > div .privacy_box {margin-top:10px; padding:7px; border-radius:5px;}
    #mContact .form_box > div .privacy_box label:before {width:16px; height:16px; border-radius:3px;}
    #mContact .form_box > div .privacy_box label span {line-height:16px; padding-left:7px;}
}


#mPartner {padding-bottom:100px; overflow:hidden;}
.mPartner_slide {position:relative;}
.mPartner_slide:before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10;}
.mPartner_slide .swiper-wrapper {transition-timing-function:linear;}
.mPartner_slide .swiper-slide {width:auto;}

@media screen and (max-width:1024px){
    #mPartner {padding-bottom:10%;}
    #mPartner img {height:40px;}
}

@media screen and (max-width:767px){
    /*#mPartner img {height:25px;}*/
}


.modal_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:500; opacity:0; visibility:hidden;}
.modal_popup .dim {width:100%; height:100%; background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; z-index:0;}
.modal_inner {width:88%; max-width:550px; background:#fff; border-radius:20px; position:relative; padding:60px 50px;}
.modal_inner .close_btn {font-size:1.5em; position:absolute; right:20px; top:15px;}
.modal_inner .close_btn:before {content:'\f00d'; font-size:1em; font-weight:400; font-family:'Font Awesome 6 Pro'}
.modal_inner .tit {font-size:1.25em; line-height:1.5em; margin-bottom:20px; text-align:center;}
.modal_inner .txt {font-size:0.875em; color:#666; line-height:1.5em;}
.modal_popup.on {opacity:1; visibility:visible;}

@media screen and (max-width:767px){
    .modal_inner {padding:30px; border-radius:10px;}
    .modal_inner .close_btn {font-size:1.4em; top:10px; right:15px;}
    .modal_inner .tit {font-size:1.125em;}
    .modal_inner .txt {font-size:0.9375em;}
}



/* sub */
#sub_title {padding:200px 0 70px;}
#sub_title h2 {font-size:1.5em; color:#0064ff; text-transform:uppercase;}
#sub_title p {font-size:3.75em; line-height:1.16em; font-weight:700; margin-top:10px;}

.sub_title2 p {font-size:1.5em; font-weight:700; margin-bottom:10px;}
.sub_title2 h3 {font-size:6.25em; line-height:1em; font-weight:600; font-family:'Poppins', 'Pretendard'}

.s_tit1 {font-size:2.5em; line-height:1.25em; font-weight:700;}

.s_txt1 {font-size:1.125em; color:#666; line-height:1.55em;}

@media screen and (max-width:1024px){
    #sub_title {padding:120px 0 7%;}
    #sub_title h2 {font-size:1.3em;}
    #sub_title p {font-size:2.7em; margin-top:1%;}

    .sub_title2 p {font-size:1.3em;}
    .sub_title2 h3 {font-size:4em;}

    .s_tit1 {font-size:2em;}

    .s_txt1 {font-size:1em;}
}

@media screen and (max-width:767px){
    #sub_title {padding-top:100px;}
    #sub_title h2 {font-size:1.2em;}
    #sub_title p {font-size:2em; margin-top:1%;}

    .sub_title2 p {font-size:1.125em;}
    .sub_title2 h3 {font-size:2.5em;}

    .s_tit1 {font-size:1.8em;}
}

#sVisu {width:100%; height:0; padding-bottom:56.25vw; position:relative;}
#sVisu > div {width:1580px; height:500px; max-width:100%; max-height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%); border-radius:20px; overflow:hidden; --before-scale: 1.15; --after-opacity: 0;}
#sVisu > div:before {content:''; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; transform: scale(var(--before-scale));}
#sVisu > div:after {content:''; display:block; width:100%; height:100%; background:rgba(0,30,77,0.2); position:absolute; left:0; top:0; z-index:2; opacity: var(--after-opacity);}
#sVisu .txt {width:470px; font-size:1.5em; color:#fff; line-height:1.45em; font-weight:600; position:absolute; left:50%; bottom:200px; margin-left:130px;}

.sVisu1 > div:before {background-image:url(../images/sVisu_img1.jpg)}
.sVisu3 > div:before {background-image:url(../images/sVisu_img3.jpg)}
.sVisu5 > div:before {background-image:url(../images/sVisu_img5.jpg)}

@media screen and (max-width:1600px){
    #sVisu > div {width:1200px; height:350px;}
}

@media screen and (max-width:1220px){
    #sVisu > div {width:88%; height:55%;}
    #sVisu .txt {left:auto; right:6%; margin-left:0; bottom:100px;}
}

@media screen and (max-width:1024px){
    #sVisu {height:78.125vw}
    #sVisu > div {height:50%; border-radius:10px;}
    #sVisu .txt {width:50%; font-size:1.25em; bottom:50px;}
}

@media screen and (max-width:767px){
    #sVisu {height:100vh}
    #sVisu > div {height:30%; border-radius:10px;}
    #sVisu .txt {width:88%; font-size:1.125em; bottom:30px;}
}


#sub_content {min-height:50vh;}

.scroll_box {display:none;}

@keyframes moveScrollAni {
    0%, 10% {
        left: 0;
        margin-left: 0px;
    }
    50% {
        left: 100%;
        margin-left: -20px;
    }
    100% {
        left: 0;
        margin-left: 0px;
    }
}

@media screen and (max-width:767px){
    .scroll_box {display:flex; justify-content:end; margin-bottom:2%;}
    .scroll_box p {font-size:0.875em; color:#666; margin-right:10px;}
    .scroll_box div {width:50px; position:relative; margin-top:2px;}
    .scroll_box div:before {content:''; display:block; width:100%; height:3px; background:#ccc; border-radius:5px; position:absolute; left:4px; right:0;}
    .scroll_box div i {display:block; width:25px; font-size:1.5em; color:#aaa; text-align:center; position:relative; margin-top:-1px; padding-top:10px; animation:moveScrollAni 3s both infinite;}
    .scroll_box div i:after {content:''; display:block; width:100%; height:5px; background:rgba(0,0,0,0.7); border-radius:5px; position:absolute; left:0; top:0;}
}



.sAbout_case1 {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.sAbout_case1 .txt_box {width:calc(50% - 100px)}
.sAbout_case1 .txt_box .s_tit1 {margin-bottom:30px;}
.sAbout_case1 .txt_box .s_txt1 {margin-top:20px;}
.sAbout_case1 .img_box {width:50%; height:638px; background:url(../images/sAbout_img1.jpg) no-repeat center center; background-size:cover; border-radius:20px;}

.sAbout_case2 {display:flex; justify-content:center; align-items:center; width:100%; padding:180px 0;}
.sAbout_case2 div {width:fit-content; position:relative; margin:0 auto;}
.sAbout_case2 p {font-size:1.875em; line-height:1.33em; white-space:nowrap;}
.sAbout_case2 p strong {color:#0064ff; font-weight:600;}
.sAbout_case2 p:first-child {opacity:0.2;}
.sAbout_case2 p:last-child {width:0; position:absolute; left:0; top:0; overflow:hidden; transition:width 0.7s linear;}

.sAbout_case2.on div:nth-child(2) p:last-child {transition-delay:0.7s;}
.sAbout_case2.on div:nth-child(3) p:last-child {transition-delay:1.4s;}
.sAbout_case2.on div:nth-child(4) p:last-child {transition-delay:2.1s;}
.sAbout_case2.on p:last-child {width:100%;}

.sAbout_case3 table {width:100%;}
.sAbout_case3 table thead th {width:42%; background:#000; border-left:1px solid #fff; font-size:1.375em; color:#fff; font-weight:600; padding:25px 0;}
.sAbout_case3 table thead th img {height:50px;}
.sAbout_case3 table thead th:first-child {width:16%; border-left:0;}
.sAbout_case3 table thead th:last-child {background:#0064ff; border-left-color:#000;}
.sAbout_case3 table tbody th {border-bottom:1px solid #000; font-size:1.375em; font-weight:600; text-align:center; padding:25px 0;}
.sAbout_case3 table tbody td {border-bottom:1px solid #000; border-left:1px solid #000; font-size:1.375em; color:#666; line-height:1.4em; text-align:center; padding:25px 10px;}
.sAbout_case3 table tbody td:last-child {font-size:1.5em; color:#0064ff; font-weight:600; border-bottom-color:#0064ff;}
.sAbout_case3 table tbody tr:last-child th, .sAbout_case3 table tbody tr:last-child td {border-bottom-width:2px;}

.sAbout_case4 {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:url(../images/sAbout_img2.jpg) no-repeat center center; background-size:cover; position:relative; overflow:hidden;}
.sAbout_case4:before {content:''; display:block; width:100%; height:100%; background:rgba(25,25,25,0.5); position:absolute; left:0; top:0; z-index:0;}
.sAbout_case4 > div {position:relative; z-index:5;}

.sAbout_case5 ul {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%;}
.sAbout_case5 ul > li {width:calc(33.33% - 14px); background:#fff; border-radius:20px; box-shadow:5px 5px 20px rgba(0,0,0,0.1); overflow:hidden;}
.sAbout_case5 ul > li dl dt {display:flex; justify-content:center; align-items:center; width:100%; height:75px; background:#0064ff; font-size:1.5em; color:#fff; font-weight:600; text-align:center;}
.sAbout_case5 ul > li dl dd {font-size:1.125em; color:#666; line-height:1.55em; padding:30px 40px;}

.sAbout_case6 {display:flex; width:100%; position:relative;}
.sAbout_case6 .img_box {width:50%; height:100vh; position:sticky; left:0; top:0;}
.sAbout_case6 .img_box .sub_title2 {width:790px; position:absolute; right:0; top:200px; z-index:5;}
.sAbout_case6 .img_box .image {width:100%; height:100%; position:relative; overflow:hidden;}
.sAbout_case6 .img_box .image > div {position:absolute; left:0; top:0; clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0% 100%); object-fit:cover; transform:scale(1.5, 1.5)}
.sAbout_case6 .img_box .image > div:first-child {clip-path:polygon(0 0, 100% 0, 100% 100%, 0% 100%); transform:scale(1, 1)}
.sAbout_case6 .txt_box {width:50%;}
.sAbout_case6 .txt_box > div {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; min-height:100vh; padding:50px 150px;}
.sAbout_case6 .txt_box > div .img {display:none;}
.sAbout_case6 .txt_box > div .tit {display:flex; flex-wrap:wrap; gap:10px 30px; width:100%; padding-left:60px; position:relative; margin-bottom:70px;}
.sAbout_case6 .txt_box > div .tit span {font-size:2.5em; color:#0064ff; font-weight:700; position:absolute; left:0; top:0;}
.sAbout_case6 .txt_box > div .tit .t1 {font-size:2.5em; color:#0064ff; font-weight:700;}
.sAbout_case6 .txt_box > div .tit .t2 {font-size:1.5em; line-height:1.45em;}
.sAbout_case6 .txt_box > div .list {display:flex; flex-wrap:wrap; gap:10px 30px; width:100%; border-top:1px solid #191919; padding-top:30px; margin-bottom:50px;}
.sAbout_case6 .txt_box > div .list:last-child {margin-bottom:0;}
.sAbout_case6 .txt_box > div .list .t1 {font-size:1.5em; font-weight:600;}
.sAbout_case6 .txt_box > div .list .t1 span {display:block; font-size:0.75em; color:#0064ff; margin-top:5px;}
.sAbout_case6 .txt_box > div .list ul li {font-size:1.125em; color:#666; line-height:1.55em; margin-bottom:10px;}
.sAbout_case6 .txt_box > div .list ul li:before {content:'·'; display:inline-block; width:30px; font-weight:900; text-align:center;} 
.sAbout_case6 .txt_box > div .list ul li:last-child {margin-bottom:0;}
.sAbout_case6 .img {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sAbout_case6 .img:before {content:''; display:block; width:100%; height:100%; background:rgba(0,42,108,0.3)}

.sAbout_case6 .img1 {background-image:url(../images/sAbout_img3_1.jpg)}
.sAbout_case6 .img2 {background-image:url(../images/sAbout_img3_2.jpg)}
.sAbout_case6 .img3 {background-image:url(../images/sAbout_img3_3.jpg)}
.sAbout_case6 .img4 {background-image:url(../images/sAbout_img3_4.jpg)}
.sAbout_case6 .img5 {background-image:url(../images/sAbout_img3_5.jpg)}

.sAbout_case7 {width:100%; background:#f7f8fb; overflow:hidden; padding:150px 0}
.sAbout_case7 .box1 {text-align:center; overflow-x:auto;}
.sAbout_case7 .box1 img {max-width:100%;}

.sAbout_case8 ul {display:flex; flex-wrap:wrap; gap:30px 21px; width:100%;}
.sAbout_case8 ul li {width:calc(33.33% - 14px);}
.sAbout_case8 ul li .img {border:1px solid #9aa1b5; overflow:hidden;}
.sAbout_case8 ul li .img img {width:100%;}
.sAbout_case8 ul li p {font-size:1.25em; font-weight:600; text-align:center; margin-top:15px;}

.sAbout_case9 .map_box {width:100%; height:600px; background:#f8f9fc; border-radius:20px; overflow:hidden;}
.sAbout_case9 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sAbout_case9 .info_box {position:relative; padding-right:360px;}
.sAbout_case9 .info_box .add {font-size:1.875em; font-weight:600;}
.sAbout_case9 .info_box dl {margin-top:20px; overflow:hidden;}
.sAbout_case9 .info_box dl dt {float:left; font-size:1.25em; font-weight:600; line-height:1.4em; margin-right:10px;}
.sAbout_case9 .info_box dl dd {float:left; font-size:1.125em; color:#666; line-height:1.5em; margin-right:20px;}
.sAbout_case9 .info_box dl dd:last-child {margin-right:0;}
.sAbout_case9 .info_box ul {display:flex; gap:0 10px; position:absolute; right:0; top:0;}
.sAbout_case9 .info_box ul .firstagency_btn1 {display:flex; justify-content:space-between; align-items:center; width:150px;}
.sAbout_case9 .info_box ul .firstagency_btn1 i {margin-left:0;}

.sAbout_slide1 .swiper-slide {display:flex; justify-content:center; align-items:center; flex-direction:column; width:236px; height:236px; background:rgba(255,255,255,0.1); backdrop-filter:blur(20px); border-radius:50%; text-align:center;}
.sAbout_slide1 .swiper-slide:after {content:'\f054'; display:block; width:33px; font-size:1.25em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'; position:absolute; left:100%; top:50%; transform:translateY(-50%)}
.sAbout_slide1 .swiper-slide:last-child:after {display:none;}
.sAbout_slide1 .step {width:100px; line-height:38px; background:#0064ff; border-radius:20px; font-size:1.125em; color:#fff; font-weight:600; font-family:'Poppins'; margin-bottom:15px;}
.sAbout_slide1 .txt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:600;}

.sAbout_slide2 .img_box {width:100%; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; overflow:hidden; position:relative; box-shadow:5px 5px 20px rgba(0,0,0,0.1)}
.sAbout_slide2 .img_box:before {content:''; display:block; width:100%; height:100%; background-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%)}
.sAbout_slide2 .img_box ul {position:absolute; left:0; bottom:0; z-index:5; padding:0 30px 40px;}
.sAbout_slide2 .img_box ul li {display:flex; font-size:1.25em; color:#fff; line-height:1.5em;}
.sAbout_slide2 .img_box ul li:before {content:'·'; display:block; width:30px; font-weight:900; text-align:center;}
.sAbout_slide2 dl {margin-top:30px;}
.sAbout_slide2 dl dt {font-size:1.5em; font-weight:600;}
.sAbout_slide2 dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:10px;}

@media all and (max-width:1600px) {
    .sAbout_slide1 .swiper-slide {width:calc(16.66% - 27.5px); height:14vw;}
    .sAbout_slide1 .txt {font-size:1.4em;}

    .sAbout_case6 .img_box .sub_title2 {width:calc(100% - 50px);}
    .sAbout_case6 .txt_box > div {padding:50px 100px;}
    
}

@media screen and (max-width:1220px){
    .sAbout_case1 .txt_box {width:calc(50% - 50px)}
    .sAbout_case1 .img_box {height:53vw}

    .sAbout_case6 .img_box .sub_title2 {width:calc(100% - 6vw)}
    .sAbout_case6 .txt_box > div {padding:50px;}

    .sAbout_case9 .info_box dl dt {clear:both;}

    .sAbout_slide1 .swiper-slide {width:200px; height:200px;}

    .sAbout_slide2 .img_box {height:36vw;}
    .sAbout_slide2 .img_box ul {padding:0 20px 30px;}
}

@media screen and (max-width:1024px){
    .sAbout_case1 .txt_box {width:calc(50% - 25px)}
    .sAbout_case1 .txt_box .s_tit1 {margin-bottom:15px;}
    .sAbout_case1 .txt_box .s_txt1 {margin-top:10px;}
    .sAbout_case1 .img_box {border-radius:10px;}

	.sAbout_case2 {padding:20% 0;}
    .sAbout_case2 p {font-size:1.5em;}

    .sAbout_case3 table thead th {font-size:1.2em; padding:15px 0;}
    .sAbout_case3 table thead th img {height:38px;}
    .sAbout_case3 table tbody th {font-size:1.2em; padding:15px 0;}
    .sAbout_case3 table tbody td {font-size:1.2em; padding:15px 10px;}
    .sAbout_case3 table tbody td:last-child {font-size:1.3em;}

    .sAbout_case4 {height:auto; padding:20% 0;}

    .sAbout_case5 ul > li {width:calc(33.33% - 6.66px); border-radius:10px;}
    .sAbout_case5 ul > li dl dt {height:60px; font-size:1.3em;}
    .sAbout_case5 ul > li dl dd {font-size:1em; padding:20px;}

    .sAbout_case6 .img_box .sub_title2 {top:100px;}
    .sAbout_case6 .txt_box > div {padding:30px;}
    .sAbout_case6 .txt_box > div .tit {gap:5px 15px; padding-left:40px; margin-bottom:30px;}
    .sAbout_case6 .txt_box > div .tit span {font-size:2em;}
    .sAbout_case6 .txt_box > div .tit .t1 {font-size:2em;}
    .sAbout_case6 .txt_box > div .tit .t2 {font-size:1.3em;}
    .sAbout_case6 .txt_box > div .list {gap:10px 20px; padding-top:15px; margin-bottom:20px;}
    .sAbout_case6 .txt_box > div .list .t1 {font-size:1.3em; top:15px;}
    .sAbout_case6 .txt_box > div .list ul li {font-size:1em; margin-bottom:5px;}
    .sAbout_case6 .txt_box > div .list ul li:before {width:20px; line-height:1em;}

    .sAbout_case7 {padding:15% 0;}
    .sAbout_case7 .box1 img {min-width:900px;}

    .sAbout_case8 ul {gap:20px 10px;}
    .sAbout_case8 ul li {width:calc(33.33% - 6.66px)}
    .sAbout_case8 ul li p {font-size:1.125em; margin-top:5px;}

    .sAbout_case9 .map_box {height:400px; border-radius:10px;}
    .sAbout_case9 .info_box {padding-right:250px;}
    .sAbout_case9 .info_box .add {font-size:1.5em;}
    .sAbout_case9 .info_box dl {margin-top:10px;}
    .sAbout_case9 .info_box dl dt {font-size:1.125em;}
    .sAbout_case9 .info_box dl dd {font-size:1em; margin-right:0;}
    .sAbout_case9 .info_box ul {gap:0 5px;}
    .sAbout_case9 .info_box ul .firstagency_btn1 {width:120px;}

    .sAbout_slide1 .swiper-slide {width:170px; height:170px;}
    .sAbout_slide1 .swiper-slide:after {width:25px; font-size:1.125em;}
    .sAbout_slide1 .step {width:80px; line-height:34px; font-size:1em; margin-bottom:10px;}
    .sAbout_slide1 .txt {font-size:1.3em;}

    .sAbout_slide2 .img_box {border-radius:10px;}
    .sAbout_slide2 .img_box ul {padding:0 15px 15px;}
    .sAbout_slide2 .img_box ul li {font-size:1.125em;}
    .sAbout_slide2 .img_box ul li:before {width:20px;}
    .sAbout_slide2 dl {margin-top:20px;}
    .sAbout_slide2 dl dt {font-size:1.3em;}
    .sAbout_slide2 dl dd {font-size:1em; margin-top:5px;}
}

@media screen and (max-width:767px){
    .sAbout_case1 .txt_box {width:100%;}
    .sAbout_case1 .txt_box .s_tit1 {margin-bottom:3%;}
    .sAbout_case1 .txt_box .s_txt1 {margin-top:2%;}
    .sAbout_case1 .img_box {width:100%; height:83vw; margin-top:5%;}

    .sAbout_case2 p {font-size:1.3em;}

    .sAbout_case3 table thead th {font-size:1em; padding:10px 0;}
    .sAbout_case3 table thead th img {width:60%; height:auto;}
    .sAbout_case3 table tbody th {font-size:1em; padding:10px 0;}
    .sAbout_case3 table tbody td {font-size:1em; padding:10px;}
    .sAbout_case3 table tbody td:last-child {font-size:1em;}

    .sAbout_case5 ul > li {width:85%; margin:0 auto 10px;}
    .sAbout_case5 ul > li:last-child {margin-bottom:0;}
    .sAbout_case5 ul > li dl dt {height:40px; font-size:1.125em;}
    .sAbout_case5 ul > li dl dd {padding:15px;}
    
    .sAbout_case6 {display:block;}
    .sAbout_case6 .img_box {width:100%; height:auto; position:relative;}
    .sAbout_case6 .img_box .sub_title2 {width:88%; margin:0 auto; position:relative; left:0; top:0;}
    .sAbout_case6 .img_box .sub_title2 p, .sAbout_case6 .img_box .sub_title2 h3 {color:#191919 !important;}
    .sAbout_case6 .img_box .image {display:none;}
    .sAbout_case6 .txt_box {width:100%;}
    .sAbout_case6 .txt_box > div {min-height:0; padding:0; margin-top:5%;}
    .sAbout_case6 .txt_box > div .img {display:block; width:88%; height:52vw; margin:0 auto; border-radius:10px;}
    .sAbout_case6 .txt_box > div .tit {width:88%; gap:5px 10px; padding-left:30px; margin:4% auto 3%;}
    .sAbout_case6 .txt_box > div .tit span {font-size:1.5em;}
    .sAbout_case6 .txt_box > div .tit .t1 {font-size:1.5em;}
    .sAbout_case6 .txt_box > div .tit .t2 {width:100%; font-size:1.125em;}
    .sAbout_case6 .txt_box > div .list {width:88%; gap:5px 15px; padding-top:10px; margin:0 auto 3%;}
    .sAbout_case6 .txt_box > div .list .t1 {font-size:1.125em; top:10px;}
    .sAbout_case6 .txt_box > div .list ul li:before {width:15px;}

    .sAbout_case7 {margin-top:15%;}
    .sAbout_case7 .box1 img {min-width:700px;}

    .sAbout_case8 ul {gap:20px 5px;}
    .sAbout_case8 ul li {width:calc(50% - 2.5px)}
    .sAbout_case8 ul li p {font-size:1em;}

    .sAbout_case9 .map_box {height:220px;}
    .sAbout_case9 .info_box {padding-right:0;}
    .sAbout_case9 .info_box .add {font-size:1.3em;}
    .sAbout_case9 .info_box dl dt {font-size:1em;}
    .sAbout_case9 .info_box ul {justify-content:end; gap:0 5px; position:relative; margin-top:6%;}
    .sAbout_case9 .info_box ul .firstagency_btn1 {width:100px;}

    .sAbout_slide1 .swiper-slide {width:140px; height:140px;}
    .sAbout_slide1 .swiper-slide:after {width:25px; font-size:1.125em;}
    .sAbout_slide1 .step {width:70px; line-height:30px;}
    .sAbout_slide1 .txt {font-size:1.125em;}

    .sAbout_slide2 .swiper-slide {width:260px;}
    .sAbout_slide2 .img_box {height:310px;}
    .sAbout_slide2 .img_box ul li {font-size:1em;}
    .sAbout_slide2 dl {margin-top:15px;}
    .sAbout_slide2 dl dt {font-size:1.2em;}
}


.sService_case1 {counter-reset:counter;}
.sService_case1 > div {padding-top:150px; position:relative;}
.sService_case1 > div:before {content:counter(counter, decimal-leading-zero); counter-increment:counter; font-size:12.5em; color:#f7f8fb; line-height:1em; font-weight:700; position:absolute; left:0; bottom:0; pointer-events:none; z-index:-1;}
.sService_case1 > div .s_tit1 {color:#0064ff;}
.sService_case1 > div .txt1 {font-size:1.875em; line-height:1.4em; margin-toP:10px;}
.sService_case1 > div .img_box {width:100%; height:450px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:20px; margin:50px 0;}
.sService_case1 > div .txt_box {display:flex; justify-content:space-between;}
.sService_case1 > div .txt_box .s_txt1 {width:calc(50% - 80px)}
.sService_case1 > div .txt_box ul {width:calc(50% - 30px)}
.sService_case1 > div .txt_box ul li {display:flex; align-items:center; margin-bottom:10px;}
.sService_case1 > div .txt_box ul li:last-child {margin-bottom:0;}
.sService_case1 > div .txt_box ul li .icon {width:70px; height:70px; background-color:#0064ff; background-repeat:no-repeat; background-position:center center; background-size:contain; border-radius:20px}
.sService_case1 > div .txt_box ul li p {width:calc(100% - 70px); font-size:1.375em; line-height:1.4em; font-weight:600; padding-left:30px;}
.sService_case1 > div .txt_box ul li p span {display:block; font-size:0.81em; color:#666; font-weight:400; line-height:1.4em;}

.sService_case1 > div .txt_box ul li .icon1 {background-image:url(../images/sService_icon1.png)}
.sService_case1 > div .txt_box ul li .icon2 {background-image:url(../images/sService_icon2.png)}
.sService_case1 > div .txt_box ul li .icon3 {background-image:url(../images/sService_icon3.png)}
.sService_case1 > div .txt_box ul li .icon4 {background-image:url(../images/sService_icon4.png)}
.sService_case1 > div .txt_box ul li .icon5 {background-image:url(../images/sService_icon5.png)}
.sService_case1 > div .txt_box ul li .icon6 {background-image:url(../images/sService_icon6.png)}
.sService_case1 > div .txt_box ul li .icon7 {background-image:url(../images/sService_icon7.png)}
.sService_case1 > div .txt_box ul li .icon8 {background-image:url(../images/sService_icon8.png)}
.sService_case1 > div .txt_box ul li .icon9 {background-image:url(../images/sService_icon9.png)}
.sService_case1 > div .txt_box ul li .icon10 {background-image:url(../images/sService_icon10.png)}
.sService_case1 > div .txt_box ul li .icon11 {background-image:url(../images/sService_icon11.png)}
.sService_case1 > div .txt_box ul li .icon12 {background-image:url(../images/sService_icon12.png)}
.sService_case1 > div .txt_box ul li .icon13 {background-image:url(../images/sService_icon13.png)}
.sService_case1 > div .txt_box ul li .icon14 {background-image:url(../images/sService_icon14.png)}
.sService_case1 > div .txt_box ul li .icon15 {background-image:url(../images/sService_icon15.png)}
.sService_case1 > div .txt_box ul li .icon16 {background-image:url(../images/sService_icon16.png)}
.sService_case1 > div .txt_box ul li .icon17 {background-image:url(../images/sService_icon17.png)}
.sService_case1 > div .txt_box ul li .icon18 {background-image:url(../images/sService_icon18.png)}
.sService_case1 > div .txt_box ul li .icon19 {background-image:url(../images/sService_icon19.png)}
.sService_case1 > div .txt_box ul li .icon20 {background-image:url(../images/sService_icon20.png)}
.sService_case1 > div .txt_box ul li .icon21 {background-image:url(../images/sService_icon21.png)}
.sService_case1 > div .txt_box ul li .icon22 {background-image:url(../images/sService_icon22.png)}

@media screen and (max-width:1220px){
    .sService_case1 > div .txt_box .s_txt1 {width:50%;}
}

@media screen and (max-width:1024px){
    .sService_case1 > div {padding-top:15%;}
    .sService_case1 > div:before {font-size:6em;}
    .sService_case1 > div .txt1 {font-size:1.5em; margin-top:1%;}
    .sService_case1 > div .img_box {height:35vw; border-radius:10px; margin:5% 0;}
    .sService_case1 > div .txt_box ul li .icon {width:50px; height:50px; border-radius:10px;}
    .sService_case1 > div .txt_box ul li p {width:calc(100% - 50px); font-size:1.125em; padding-left:15px;}
}

@media screen and (max-width:767px){
    .sService_case1 > div:before {display:none;}
    .sService_case1 > div .txt1 {font-size:1.2em;}
    .sService_case1 > div .txt_box {display:block;}
    .sService_case1 > div .txt_box .s_txt1 {width:100%; margin-bottom:3%;}
    .sService_case1 > div .txt_box ul {width:100%;}
    .sService_case1 > div .txt_box ul li {margin-bottom:5px;}
    .sService_case1 > div .txt_box ul li .icon {width:40px; height:40px; border-radius:5px;}
    .sService_case1 > div .txt_box ul li p {width:calc(100% - 40px); font-size:1.125em; padding-left:10px;}
}


.sContact_case1 .form_box > div {margin-bottom:70px;}
.sContact_case1 .form_box > div:after {content:''; display:block; width:100%; clear:both;}
.sContact_case1 .form_box > div:last-child {margin-bottom:0;}
.sContact_case1 .form_box > div .t1 {font-size:1.25em; font-weight:600; margin-bottom:30px;}
.sContact_case1 .form_box > div .t1 i {color:#0064ff; font-style:normal;}
.sContact_case1 .form_box > div .t1 span {font-size:0.8em; color:#666; font-weight:400; margin-left:10px;}
.sContact_case1 .form_box > div .form_txt {display:block; width:100%; height:60px; border-radius:0; border:0 !important; border-bottom:1px solid #191919 !important; font-size:1em;}
.sContact_case1 .form_box > div .form_txt::placeholder {color:#9aa1b5;}
.sContact_case1 .form_box > div .form_txt::-webkit-input-placeholder {color:#9aa1b5;}
.sContact_case1 .form_box > div .form_txt:-ms-input-placeholder {color:#9aa1b5;}
.sContact_case1 .form_box > div .form_txt:focus {outline:none; box-shadow:none !important;}
.sContact_case1 .form_box > div .form_textarea {display:block; width:100%; height:60px; border-radius:0; border:0 !important; border-bottom:1px solid #191919 !important; font-size:1em; padding:20px 0; resize:none;}
.sContact_case1 .form_box > div .form_textarea::placeholder {color:#9aa1b5;}
.sContact_case1 .form_box > div .form_textarea::-webkit-input-placeholder {color:#9aa1b5;}
.sContact_case1 .form_box > div .form_textarea:-ms-input-placeholder {color:#9aa1b5;}
.sContact_case1 .form_box > div .form_textarea:focus {outline:none; box-shadow:none !important;}
.sContact_case1 .form_box > div .check_box input {display:none;}
.sContact_case1 .form_box > div .check_box label {display:flex;}
.sContact_case1 .form_box > div .check_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:24px; height:24px; border:1px solid #191919; border-radius:5px; font-size:0.875em; color:#fff; font-weight:900; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .form_box > div .check_box label span {width:calc(100% - 24px); font-size:1.125em; color:#666; line-height:24px; padding-left:10px;}
.sContact_case1 .form_box > div .check_box input:checked + label:before {background:#0064ff; border-color:#0064ff;}
.sContact_case1 .form_box > div .firstagency_btn1 {float:right; clear:both;}

.sContact_case1 .form_box > div .input_list {display:flex; justify-content:space-between; flex-wrap:wrap;}
.sContact_case1 .form_box > div .input_list li {width:calc(50% - 15px)}
.sContact_case1 .form_box > div .input_list li:nth-child(2) ~ li {margin-top:10px;}

.sContact_case1 .form_box > div .check_list {display:flex; flex-wrap:wrap;}
.sContact_case1 .form_box > div .check_list li {width:26%}
.sContact_case1 .form_box > div .check_list li:nth-child(3) ~ li {margin-top:15px;}

.sContact_case1 .form_box > div .privacy_box {float:left; display:flex; background:#f7f8fb; border-radius:8px; padding:12px 15px; margin-top:30px;}
.sContact_case1 .form_box > div .privacy_box input {display:none;}
.sContact_case1 .form_box > div .privacy_box label {display:flex; align-items:center;}
.sContact_case1 .form_box > div .privacy_box label:before {content:'\f00c'; display:flex; justify-content:center; align-items:center; width:20px; height:20px; background:#fff; border:1px solid #9aa1b5; border-radius:5px; font-size:0.75em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .form_box > div .privacy_box label span {font-size:0.875em; color:#666; line-height:20px; padding-left:10px;}
.sContact_case1 .form_box > div .privacy_box input:checked + label:before {background:#191919; border-color:#191919;}
.sContact_case1 .form_box > div .privacy_box button {display:inline-block; font-size:0.875em; font-weight:600; border-bottom:1px solid #191919; margin-left:10px;}

@media screen and (max-width:1220px){
	.sContact_case1 .form_box > div .check_list li {width:33.33%;}
}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box > div {margin-bottom:40px;}
    .sContact_case1 .form_box > div .t1 {font-size:1.125em; margin-bottom:15px;}
    .sContact_case1 .form_box > div .form_txt {height:40px;}
    .sContact_case1 .form_box > div .form_textarea {height:40px; padding:10px 0;}
    .sContact_case1 .form_box > div .check_box label:before {width:20px; height:20px;}
    .sContact_case1 .form_box > div .check_box label span {width:calc(100% - 20px); line-height:20px;}
    .sContact_case1 .form_box > div .firstagency_btn1 {margin-top:15px;}
    
    .sContact_case1 .form_box > div .input_list li {width:100%;}
    .sContact_case1 .form_box > div .input_list li:nth-child(1) ~ li {margin-top:10px;}

    .sContact_case1 .form_box > div .check_list li {width:100%;}
    .sContact_case1 .form_box > div .check_list li:nth-child(1) ~ li {margin-top:10px;}

    .sContact_case1 .form_box > div .privacy_box {margin-top:15px; padding:10px;}
    .sContact_case1 .form_box > div .privacy_box label:before {width:18px; height:18px;}
    .sContact_case1 .form_box > div .privacy_box label span {line-height:18px;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box > div {margin-bottom:7%;}
    .sContact_case1 .form_box > div .t1 {margin-bottom:4%;}
    .sContact_case1 .form_box > div .form_txt {height:35px;}
    .sContact_case1 .form_box > div .form_textarea {height:35px; padding:5px 0; resize:none;}
    .sContact_case1 .form_box > div .check_box label:before {width:18px; height:18px;}
    .sContact_case1 .form_box > div .check_box label span {width:calc(100% - 18px); line-height:18px; padding-left:7px; border-radius:3px;}
    
    .sContact_case1 .form_box > div .input_list li:nth-child(1) ~ li {margin-top:7px;}

    .sContact_case1 .form_box > div .check_list li:nth-child(1) ~ li {margin-top:7px;}

    .sContact_case1 .form_box > div .privacy_box {margin-top:10px; padding:7px; border-radius:5px;}
    .sContact_case1 .form_box > div .privacy_box label:before {width:16px; height:16px; border-radius:3px;}
    .sContact_case1 .form_box > div .privacy_box label span {line-height:16px; padding-left:7px;}
}