@charset "utf-8";


.daeyoung_btn1 {display:block; width:fit-content; position:relative}
.daeyoung_btn1:before {content:''; display:block; width:0; height:100%; background:#084796; position:absolute; left:auto; right:0; top:0; transition:all 0.3s linear;}
.daeyoung_btn1 span {display:flex; align-items:center; border:1px solid #084796; font-size:0.875em; color:#084796; font-weight:700; font-family:'Paperlogy'; padding-left:24px; position:relative; z-index:5; transition:color 0.3s;}
.daeyoung_btn1 span:after {content:'\2b'; display:flex; justify-content:center; align-items:center; width:52px; height:52px; font-size:1em; font-weight:900; font-family:'Font Awesome 6 Pro'; border-left:1px  solid #084796; margin-left:24px;}
.daeyoung_btn1:hover:before {width:100%; right:auto; left:0;}
.daeyoung_btn1:hover span {color:#fff;}
.daeyoung_btn1.white:before {background:#fff;}
.daeyoung_btn1.white span {border-color:#fff; color:#fff;}
.daeyoung_btn1.white span:after {border-color:#fff;}
.daeyoung_btn1.white:hover span {color:#084796;}

@media screen and (max-width:1024px){
    .daeyoung_btn1 span {padding-left:15px;}
    .daeyoung_btn1 span:after {width:45px; height:45px; margin-left:15px;}
}

@media screen and (max-width:767px){
    .daeyoung_btn1 span {padding-left:10px;}
    .daeyoung_btn1 span:after {width:35px; height:35px; margin-left:10px;}
}



/* header */
#daeyoung_header {display:flex; justify-content:space-between; align-items:center; width:100%; height:136px; padding:0 48px; position:fixed; left:0; top:0; z-index:500; transition:height 0.6s, background 0.6s;}

#daeyoung_header .h_util {display:flex; align-items:center; position:relative;}
#daeyoung_header .h_lang {display:flex; align-items:center; gap:0 16px; position:relative; z-index:5; margin-right:40px;}
#daeyoung_header .h_lang li a {display:block; font-size:1em; color:rgba(255,255,255,0.5); font-weight:700; position:relative; padding-bottom:5px; transition:color 0.5s;}
#daeyoung_header .h_lang li a:hover {color:#fff;}
#daeyoung_header .h_lang li.on a {color:#fff;}
#daeyoung_header .h_lang li.on a:after {content:''; display:block; width:100%; height:2px; background:#fff; position:absolute; left:0; bottom:0;}

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

#daeyoung_gnb {width:100%; position:absolute; left:0; top:0;}
#daeyoung_gnb > ul {display:flex; justify-content:center;}
#daeyoung_gnb > ul > li {position:relative;}
#daeyoung_gnb > ul > li > a {display:block; font-size:1.25em; color:#fff; line-height:136px; font-weight:700; padding:0 36px; transition:line-height 0.6s}
#daeyoung_gnb > ul > li > ul {width:calc(100% + 30px); position:absolute; left:50%; top:calc(100% - 20px); transform:translateX(-50%); padding:18px 0; opacity:0; visibility:hidden; transition:all 0.2s cubic-bezier(0.4, 0, 1, 1);}
#daeyoung_gnb > ul > li > ul:before {content:''; display:block; width:100%; height:0; background:#084796; border-radius:4px; transition:all 0.2s cubic-bezier(0.4, 0, 1, 1); position:absolute; left:0; top:0; right:0; bottom:0;}
#daeyoung_gnb > ul > li > ul > li {position:relative; z-index:5; opacity:0; transition:opacity 0s 0s;}
#daeyoung_gnb > ul > li > ul > li > a {display:block; font-size:1em; color:rgba(255,255,255,0.5); font-weight:600; text-align:center; padding:10px 8px; transition:color 0.4s;}
#daeyoung_gnb > ul > li > ul > li > a:hover {color:#fff;}

#daeyoung_gnb > ul > li:hover > ul {opacity:1; visibility:visible;}
#daeyoung_gnb > ul > li:hover > ul:before {height:100%;}
#daeyoung_gnb > ul > li:hover > ul > li {opacity:1; transition:all 0.7s ease-in-out;}
#daeyoung_gnb > ul > li:hover > ul > li:nth-child(1) {transition-delay:0.1s;}
#daeyoung_gnb > ul > li:hover > ul > li:nth-child(2) {transition-delay:0.2s;}
#daeyoung_gnb > ul > li:hover > ul > li:nth-child(3) {transition-delay:0.3s;}
#daeyoung_gnb > ul > li:hover > ul > li:nth-child(4) {transition-delay:0.4s;}
#daeyoung_gnb > ul > li:hover > ul > li:nth-child(5) {transition-delay:0.5s;}

#all_gnb {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:9; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
#all_gnb:before {content:''; display:block; width:100%; height:0; background:#000; position:absolute; left:0; top:0; transition:height 0.5s;}
#all_gnb > div {position:relative; z-index:10; opacity:0; transition:opacity 0.4s;}
#all_gnb > div > ul > li {display:flex; justify-content:space-between; align-items:center; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); padding:30px 0; transition:border 0.3s}
#all_gnb > div > ul > li > a {display:block; font-size:3.125em; color:#fff; font-weight:700; transition:color 0.3s}
#all_gnb > div > ul > li > ul {align-items:center;}
#all_gnb > div > ul > li > ul > li > a {display:block; font-size:1.25em; color:#fff; font-weight:500; position:relative; padding:0 21px; transition:color 0.3s}
#all_gnb > div > ul > li > ul > li:last-child > a {padding-right:0;}
#all_gnb > div > ul > li > ul > li > a:before {content:'/'; font-size:0.7em; color:rgba(255,255,255,0.3); font-weight:300; position:absolute; left:0; top:50%; transform:translateY(-50%)}
#all_gnb > div > ul > li > ul > li:first-child > a:before {display:none;}
#all_gnb > div > ul > li > ul > li > a:hover {font-weight:700;}

#menuToggle {display:block; width:60px; height:17px; position:relative; z-index:10;}
#menuToggle:before, #menuToggle:after {content:''; display:block; width:100%; height:4px; background:#fff; position:absolute; left:0; transition:all 0.5s}
#menuToggle:before {top:0;}
#menuToggle:after {bottom:0;}


#daeyoung_header.scroll_on {background:rgba(8,71,150,0.7); backdrop-filter:blur(15px);}
#daeyoung_header.scroll_on #daeyoung_gnb > ul > li > a {line-height:100px;}


#daeyoung_header.on #all_gnb {opacity:1; visibility:visible;}
#daeyoung_header.on #all_gnb:before {height:100%;}
#daeyoung_header.on #all_gnb > div {opacity:1; transition-delay:0.3s;}

#daeyoung_header.on #menuToggle:before {transform:translateY(7px) rotate(45deg)}
#daeyoung_header.on #menuToggle:after {transform:translateY(-7px) rotate(-45deg)}

@media screen and (min-width:1025px){
    #all_gnb > div > ul > li > ul {display:flex !important;}

    #all_gnb > div > ul.on > li > a {color:rgba(255,255,255,0.3)}
    #all_gnb > div > ul.on > li > ul > li > a {color:rgba(255,255,255,0.3)}

    #all_gnb > div > ul > li:hover {border-bottom-color:#fff;}
    #all_gnb > div > ul > li:hover > a {color:#fff;}
    #all_gnb > div > ul > li:hover > ul > li > a {color:#fff;}
	#all_gnb > div > ul > li > ul:hover > li > a {color:rgba(255,255,255,0.3)}
	#all_gnb > div > ul > li > ul > li > a:hover {color:#fff;}

    #daeyoung_header.scroll_on {height:100px;}

}

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

    #daeyoung_gnb {padding:0 250px 0 150px;}
    #daeyoung_gnb > ul > li > a {font-size:1.125em; padding:0 20px;}
}

@media screen and (max-width:1024px){
    #daeyoung_header {height:60px;}
    #daeyoung_header .h_lang {margin-right:22px; gap:0 12px;}
    #daeyoung_header .h_lang li a {font-size:0.9375em; font-weight:500; padding-bottom:3px;}
    #daeyoung_header .h_lang li.on a:after {height:1px;}

    #daeyoung_logo {width:49px; height:45px;}

    #daeyoung_gnb {display:none;}

    #all_gnb {display:block; padding-top:90px;}
    #all_gnb > div > ul > li {display:block; padding:0;}
    #all_gnb > div > ul > li > a {display:flex; justify-content:space-between; align-items:center; font-size:1.7em; padding:20px 0;}
    #all_gnb > div > ul > li > a:after {content:'\2b'; font-size:0.5em; font-weight:400; font-family:'Font Awesome 6 Pro'}
    #all_gnb > div > ul > li > a.on:after {content:'\f068'}
    #all_gnb > div > ul > li > ul {display:none;}
    #all_gnb > div > ul > li > ul > li > a {font-size:1em; padding:10px 0;}
    #all_gnb > div > ul > li > ul > li > a:before {display:none;}
    #all_gnb > div > ul > li > ul > li:last-child {padding-bottom:20px;}

    #menuToggle {width:25px; height:8px;}
    #menuToggle:before, #menuToggle:after {height:2px;}

    #daeyoung_header.on #menuToggle:before {transform:translateY(3px) rotate(45deg)}
    #daeyoung_header.on #menuToggle:after {transform:translateY(-3px) rotate(-45deg)}
}


/* footer */
#daeyoung_footer {width:100%; background:#191919; padding:40px 0 55px;}
#daeyoung_footer > div {display:flex; align-items:start; flex-wrap:wrap;}
#daeyoung_footer .f_logo {width:70px;}
#daeyoung_footer .f_logo img {width:100%;}
#daeyoung_footer .f_info {width:calc(100% - 70px); padding-left:40px;}
#daeyoung_footer .f_info ul li {display:inline-block; font-size:1em; color:#fff; font-weight:500; margin:0 16px 8px 0;}
#daeyoung_footer .f_info ul li strong {color:#666; font-weight:700; margin-right:4px;}
#daeyoung_footer .copy {font-size:1em; color:#fff; font-weight:600; margin-top:8px;}
#daeyoung_footer .go_top {display:flex; justify-content:center; align-items:center; flex-direction:column; width:65px; height:65px; background:#084796; border-radius:10px; font-size:0.875em; color:#fff; font-weight:700; font-family:'Paperlogy'; position:fixed; right:40px; bottom:40px; z-index:200; opacity:0; visibility:hidden; transition:all 0.6s; transition-property:opacity, visibility;}
#daeyoung_footer .go_top:before {content:'\f0de'; display:block; font-size:1em; font-weight:900; font-family:'Font Awesome 6 Pro';}
#daeyoung_footer .go_top.scroll_on {opacity:1; visibility:visible;}
#daeyoung_footer .f_member {display:flex; gap:5px; margin-top:18px;}
#daeyoung_footer .f_member a {display:block; border:1px solid rgba(255,255,255,0.8); font-size:0.875em; color:#fff; line-height:26px; text-transform:uppercase; padding:0 10px;}

@media screen and (max-width:1220px){
    #daeyoung_footer .go_top {right:6%;}
}

@media screen and (max-width:1024px){
    #daeyoung_footer {padding:5% 0;}
    #daeyoung_footer .f_logo {width:55px;}
    #daeyoung_footer .f_info {width:calc(100% - 55px); padding-left:25px; padding-right:60px;}
    #daeyoung_footer .f_info ul br {display:none;}
    #daeyoung_footer .go_top {width:55px; height:55px; bottom:30px;}
}

@media screen and (max-width:767px){
    #daeyoung_footer {padding:6% 0;}
    #daeyoung_footer .f_logo {display:none;}
    #daeyoung_footer .f_info {width:100%; padding-left:0; padding-right:0px;}
    #daeyoung_footer .f_info ul li {margin:0 10px 8px 0;}
    #daeyoung_footer .go_top {width:35px; height:35px; border-radius:5px; font-size:0; bottom:20px;}
    #daeyoung_footer .go_top:before {font-size:12px; position:relative; top:3px;}
    #daeyoung_footer .f_member {gap:3px;}
    #daeyoung_footer .f_member a {line-height:22px; padding:0 7px;}
}


/* main */
#mVisu {width:100%; height:100vh; overflow:hidden; position:relative;}
#mVisu .scroll_box {display:flex; align-items:center; font-size:1em; color:#fff; font-weight:700; position:absolute; right:50%; bottom:80px; margin-right:-600px; z-index:50;}
#mVisu .scroll_box i {display:block; width:40px; height:40px; border:1px solid #fff; border-radius:50%; margin-left:12px; position:relative; overflow:hidden;}
#mVisu .scroll_box i:before {content:''; display:block; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; left:50%; top:50%; margin-left:-2px; margin-top:-2px; animation:mVisuScroll 1.2s ease-in-out infinite;}
.mVisu_slide {width:100%; height:100%; position:relative;}
.mVisu_slide .swiper-slide {display:flex; justify-content:center; align-items:center;}
.mVisu_slide .img {width:100%; height:100%; background-color:#00448e; background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; left:0; top:0; z-index:0; transform:scale(1.15); transition:transform 5500ms ease-in-out}
.mVisu_slide .txt_box {margin-top:-30px;}
.mVisu_slide .txt_box p {overflow:hidden;}
.mVisu_slide .txt_box p span {display:block; transform:translateY(110%); transition:transform 0.8s;}
.mVisu_slide .txt_box .tit {font-size:5.9375em; color:#fff; line-height:1.1em; font-weight:700; font-family:'Paperlogy';}
.mVisu_slide .txt_box .txt {font-size:1.5em; color:#fff; line-height:1.45em; font-weight:500; margin-top:24px;}
.mVisu_slide .btn_box {display:flex; align-items:center; position:absolute; left:50%; top:50%; transform:translateX(-50%); margin-top:190px; z-index:40;}
.mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {width:auto; height:auto; font-size:1.5em; color:#fff; position:relative; left:0; top:0; right:0; margin-top:0;}
.mVisu_slide .swiper-button-prev:after, .mVisu_slide .swiper-button-next:after {font-size:1em; font-weight:900; font-family:'Font Awesome 6 Pro'}
.mVisu_slide .swiper-button-prev:after {content:'\f053'}
.mVisu_slide .swiper-button-next:after {content:'\f054'}
.mVisu_slide .swiper-pagination {display:flex; align-items:center; gap:16px; position:relative; margin:0 24px;}
.mVisu_slide .swiper-pagination-bullet {width:8px; height:8px; background:#fff; opacity:0.5; margin:0;}
.mVisu_slide .swiper-pagination-bullet-active {opacity:1;}

.mVisu_slide .swiper-slide-active .img {transform:scale(1)}
.mVisu_slide .swiper-slide-active p span {transform:translateY(0)}
.mVisu_slide .swiper-slide-active .txt_box .tit p:nth-child(1) span {transition-delay:0.2s}
.mVisu_slide .swiper-slide-active .txt_box .tit p:nth-child(2) span {transition-delay:0.4s}
.mVisu_slide .swiper-slide-active .txt_box .txt span {transition-delay:0.6s;}

@keyframes mVisuScroll {
	0% {opacity:0.1; transform:translateY(-30px);}
	50% {opacity:1; transform:translateY(50%);}
	100% {opacity:0.1; transform:translateY(30px);}
}

@media screen and (max-width:1220px){
    #mVisu .scroll_box {right:6%; margin-right:0;}
}

@media screen and (max-width:1024px){
    #mVisu .scroll_box {bottom:50px;}
    .mVisu_slide .txt_box .tit {font-size:4.5em;}
    .mVisu_slide .txt_box .txt {font-size:1.3em; margin-top:15px;}
    .mVisu_slide .btn_box {margin-top:150px;}
    .mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {font-size:1.3em;}
    .mVisu_slide .swiper-pagination {margin:0 20px;}
    .mVisu_slide .swiper-pagination-bullet {width:7px; height:7px;}
}

@media screen and (max-width:767px){
    #mVisu .scroll_box {bottom:30px;}
    #mVisu .scroll_box i {width:30px; height:30px;}
    .mVisu_slide .txt_box {margin-top:-15px;}
    .mVisu_slide .txt_box .tit {font-size:2.5em;}
    .mVisu_slide .txt_box .txt {font-size:1.125em;}
    .mVisu_slide .btn_box {margin-top:100px;}
    .mVisu_slide .swiper-button-prev, .mVisu_slide .swiper-button-next {font-size:1.125em;}
    .mVisu_slide .swiper-pagination {gap:10px; margin:0 15px;}
    .mVisu_slide .swiper-pagination-bullet {width:5px; height:5px;}
}


.main_title .tit {font-size:3.75em; line-height:1.16em; font-weight:700; font-family:'Paperlogy'}
.main_title .tit span {color:#084796;}
.main_title .txt {font-size:1.25em; color:#666; line-height:1.5em; margin-top:16px;}

@media screen and (max-width:1024px){
    .main_title .tit {font-size:3em;}
    .main_title .txt {font-size:1.125em; margin-top:1.5%;}
}

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


#mAbout {width:100%; position:relative; padding-top:160px;}
#mAbout:before {content:''; display:block; width:100%; min-width:1920px; height:100%; background:url(../images/mAboutBG.png) no-repeat center top; background-size:100% auto; position:absolute; left:50%; top:50%; transform:translateX(-50%); margin-top:20px;}
#mAbout > div {position:relative; z-index:5;}
#mAbout .main_title {position:relative;}
#mAbout .main_title .daeyoung_btn1 {position:absolute; right:0; bottom:0;}
#mAbout ul {display:flex; justify-content:space-between; margin-top:80px;}
#mAbout ul li {width:calc(33.33% - 80px); position:relative;}
#mAbout ul li:before {content:''; display:block; width:1px; height:calc(100% - 80px); background:#ccc; position:absolute; left:-80px; top:50%; transform:translateY(-50%)}
#mAbout ul li:first-child:before {display:none;}
#mAbout ul li .icon {display:block; width:100px; height:100px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#mAbout ul li dl {margin-top:40px;}
#mAbout ul li dl dt {font-size:1.875em; line-height:1.2em; font-weight:700; font-family:'Paperlogy'}
#mAbout ul li dl dd {font-size:1.125em; color:#666; line-height:1.55em; margin-top:16px;}

#mAbout ul li .icon1 {background-image:url(../images/mAbout_icon1.svg)}
#mAbout ul li .icon2 {background-image:url(../images/mAbout_icon2.svg)}
#mAbout ul li .icon3 {background-image:url(../images/mAbout_icon3.svg)}

@media screen and (max-width:1024px){
    #mAbout {padding-top:16%;}
    #mAbout:before {display:none;}
    #mAbout > div {padding-bottom:65px;}
    #mAbout .main_title {position:unset}
    #mAbout ul {margin-top:8%;}
    #mAbout ul li {width:calc(33.33% - 20px)}
    #mAbout ul li:before {height:calc(100% - 60px); left:-15px;}
    #mAbout ul li .icon {width:70px; height:70px;}
    #mAbout ul li dl {margin-top:20px;}
    #mAbout ul li dl dt {font-size:1.5em;}
    #mAbout ul li dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
    #mAbout > div {padding-bottom:65px;}
	#mAbout .main_title .daeyoung_btn1 {right:50%; transform:translateX(50%)}
    #mAbout ul {display:block;}
    #mAbout ul li {display:flex; align-items:center; width:100%; padding:5% 0; border-bottom:1px solid #ccc;}
    #mAbout ul li:first-child {padding-top:0;}
    #mAbout ul li:last-child {border-bottom:0; padding-bottom:0;}
    #mAbout ul li:before {display:none;}
    #mAbout ul li .icon {width:55px; height:55px;}
    #mAbout ul li dl {width:calc(100% - 55px); margin-top:0; padding-left:15px;}
    #mAbout ul li dl dt {font-size:1.3em;}
    #mAbout ul li dl dd {margin-top:5px;}
}


#mProduct {width:100%; overflow-x:hidden; padding:200px 0; position:relative;}
#mProduct .pointer_box {pointer-events:none; position:fixed; left:0; top:0; z-index:10; opacity:0; visibility:hidden; transition:all 0.3s; transition-property:opacity, visibility;}
#mProduct .pointer_box p {display:flex; justify-content:center; align-items:center; width:100px; height:100px; background:#fff; border-radius:50%; font-size:1em; color:#084796; font-weight:700;}
#mProduct .pointer_box.on {opacity:1; visibility:visible;}
.mProduct_slide {margin-top:55px;}
.mProduct_slide a {display:block; transition:transform 0.3s}
.mProduct_slide .img_box {width:100%; position:relative;}
.mProduct_slide .img_box .img {width:100%; height:480px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px; transition:box-shadow 0.3s}
.mProduct_slide .img_box dl {width:100%; height:100%; background:rgba(8,71,150,0.85); border-radius:15px; padding:35% 0 0; text-align:center; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transition:all 0.3s; transition-property:opacity, visibility;}
.mProduct_slide .img_box dl dt {font-size:2em; color:#fff; line-height:1.4em; font-weight:700; font-family:'Paperlogy'}
.mProduct_slide .img_box dl dd {font-size:1em; color:#fff; line-height:1.7em; margin-top:15px;}
.mProduct_slide .txt {font-size:1.5em; line-height:1.2em; font-weight:600; text-align:center; margin-top:24px; transition:all 0.3s; transition-property:opacity, visibility;}

@media screen and (min-width:1025px){
    .mProduct_slide a:hover {transform:translateY(-45px)}
    .mProduct_slide a:hover .img_box .img {box-shadow:0 13px 40px 0 rgba(0,0,0,0.44)}
    .mProduct_slide a:hover .img_box dl {opacity:1; visibility:visible;}
    .mProduct_slide a:hover .txt {opacity:0; visibility:hidden;}
}

@media screen and (max-width:1220px){
    .mProduct_slide .img_box .img {height:35vw;}
    .mProduct_slide .img_box dl {padding:30% 15px 0;}
    .mProduct_slide .img_box dl dd br {display:none;}
}

@media screen and (max-width:1024px){
    #mProduct {padding:18% 0;}
    .mProduct_slide {margin-top:6%;}
    .mProduct_slide .img_box dl {background:none; border-radius:0; padding:0; position:relative; opacity:1; visibility:visible; margin-top:20px;}
    .mProduct_slide .img_box dl dt {font-size:1.6em; color:#191919;}
    .mProduct_slide .img_box dl dd {color:#666; margin-top:10px;}
    .mProduct_slide .txt {display:none;}
}

@media screen and (max-width:767px){
    .mProduct_slide .swiper-slide {width:250px;}
    .mProduct_slide .img_box .img {height:310px; border-radius:10px;}
    .mProduct_slide .img_box dl {margin-top:15px;}
    .mProduct_slide .img_box dl dt {font-size:1.4em;}
    .mProduct_slide .img_box dl dd {margin-top:5px;}
}


#mCompany {width:100%; background:#084796; padding:200px 0;}
#mCompany .box1 {display:flex; justify-content:center; align-items:center; width:100%; margin-top:80px;}
#mCompany .box1 .line {flex:1; height:1px; background:#fff; position:relative;}
#mCompany .box1 .line:before {content:''; display:block; width:100%; height:100%; background:#084796; position:absolute; right:0; top:0; transition:width 0.3s;}
#mCompany .box1 .txt_box {width:400px; height:400px; border:1px solid #fff; border-radius:50%; position:relative;}
#mCompany .box1 .txt_box:before {content:''; display:block; width:calc(100% + 4px); height:calc(100% + 4px); background:#084796; position:absolute; right:-2px; top:-2px; z-index:2; transition:width 0.5s;}
#mCompany .box1 .txt_box dl {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center; transform:translateY(50px); opacity:0; transition:all 0.5s 2s; transition-property:opacity, transform;}
#mCompany .box1 .txt_box dl dt {font-size:2.1875em; color:#fff; font-weight:700; font-family:'Paperlogy'}
#mCompany .box1 .txt_box dl dd {font-size:1.125em; color:#b3d5ff; line-height:1.55em; font-weight:600; margin-top:12px;}
#mCompany .box2 {display:flex; justify-content:center; align-items:center; gap:0 160px; margin-top:80px;}
#mCompany .box2 > div {display:flex; position:relative;}
#mCompany .box2 > div:before {content:''; display:block; width:1px; height:calc(100% - 32px); background:rgba(255,255,255,0.3); position:absolute; left:-80px; top:50%; transform:translateY(-50%)}
#mCompany .box2 > div:first-child:before {display:none;}
#mCompany .box2 > div .icon {display:block; width:112px; height:112px; background-repeat:no-repeat; background-position:center center; background-size:contain;}
#mCompany .box2 > div dl {width:calc(100% - 112px); padding-left:40px;}
#mCompany .box2 > div dl dt {font-size:1.875em; color:#fff; line-height:1.4em; font-weight:700; font-family:'Paperlogy'; margin-bottom:15px;}
#mCompany .box2 > div dl dd {font-size:1.125em; color:#fff; line-height:1.55em; padding-left:20px; position:relative;}
#mCompany .box2 > div dl dd:before {content:''; display:block; width:4px; height:4px; background:#fff; border-radius:50%; position:absolute; left:0; top:12px;}

#mCompany .box2 > div .icon1 {background-image:url(../images/mCompany_icon1.svg)}
#mCompany .box2 > div .icon2 {background-image:url(../images/mCompany_icon2.svg)}

#mCompany .box1.active .line:first-of-type:before {width:0%;}
#mCompany .box1.active .line:last-of-type:before {width:0%; transition-delay:1.8s;}
#mCompany .box1.active .txt_box:before {width:0;}
#mCompany .box1.active .txt_box:nth-of-type(2):before {transition-delay:0.3s}
#mCompany .box1.active .txt_box:nth-of-type(3):before {transition-delay:0.8s}
#mCompany .box1.active .txt_box:nth-of-type(4):before {transition-delay:1.3s}
#mCompany .box1.active .txt_box dl {opacity:1; transform:translateY(0)}

@media screen and (max-width:1220px){
    #mCompany .box1 .txt_box {width:29.33%; height:0; padding-bottom:29.33%;}
    #mCompany .box2 {gap:0 100px;}
    #mCompany .box2 > div:before {left:-50px;}
}

@media screen and (max-width:1024px){
    #mCompany {padding:18% 0;}
    #mCompany .box1 {margin-top:7%;}
    #mCompany .box1 .txt_box dl dt {font-size:1.7em;}
    #mCompany .box1 .txt_box dl dd {font-size:1em; margin-top:7px;}
    #mCompany .box2 {margin-top:8%;}
    #mCompany .box2 {gap:60px;}
    #mCompany .box2 > div:before {height:calc(100% - 25px); left:-30px;}
    #mCompany .box2 > div .icon {width:90px; height:90px;}
    #mCompany .box2 > div dl {width:calc(100% - 90px); padding-left:25px;}
    #mCompany .box2 > div dl dt {font-size:1.5em; margin-bottom:10px;}
    #mCompany .box2 > div dl dd {font-size:1em; padding-left:15px;}
    #mCompany .box2 > div dl dd:before {top:9px;}
}

@media screen and (max-width:767px){
    #mCompany .box1 {display:block;}
	#mCompany .box1 .line {display:none;}
	#mCompany .box1 .txt_box {width:140px; height:auto; padding-bottom:0; margin:0 auto 6%; border:0;}
	#mCompany .box1 .txt_box dl {display:block; height:auto; position:relative; transition-delay:0s;}
    #mCompany .box1 .txt_box dl dt {display:flex; justify-content:center; align-items:center; width:100%; height:140px; border:1px solid #fff; border-radius:50%; font-size:1.125em; line-height:1.5em; padding:0 8px;}
    #mCompany .box1 .txt_box dl dd {font-size:0.9375em; margin-top:10px;}
    #mCompany .box2 {}
    #mCompany .box2 {gap:30px 0; flex-wrap:wrap;}
    #mCompany .box2 > div {align-items:center; width:100%;}
    #mCompany .box2 > div:before {display:none;}
    #mCompany .box2 > div .icon {width:60px; height:60px;}
    #mCompany .box2 > div dl {width:calc(100% - 60px); padding-left:15px;}
    #mCompany .box2 > div dl dt {font-size:1.3em; margin-bottom:5px;}
    #mCompany .box2 > div dl dd {padding-left:10px;}
    #mCompany .box2 > div dl dd:before {width:3px; height:3px; top:8px;}
}


#mTechnology {width:100%; background:#191919 url(../images/mTechnologyBG.png) no-repeat center center; background-size:cover; padding:200px 0 240px;}
#mTechnology > div {display:flex; align-items:start;}
#mTechnology .main_title {width:calc(100% - 744px); padding-left:160px; position:sticky; left:0; top:150px;}
#mTechnology .daeyoung_btn1 {margin-top:55px;}
#mTechnology .box {display:flex; justify-content:space-between; flex-wrap:wrap; width:744px;}
#mTechnology .box > div {width:calc(50% - 12px); height:360px; background:rgba(255,255,255,0.1); border-radius:15px; padding:55px 45px; margin-bottom:24px; transform:translateY(100px); opacity:0; transition:all 0.7s; transition-property:background, transform, opacity; transition-delay:0.4s, 0s, 0s;}
#mTechnology .box > div:nth-child(2) {margin-top:80px;}
#mTechnology .box > div:nth-child(odd) {margin-top:-80px;}
#mTechnology .box > div:first-child {margin-top:0 !important;}
#mTechnology .box > div dl dt {font-size:1.875em; color:#fff; line-height:1.3em; font-weight:700; font-family:'Paperlogy';}
#mTechnology .box > div dl dd {font-size:1.125em; color:#fff; line-height:1.55em; margin-top:15px;}
#mTechnology .box > div.on {background:#084796; transform:translateY(0); opacity:1;}

@media screen and (max-width:1540px){
    #mTechnology .main_title {width:460px; padding-left:0;}
    #mTechnology .main_title .txt br {display:none;}
    #mTechnology .box {width:calc(100% - 460px)}
}

@media screen and (max-width:1220px){
    #mTechnology .main_title {width:400px;}
    #mTechnology .box {width:calc(100% - 400px)}
    #mTechnology .box > div {padding:30px;}
}

@media screen and (max-width:1024px){
    #mTechnology {padding:18% 0;}
    #mTechnology > div {display:block;}
    #mTechnology .main_title {width:100%; margin-bottom:5%; position:relative; top:0;}
    #mTechnology .main_title .txt br {display:block;}
    #mTechnology .daeyoung_btn1 {margin-top:0; position:absolute; right:0; bottom:0;}
    #mTechnology .box {width:100%; margin-bottom:15px;}
    #mTechnology .box > div {width:calc(50% - 7.5px); height:200px; padding:25px;}
    #mTechnology .box > div:nth-child(2) {margin-top:40px;}
    #mTechnology .box > div:nth-child(odd) {margin-top:-40px;}
    #mTechnology .box > div dl dt {font-size:1.5em;}
    #mTechnology .box > div dl dd {font-size:1em; margin-top:10px;}
}

@media screen and (max-width:767px){
	#mTechnology > div {padding-bottom:45px;}
    #mTechnology .main_title {margin-bottom:8%; position:unset;}
    #mTechnology .main_title .txt br {display:none;}
    #mTechnology .daeyoung_btn1 {right:auto; left:0;}
    #mTechnology .box {width:100%; margin-bottom:15px;}
    #mTechnology .box > div {width:100%; height:auto; padding:4%; border-radius:8px; margin-bottom:10px;}
    #mTechnology .box > div:nth-child(2) {margin-top:0;}
    #mTechnology .box > div:nth-child(odd) {margin-top:0;}
    #mTechnology .box > div dl dt {font-size:1.3em;}
}


#mNews {padding:160px 0;}
#mNews .main_title {position:relative;}
#mNews .main_title .daeyoung_btn1 {position:absolute; right:0; bottom:0;}
.mNews_slide {width:100%; margin-top:55px; overflow:hidden;}
.mNews_slide .img {width:100%; height:192px; border-radius:15px; overflow:hidden;}
.mNews_slide .img div {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; transition:transform 0.5s;}
.mNews_slide .subject {font-size:1.25em; font-weight:600; margin-top:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mNews_slide .cont {font-size:1.125em; color:#666; line-height:1.55em; margin-top:8px; max-height:3.1em; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mNews_slide .date {font-size:1em; color:#666; margin-top:8px;}

.mNews_slide a:hover .img div {transform:scale(1.15)}

@media screen and (max-width:1220px){
    .mNews_slide .img {height:14vw;}
}

@media screen and (max-width:1024px){
    #mNews {padding:15% 0;}
    .mNews_slide {margin-top:5%;}
    .mNews_slide .subject {font-size:1.125em; margin-top:15px;}
    .mNews_slide .cont {font-size:1em; margin-top:5px;}
    .mNews_slide .date {margin-top:5px;}
}

@media screen and (max-width:767px){
    #mNews {padding-bottom:calc(15% + 60px);}
    #mNews .main_title {position:unset;}
    #mNews .main_title .daeyoung_btn1 {right:50%; bottom:15vw; transform:translateX(50%);}
    .mNews_slide .img {height:52vw; border-raDius:8px;}
}


#mContact {display:flex; justify-content:center; align-items:center; width:100%; height:400px; margin:0 auto 160px; position:relative; overflow:hidden;}
#mContact .img {width:1520px; height:100%; border-radius:15px; margin:0 auto; overflow:hidden; position:relative;}
#mContact .img:before {content:''; display:block; width:100vw; height:100%; background:#084796 url(../images/mContactBG.png) no-repeat center center; background-size:cover; background-attachment:fixed; position:absolute; left:50%; top:0; margin-left:-50vw;}
#mContact .inner2 {display:flex; justify-content:space-between; align-items:center; height:100%; padding:0 160px; position:relative; z-index:10; position:absolute; left:50%; top:0; transform:translateX(-50%);}

@media screen and (max-width:1540px){
    #mContact .img {width:1200px;}
    #mContact .inner2 {padding:0 80px;}
}

@media screen and (max-width:1220px){
    #mContact .img {width:88%;}
    #mContact .inner2 {padding:0 40px;}
}

@media screen and (max-width:1024px){
    #mContact {height:320px; margin-bottom:15%;}
    #mContact .img:before {background-attachment:unset;}
    #mContact .inner2 {padding:0 40px;}
}

@media screen and (max-width:767px){
    #mContact {display:block; height:250px;}
    #mContact .img {border-radius:8px;}
    #mContact .inner2 {justify-content:center; flex-direction:column; align-items:start; padding:0;}
    #mContact .main_title {margin-bottom:7%;}
}



/* sub */
#sVisu {display:flex; justify-content:center; align-items:center; width:100%; height:600px; background-color:#191919; overflow:hidden; position:relative;}
#sVisu: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; z-index:0; transform:scale(1.4); animation:sVisuImg 5000ms ease-in-out forwards;}
#sVisu > div {position:relative; z-index:5; margin-top:-40px;}
#sVisu h2 {font-size:5em; color:#fff; line-height:1.3em; font-weight:700; font-family:'Paperlogy'; overflow:hidden;}
#sVisu p {font-size:1.5em; color:#fff; font-weight:500; line-height:1.5em; margin-top:24px; overflow:hidden;}
#sVisu span {display:block; transform:translateY(110%); animation:sVisuTxt 0.8s 0.2s forwards;}
#sVisu p span {animation:sVisuTxt 0.6s 0.6s forwards;}

.sVisu1:before {background-image:url(../images/sVisu_img1.png)}
.sVisu2 {background-color:#141e63 !important}
.sVisu2:before {background-image:url(../images/sVisu_img2.png)}
.sVisu3:before {background-image:url(../images/sVisu_img3.png)}
.sVisu4 {background-color:#141e63 !important}
.sVisu4:before {background-image:url(../images/sVisu_img4.png)}
.sVisu5:before {background-image:url(../images/sVisu_img5.png)}

@keyframes sVisuTxt {
    0% {transform:translateY(110%)}
    100% {transform:translateY(0)}
}

@keyframes sVisuImg {
    0% {transform:scale(1.4)}
    100% {transform:scale(1)}
}

@media screen and (max-width:1024px){
    #sVisu {height:420px;}
    #sVisu > div {margin-top:-20px;}
    #sVisu h2 {font-size:3.7em;}
    #sVisu p {font-size:1.3em; margin-top:15px;}
}

@media screen and (max-width:767px){
    #sVisu {height:270px;}
    #sVisu > div {margin-top:10px;}
    #sVisu h2 {font-size:2.6em;}
    #sVisu p {font-size:1em; margin-top:10px;}
}


.sub_menu_wrap {display:flex; align-items:center; margin-top:-30px; transform:translateY(-40px); position:relative; z-index:30;}
.sub_menu_wrap:before {content:''; display:block; width:1px; height:calc(100% - 2px); background:rgba(255,255,255,0.5); position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div {position:relative;}
.sub_menu_wrap > div > button {display:block; width:238px; height:30px; background:none; border-radius:0; font-size:1.125em; color:#fff; font-weight:500; text-align:left; padding:0 40px 0 24px; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sub_menu_wrap > div > button:before {content:''; display:block; width:1px; height:calc(100% - 2px); background:rgba(255,255,255,0.5); position:absolute; right:0; top:50%; transform:translateY(-50%)}
.sub_menu_wrap > div > button:after {content:'\f107'; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'; position:absolute; right:24px; top:50%; transform:translateY(-50%);}
.sub_menu_wrap > div > button.on:after {content:'\f106'}
.sub_menu_wrap > div > ul {display:none; width:100%; background:#084796; border-radius:4px; position:absolute; left:0; top:100%; padding:12px 0; transform:translateY(15px);}
.sub_menu_wrap > div > ul > li {position:relative; z-index:5;}
.sub_menu_wrap > div > ul > li > a {display:block; font-size:1em; color:rgba(255,255,255,0.5); font-weight:600; padding:8px 24px; transition:color 0.4s;}
.sub_menu_wrap > div > ul > li > a:hover {color:#fff;}

@media screen and (max-width:1024px){
    .sub_menu_wrap {margin-top:-24px; transform:translateY(-30px)}
    .sub_menu_wrap > div > button {width:200px; height:24px; font-size:1em; padding:0 30px 0 15px;}
    .sub_menu_wrap > div > button:after {right:15px;}
    .sub_menu_wrap > div > ul > li > a {padding:8px 15px;}
}

@media screen and (max-width:767px){
    .sub_menu_wrap {margin-top:-24px; transform:translateY(-12px)}
    .sub_menu_wrap:before {height:15px;}
    .sub_menu_wrap > div {width:50%;}
    .sub_menu_wrap > div > button {width:100%;}
    .sub_menu_wrap > div > button:before {height:15px;}
    .sub_menu_wrap > div > ul {transform:translateY(10px)}
    .sub_menu_wrap > div > ul > li > a {padding:5px 15px;}
}


#sub_content {width:100%; padding:160px 0;}
.bg1 {background:#f8f8f8;}

.s_tit1 {font-size:3.75em; line-height:1.16em; font-weight:700; font-family:'Paperlogy'}

.s_txt1 {font-size:1.25em; color:#666; line-height:1.5em;}
.s_txt1.refer {position:relative; padding-left:20px;}
.s_txt1.refer:before {content:'*'; position:absolute; left:0; top:0;}

.s_txt2 {font-size:1.5em; color:#666; line-height:1.45em; font-weight:500;}

@media screen and (max-width:1024px){
    #sub_content {padding:16% 0;}

    .s_tit1 {font-size:3em;}

    .s_txt1 {font-size:1.125em;}
    .s_txt1.refer {padding-left:15px;}

    .s_txt2 {font-size:1.3em;}
}

@media screen and (max-width:767px){
    .s_tit1 {font-size:2em;}

    .s_txt1 {font-size:1em;}
    .s_txt1.refer {padding-left:10px;}

    .s_txt2 {font-size:1.125em;}
}


.sub_img_box1 {width:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:10px;}
.sub_img_box1.h_416 {height:416px;}

@media screen and (max-width:1220px){
    .sub_img_box1.h_416 {height:32vw;}
}

@media screen and (max-width:767px){
    .sub_img_box1.h_416 {border-radius:5px;}
}


.sCompany_case1 {position:relative; overflow:hidden;}
.sCompany_case1:before {content:''; display:block; width:478px; height:438px; background:url(../images/logo.svg) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; margin-left:305px; transform:translateY(-45%); opacity:0.03; pointer-events:none;}
.sCompany_case1 > div {position:relative; z-index:5;}

.sCompany_case2 {width:100%; background:#084796; padding:160px 0 100px; overflow:hidden;}
.sCompany_case2 > div {position:relative;}
.sCompany_case2 .txt_box {position:relative; z-index:5;}
.sCompany_case2 .txt_box .s_txt1 {width:calc(50% + 50px)}
.sCompany_case2 .txt_box .name {font-size:2.5em; color:#fff; font-weight:600; font-family:'Paperlogy'; margin-top:55px;}
.sCompany_case2 .img_box {position:absolute; left:50%; bottom:-100px;}

.sCompany_case3 {width:100%; background:rgba(217,217,217,0.14) url(../images/sCompany_img2.png) no-repeat center center; background-size:cover; padding:160px 0;}
.sCompany_case3 .box {display:flex; gap:0 108px;}
.sCompany_case3 .box > div {display:flex; justify-content:space-between; flex-direction:column; gap:26px;}
.sCompany_case3 .box dl dt {font-size:1.875em; color:#084796; font-weight:700; font-family:'Paperlogy'}
.sCompany_case3 .box dl dd {font-size:1.25em; line-height:1.5em; margin-top:15px;}

.sCompany_case3.no_bg_img {background-image: none !important; background-color: #f8f8f8!important; }

.sCompany_case4 {width:100%; background:#f8f8f8; padding-top:160px; position:relative}
.sCompany_case4:before {content:''; display:block; width:100%; height:calc(100% - 110px); background:url(../images/sCompany_img4.jpg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0; z-index:0;}
.sCompany_case4 > div {position:relative; z-index:5;}
.sCompany_case4 .box {display:flex; width:100%; background:#fff; border-radius:15px; box-shadow:6px 6px 18px rgba(0,0,0,0.25); padding:110px 0;}
.sCompany_case4 .box dl {width:50%; text-align:center;}
.sCompany_case4 .box dl:first-child {border-right:1px solid #ccc;}
.sCompany_case4 .box dl dt {font-size:2.5em; color:#084796; font-weight:600; font-family:'Paperlogy';}
.sCompany_case4 .box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}
.sCompany_case4 .box dl dd b {color:#084796; font-weight:600;}

.sCompany_case5 {width:100%; background:#f8f8f8; padding:110px 0 160px; overflow:hidden;}

.sCompany_case6 {width:100%; background:#084796 url(../images/sCompany_img5.png) no-repeat center center; background-size:cover; padding:160px 0;}
.sCompany_case6 ul {display:flex; justify-content:space-between; width:100%; counter-reset:counter;}
.sCompany_case6 ul li {width:25%; height:726px; background:#141e63; border-radius:15px; box-shadow:7px 7px 8px rgba(0,0,0,0.25); position:relative; overflow:hidden; transition:width 0.4s;}
.sCompany_case6 ul li .img_box {width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.sCompany_case6 ul li .img_box:before {content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.6)}
.sCompany_case6 ul li .txt_box {display:flex; justify-content:center; align-items:center; flex-direction:column; width:100%; height:100%; position:absolute; left:0; top:0; text-align:center;}
.sCompany_case6 ul li .txt_box:before {content:counter(counter); counter-increment:counter; display:flex; justify-content:center; align-items:center; width:35px; height:35px; border:4px solid #fff; border-radius:50%; font-size:1.125em; color:#fff; font-weight:800; font-family:'Paperlogy'; margin-bottom:15px;}
.sCompany_case6 ul li .txt_box dl dt {font-size:2.5em; color:#fff; line-height:1.25em; font-weight:600; font-family:'Paperlogy'; padding:0 10px;}
.sCompany_case6 ul li .txt_box dl dd {display:none; font-size:1.25em; color:#ccc; line-height:1.5em; margin-top:15px;}
.sCompany_case6 ul li .txt_box dl dd b {font-weight:700;}

.sCompany_case7 {width:100%; background:#f8f8f8; padding:160px 0}
.sCompany_case7 ul {display:flex; justify-content:center; flex-wrap:wrap; gap:55px 16px;}
.sCompany_case7 ul li {width:calc(25% - 12px); max-width:279px;}
.sCompany_case7 ul li .img {width:100%; border:1px solid #ccc;}
.sCompany_case7 ul li .img img {width:100%;}
.sCompany_case7 ul li p {font-size:1.5em; color:#666; font-weight:500; text-align:center; margin-top:15px;}

.sCompany_case8 > div {display:flex; align-items:start; flex-wrap:wrap; width:100%; margin-bottom:100px;}
.sCompany_case8 > div:last-child {margin-bottom:0;}
.sCompany_case8 > div .year {width:576px; font-size:5em; color:#084796; line-height:1.3em; font-weight:800; font-family:'Paperlogy'}
.sCompany_case8 > div > div {width:calc(100% - 576px)}
.sCompany_case8 > div > div .img_box {width:100%; height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px;}
.sCompany_case8 > div > div .y {font-size:1.5em; color:#084796; line-height:1.3em; font-weight:700; margin:55px 0 30px;}
.sCompany_case8 > div > div ul {padding-left:28px;}
.sCompany_case8 > div > div ul li {margin-bottom:16px; position:relative; padding-left:55px;}
.sCompany_case8 > div > div ul li:last-child {margin-bottom:0;}
.sCompany_case8 > div > div ul li .month {width:55px; font-size:1.5em; color:#ccc; line-height:1.25em; font-weight:700; position:absolute; left:0; top:0;}
.sCompany_case8 > div > div ul li .txt {font-size:1.5em; line-height:1.25em; font-weight:600; margin-bottom:16px;}
.sCompany_case8 > div > div ul li .txt:last-child {margin-bottom:0;}
.sCompany_case8 > div > div ul li .txt span {color:#666; font-weight:500;}

.sCompany_case9 {width:100%; background:#eee; padding:160px 0;}
.sCompany_case9 .map_box {width:100%; height:495px; border-radius:15px; background:#f8f9fc; overflow:hidden; margin-top:55px;}
.sCompany_case9 .map_box .root_daum_roughmap .wrap_map {height:100% !important;}
.sCompany_case9 .add {font-size:2.5em; line-height:1.3em; font-weight:600; font-family:'Paperlogy'; margin-top:50px;}
.sCompany_case9 .info {display:flex; flex-wrap:wrap; gap:0 45px; width:100%; margin-top:30px;}
.sCompany_case9 .info dl dt {font-size:1.875em; color:#084796; font-weight:700; font-family:'Paperlogy';}
.sCompany_case9 .info dl dd {font-size:1.125em; margin-top:10px;}


.sCompany_slide1 {width:100%; position:relative;}
.sCompany_slide1 .img_box {width:100%; height:0; padding-bottom:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px;}
.sCompany_slide1 dl {margin-top:20px;}
.sCompany_slide1 dl dt {font-size:1.875em; line-height:1.3em; font-weight:700; font-family:'Paperlogy'}
.sCompany_slide1 dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}

.sCompany_slide2 .swiper-slide {height:auto; background:#fff; border-radius:15px; box-shadow:6px 6px 18px rgba(0,0,0,0.25); padding:50px; text-align:center;}
.sCompany_slide2 .icon {display:block; width:126px; height:125px; background-color:rgba(179,213,255,0.09); background-repeat:no-repeat; background-position:center center; background-size:100px auto; border-radius:15px; margin:0 auto 27px;}
.sCompany_slide2 dl dt {font-size:1.875em; line-height:1.3em; font-weight:700; font-family:'Paperlogy'}
.sCompany_slide2 dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:10px;}
.sCompany_slide2 dl dd b {color:#084796; font-weight:700;}

.sCompany_slide2 .icon1 {background-image:url(../images/sCompany_icon1_1.svg)}
.sCompany_slide2 .icon2 {background-image:url(../images/sCompany_icon1_2.svg)}
.sCompany_slide2 .icon3 {background-image:url(../images/sCompany_icon1_3.svg)}

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

@media screen and (min-width:1025px){
    .sCompany_case6 ul li.active {width:calc(50% - 32px)}
    .sCompany_case6 ul li.active .img_box {height:430px;}
    .sCompany_case6 ul li.active .img_box:before {display:none;}
    .sCompany_case6 ul li.active .txt_box {align-items:start; height:auto; position:relative; padding:30px; text-align:left; opacity:0; animation:sCompanyCase6 0.5s 0.4s forwards}
    .sCompany_case6 ul li.active .txt_box dl dt {padding:0;}
    .sCompany_case6 ul li.active .txt_box dl dd {display:block;}
}

@media screen and (max-width:1220px){
    .sCompany_case1:before {left:60%; margin-left:0;}

    .sCompany_case2 .img_box {width:750px;}
    .sCompany_case2 .img_box img {width:100%;}

    .sCompany_case3 .box {justify-content:space-between; gap:0;}

    .sCompany_case6 ul li .txt_box dl dt {font-size:3vw;}

    .sCompany_case8 > div .year {font-size:4em; width:450px;}
    .sCompany_case8 > div > div {width:calc(100% - 450px)}
    .sCompany_case8 > div > div .img_box {height:30vw;}


    .sCompany_slide1 dl dd br {display:none;}

    .sCompany_slide2 .swiper-slide {padding:40px 30px;}
}

@media screen and (min-width:1025px) and (max-width:1220px){
    .sCompany_case6 ul li.active .img_box {height:400px;}
    .sCompany_case6 ul li.active .txt_box dl dt {font-size:2.5em;}

}

@media screen and (max-width:1024px){
    .sCompany_case1:before {width:400px; height:369px;}

    .sCompany_case2 {padding:16% 0 10%;}
    .sCompany_case2 .txt_box .s_txt1 {width:calc(50% + 70px)}
    .sCompany_case2 .txt_box .name {font-size:2em; margin-top:5.5%;}
    .sCompany_case2 .img_box {left:50%; bottom:-15%; width:70%;}

    .sCompany_case3 {padding:16% 0;}
    .sCompany_case3 .box dl dt {font-size:1.5em;}
    .sCompany_case3 .box dl dd {font-size:1.125em; margin-top:10px;}

    .sCompany_case4 {padding-top:16%;}
    .sCompany_case4:before {height:93%;}
    .sCompany_case4 .box {padding:60px 0;}
    .sCompany_case4 .box dl {padding:0 25px;}
    .sCompany_case4 .box dl dt {font-size:2em;}
    .sCompany_case4 .box dl dd {font-size:1.125em;}
    .sCompany_case4 .box dl dd br {display:none;}

    .sCompany_case5 {padding:10% 0 16%;}

    .sCompany_case6 {padding:16% 0;}
    .sCompany_case6 ul {display:block;}
    .sCompany_case6 ul li {display:flex; width:100%; height:auto; margin-bottom:10px;}
    .sCompany_case6 ul li:last-child {margin-bottom:0;}
    .sCompany_case6 ul li .img_box {width:50%; height:stretch;}
    .sCompany_case6 ul li .img_box:before {display:none;}
    .sCompany_case6 ul li .txt_box {display:block; width:50%; height:auto; position:relative; text-align:left; padding:40px 25px;}
    .sCompany_case6 ul li .txt_box:before {font-size:1em; width:30px; height:30px; border-width:3px;}
    .sCompany_case6 ul li .txt_box dl dt {font-size:1.8em; padding:0;}
    .sCompany_case6 ul li .txt_box dl dd {display:block; font-size:1.125em; margin-top:10px;}

    .sCompany_case7 {padding:16% 0;}
    .sCompany_case7 ul {gap:40px 10px;}
    .sCompany_case7 ul li {width:calc(25% - 7.5px);}
    .sCompany_case7 ul li p {font-size:1.3em; margin-top:10px;}

    .sCompany_case8 > div {margin-bottom:10%;}
    .sCompany_case8 > div .year {width:320px; font-size:3em;}
    .sCompany_case8 > div > div {width:calc(100% - 320px)}
    .sCompany_case8 > div > div .img_box {height:34vw;}
    .sCompany_case8 > div > div .y {font-size:1.3em; margin:30px 0 15px;}
    .sCompany_case8 > div > div ul {padding-left:15px;}
    .sCompany_case8 > div > div ul li {margin-bottom:10px; padding-left:40px;}
    .sCompany_case8 > div > div ul li .month {width:40px; font-size:1.25em;}
    .sCompany_case8 > div > div ul li .txt {font-size:1.25em; margin-bottom:10px;}

    .sCompany_case9 {padding:16% 0;}
    .sCompany_case9 .map_box {height:400px; margin-top:5%;}
    .sCompany_case9 .add {font-size:2em; margin-top:5%;}
    .sCompany_case9 .info {margin-top:3%;}
    .sCompany_case9 .info dl dt {font-size:1.5em;}
    .sCompany_case9 .info dl dd {font-size:1em; margin-top:7px;}


    .sCompany_slide1 dl {margin-top:15px;}
    .sCompany_slide1 dl dt {font-size:1.5em;}
    .sCompany_slide1 dl dd {font-size:1.125em; margin-top:5px;}

    .sCompany_slide2 .swiper-slide {padding:25px;}
    .sCompany_slide2 .icon {width:90px; height:90px; background-size:70% auto; margin-bottom:15px;}
    .sCompany_slide2 dl dt {font-size:1.5em;}
    .sCompany_slide2 dl dd {font-size:1.125em; margin-top:7px;}
}

@media screen and (max-width:767px){
    .sCompany_case1:before {width:200px; height:183px;}

    .sCompany_case2 .txt_box .s_txt1 {width:100%;}
    .sCompany_case2 .txt_box .name {font-size:1.3em;}
    .sCompany_case2 .img_box {display:none;}

    .sCompany_case3 .box {flex-wrap:wrap;}
    .sCompany_case3 .box > div {width:50%; gap:0;}
    .sCompany_case3 .box dl {margin-top:15px;}
    .sCompany_case3 .box > div:nth-child(1) dl:first-child, .sCompany_case3 .box > div:nth-child(2) dl:first-child {margin-top:0;}
    .sCompany_case3 .box dl dt {font-size:1.2em;}
    .sCompany_case3 .box dl dd {font-size:1em; margin-top:5px;}

    .sCompany_case4:before {height:90%}
    .sCompany_case4 .box {display:block; padding:8%; border-radius:8px;}
    .sCompany_case4 .box dl {width:100%; padding:0;}
    .sCompany_case4 .box dl:first-child {border-right:0; border-bottom:1px solid #ccc; margin-bottom:7%; padding-bottom:7%;}
    .sCompany_case4 .box dl dt {font-size:1.3em;}
    .sCompany_case4 .box dl dd {font-size:1em; margin-top:8px;}

    .sCompany_case6 ul li {display:block; border-radius:8px;}
    .sCompany_case6 ul li .img_box {width:100%; height:45vw;}
    .sCompany_case6 ul li .txt_box {width:100%; padding:5%;}
    .sCompany_case6 ul li .txt_box:before {width:26px; height:26px; border-width:2px;}
    .sCompany_case6 ul li .txt_box dl dt {font-size:1.5em;}
    .sCompany_case6 ul li .txt_box dl dd {font-size:1em; margin-top:7px;}
    
    .sCompany_case7 ul {gap:30px 10px;}
    .sCompany_case7 ul li {width:calc(50% - 5px);}
    .sCompany_case7 ul li p {font-size:1.125em; margin-top:10px;}

    .sCompany_case8 > div .year {width:100%; font-size:2em;}
    .sCompany_case8 > div > div {width:100%}
    .sCompany_case8 > div > div .img_box {display:none;}
    .sCompany_case8 > div > div .y {font-size:1.3em; margin:15px 0 10px;}
    .sCompany_case8 > div > div ul {padding-left:0;}
    .sCompany_case8 > div > div ul li {padding-left:25px;}
    .sCompany_case8 > div > div ul li .month {width:25px; font-size:1em;}
    .sCompany_case8 > div > div ul li .txt {font-size:1em;}
    
    .sCompany_case9 .map_box {height:220px; border-radius:8px;}
    .sCompany_case9 .add {font-size:1.5em;}
    .sCompany_case9 .info {gap:15px 20px;}
    .sCompany_case9 .info dl dt {font-size:1.125em;}

    
    .sCompany_slide1 .swiper-slide {width:230px;}
    .sCompany_slide1 .img_box {border-radius:8px;}
    .sCompany_slide1 dl dt {font-size:1.3em;}
    .sCompany_slide1 dl dd {font-size:1em;}

    .sCompany_slide2 .swiper-slide {width:260px; border-radius:8px; padding:7% 5%;}
    .sCompany_slide2 .icon {width:75px; height:75px; border-radius:8px;}
    .sCompany_slide2 dl dt {font-size:1.3em;}
    .sCompany_slide2 dl dd {font-size:1em;}
}


.sTechnology_case1 > div {display:flex; align-items:start; flex-wrap:wrap; margin-bottom:110px;}
.sTechnology_case1 > div:last-child {margin-bottom:0;}
.sTechnology_case1 > div .img_box {width:calc(50% + 16px); height:380px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px;}
.sTechnology_case1 > div .txt_box {width:calc(50% - 16px); padding-left:32px;}
.sTechnology_case1 > div .txt_box .point {display:block; font-size:1.5em; color:#084796; font-weight:700; margin-bottom:15px;}
.sTechnology_case1 > div .txt_box dl dt {font-size:2.5em; line-height:1.125em; font-weight:700; font-family:'Paperlogy'}
.sTechnology_case1 > div .txt_box dl dt span {color:#084796;}
.sTechnology_case1 > div .txt_box dl dd {font-size:1.25em; color:#666; line-height:1.5em; margin-top:30px;}

.sTechnology_case2 {width:100%; background:#f8f8f8; border-radius:15px; padding:110px;}
.sTechnology_case2 .tit_box {text-align:center; margin-bottom:120px;}
.sTechnology_case2 .tit_box .tit {font-size:2.5em; font-weight:700; font-family:'Paperlogy'; line-height:1.2em;}
.sTechnology_case2 .tit_box .tit span {font-size:2em; color:#084796; font-family:'Pretendard'; line-height:1.3em;}
.sTechnology_case2 .tit_box .txt {font-size:1.25em; color:#666; line-height:1.5em; font-weight:700; margin-top:15px;}
.sTechnology_case2 .graph_box {width:100%; position:relative;}
.sTechnology_case2 .graph_box .line li {position:relative; margin-bottom:75px;}
.sTechnology_case2 .graph_box .line li:last-child {margin-bottom:0;}
.sTechnology_case2 .graph_box .line li:before {content:''; display:block; width:100%; height:1px; background:#ccc;}
.sTechnology_case2 .graph_box .line li:last-child:before {background:#666;}
.sTechnology_case2 .graph_box .line li span {width:78px; background:#f8f8f8; font-size:1.5em; color:#ccc; line-height:1.5em; font-weight:700; text-align:right; padding-right:32px; position:absolute; left:0; top:50%; transform:translateY(-50%)}
.sTechnology_case2 .graph_box .graph {display:flex; justify-content:center; align-items:end; gap:0 110px; width:100%; height:100%; position:absolute; left:0; bottom:0; text-align:center;}
.sTechnology_case2 .graph_box .graph li {display:flex; justify-content:end; flex-direction:column; width:110px; height:100%; position:relative;}
.sTechnology_case2 .graph_box .graph li .num {font-size:1.875em; font-weight:700; margin-bottom:15px; white-space:nowrap;}
.sTechnology_case2 .graph_box .graph li > div {width:100%; border-radius:15px 15px 0 0;}
.sTechnology_case2 .graph_box .graph li .txt {width:100%; font-size:1.125em; font-weight:700; position:absolute; left:0; top:100%; margin-top:16px;}
.sTechnology_case2 .graph_box .graph li.box1 {color:#666;}
.sTechnology_case2 .graph_box .graph li.box1 > div {background:#ccc; height:63%;}
.sTechnology_case2 .graph_box .graph li.box2 {color:#084796;}
.sTechnology_case2 .graph_box .graph li.box2 > div {background:#084796; height:80%;}

.sTechnology_case3 {width:100%; background:#191919 url(../images/sTechnology_img3.png) no-repeat center center; background-size:cover; padding:160px 0; overflow:hidden;}
.sTechnology_case3 .txt1 {font-size:1.875em; color:#b3d5ff; line-height:1.4em; font-weight:700;}

.sTechnology_case4 .tit_box {display:flex; justify-content:space-between; align-items:end;}
.sTechnology_case4 .tit_box .more_btn {font-size:1em; color:#084796; font-weight:700;}
.sTechnology_case4 .box a {display:block;}
.sTechnology_case4 .box .img_box {width:100%; height:256px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px 15px 0 0;}
.sTechnology_case4 .box .txt_box {width:100%; border:1px solid #ccc; border-top:0; border-radius:0 0 15px 15px; padding:55px;}
.sTechnology_case4 .box .txt_box .subject {font-size:1.875em; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sTechnology_case4 .box .txt_box ul {display:flex; flex-wrap:wrap; margin-top:15px;}
.sTechnology_case4 .box .txt_box ul li {font-size:1.5em; color:#666; line-height:1.5em;}
.sTechnology_case4 .box .txt_box ul li:before {content:'|'; margin:0 8px;}
.sTechnology_case4 .box .txt_box ul li:first-child:before {display:none;}
.sTechnology_case4 .box .txt_box ul li b {font-weight:600;}


.sTechnology_slide1 .swiper-slide {width:210px;}
.sTechnology_slide1 .img img {width:100%;}
.sTechnology_slide1 p {font-size:1.125em; color:rgba(255,255,255,0.65); margin-top:20px; text-align:center;}

@media screen and (max-width:1220px){
    .sTechnology_case1 > div .img_box {height:30vw;}
}

@media screen and (max-width:1024px){
    .sTechnology_case1 > div {margin-bottom:10%;}
    .sTechnology_case1 > div .img_box {width:50%;}
    .sTechnology_case1 > div .txt_box {width:50%; padding-left:25px;}
    .sTechnology_case1 > div .txt_box .point {font-size:1.3em;}
    .sTechnology_case1 > div .txt_box dl dt {font-size:2em;}
    .sTechnology_case1 > div .txt_box dl dd {font-size:1.125em; margin-top:15px;}

    .sTechnology_case2 {padding:80px;}
    .sTechnology_case2 .tit_box {margin-bottom:10%;}
    .sTechnology_case2 .tit_box .tit {font-size:2em;}
    .sTechnology_case2 .tit_box .txt {font-size:1.125em; margin-top:1.5%;}
    .sTechnology_case2 .graph_box .line li {margin-bottom:50px;}
    .sTechnology_case2 .graph_box .line li span {width:60px; font-size:1.3em; padding-right:25px;}
    .sTechnology_case2 .graph_box .graph {gap:0 50px; padding-left:60px;}
    .sTechnology_case2 .graph_box .graph li {width:80px;}
    .sTechnology_case2 .graph_box .graph li .num {font-size:1.5em;}
    .sTechnology_case2 .graph_box .graph li .txt {font-size:1em; margin-top:10px;}

    .sTechnology_case3 .txt1 {font-size:1.5em;}

    .sTechnology_case4 .box .img_box {height:200px;}
    .sTechnology_case4 .box .txt_box {padding:35px;}
    .sTechnology_case4 .box .txt_box .subject {font-size:1.5em;}
    .sTechnology_case4 .box .txt_box ul {margin-top:10px;}
    .sTechnology_case4 .box .txt_box ul li {font-size:1.3em;}


    .sTechnology_slide1 p {font-size:1em; margin-top:15px;}
}

@media screen and (max-width:767px){
    .sTechnology_case1 > div .img_box {width:100%; height:50vw; border-radius:8px;}
    .sTechnology_case1 > div .txt_box {width:100%; padding-left:0; margin-top:5%;}
    .sTechnology_case1 > div .txt_box .point {font-size:1.2em; margin-bottom:10px;}
    .sTechnology_case1 > div .txt_box dl dt {font-size:1.6em;}
    .sTechnology_case1 > div .txt_box dl dd {font-size:1em; margin-top:7px;}

    .sTechnology_case2 {padding:35px 20px 50px; border-radius:8px;}
    .sTechnology_case2 .tit_box .tit {font-size:1.25em;}
    .sTechnology_case2 .tit_box .tit span {font-size:1.8em;}
    .sTechnology_case2 .tit_box .txt {font-size:1em; font-weight:500;}
    .sTechnology_case2 .graph_box .line li {margin-bottom:35px;}
    .sTechnology_case2 .graph_box .line li span {width:40px; font-size:1em; padding-right:10px;}
    .sTechnology_case2 .graph_box .graph {gap:0 30px; padding-left:40px;}
    .sTechnology_case2 .graph_box .graph li {width:60px;}
    .sTechnology_case2 .graph_box .graph li .num {font-size:1.125em;}
    .sTechnology_case2 .graph_box .graph li > div {border-radius:8px 8px 0 0;}
    
    .sTechnology_case3 .txt1 {font-size:1.25em;}

    .sTechnology_case4 .box .img_box {height:30vw; border-radius:8px 8px 0 0;}
    .sTechnology_case4 .box .txt_box {padding:5% 4%; border-radius:0 0 8px 8px;}
    .sTechnology_case4 .box .txt_box .subject {font-size:1.2em;}
    .sTechnology_case4 .box .txt_box ul {display:block;}
    .sTechnology_case4 .box .txt_box ul li {font-size:1em;}
    .sTechnology_case4 .box .txt_box ul li:before {display:none;}


    .sTechnology_slide1 .swiper-slide {width:200px;}
}



.sProducts_top {width:100%; height:717px; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-top:160px;}

.sProducts_case1 {margin-top:56px;}
.sProducts_case1 > div {margin-bottom:110px;}
.sProducts_case1 > div:last-child {margin-bottom:0;}
.sProducts_case1 > div .img_box {width:100%; height:560px; background-repeat:no-repeat; background-position:center center; background-size:cover; border-radius:15px;}
.sProducts_case1 > div dl {margin-top:55px;}
.sProducts_case1 > div dl dt {font-size:2.5em; line-height:1.4em; font-weight:700; font-family:'Paperlogy'}
.sProducts_case1 > div dl dd {font-size:1.5em; color:#666; line-height:1.45em; font-weight:500; margin-top:15px;}

@media screen and (max-width:1220px){
    .sProducts_top {height:55vw;}

    .sProducts_case1 > div .img_box {height:40vw;}
}

@media screen and (max-width:1024px){
    .sProducts_top {margin-top:10%;}

    .sProducts_case1 {margin-top:10%;}
    .sProducts_case1 > div {margin-bottom:10%;}
    .sProducts_case1 > div dl {margin-top:5%;}
    .sProducts_case1 > div dl dt {font-size:2em;}
    .sProducts_case1 > div dl dd {font-size:1.3em; margin-top:1.5%;}
}

@media screen and (max-width:767px){
    .sProducts_case1 > div .img_box {height:45vw; border-radius:8px;}
    .sProducts_case1 > div dl dt {font-size:1.7em;}
    .sProducts_case1 > div dl dd {font-size:1.125em;}
}

.sContact_case1 .form_box {display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin-top:70px;}
.sContact_case1 .form_box ul {width:calc(50% - 10px)}
.sContact_case1 .form_box ul li {margin-bottom:25px;}
.sContact_case1 .form_box ul li:last-child {margin-bottom:0;}
.sContact_case1 .form_box ul li > label {display:block; font-size:1.25em; font-weight:600; margin-bottom:10px;}
.sContact_case1 .form_box ul li > label i {color:#084796; font-style:normal;}
.sContact_case1 .form_box ul li .form_txt {display:block; width:100%; height:64px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.25em; color:#666; padding:0 16px;}
.sContact_case1 .form_box ul li .form_txt::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_txt:focus {outline:none; border:2px solid #084796 !important; box-shadow:4px 4px 10px rgba(25,194,218,0.1)}
.sContact_case1 .form_box ul li .form_textarea {display:block; width:100%; height:395px; background:#fff; border:1px solid #ccc; border-radius:6px; font-size:1.25em; color:#666; padding:16px; resize:none;}
.sContact_case1 .form_box ul li .form_textarea::placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea::-webkit-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:-ms-input-placeholder {color:#ccc;}
.sContact_case1 .form_box ul li .form_textarea:focus {outline:none; border:2px solid #084796 !important; box-shadow:4px 4px 10px rgba(25,194,218,0.1)}
.sContact_case1 .form_box ul li .check_box input {display:none;}
.sContact_case1 .form_box ul li .check_box label {display:flex; align-items:center;}
.sContact_case1 .form_box ul li .check_box label:before {content:''; display:flex; justify-content:center; align-items:center; width:24px; height:24px; background:#efefef; border-radius:4px; font-size:1em; color:#fff; font-weight:400; font-family:'Font Awesome 6 Pro'}
.sContact_case1 .form_box ul li .check_box label p {font-size:1.25em; color:#666; padding-left:6px;}
.sContact_case1 .form_box ul li .check_box label p a {color:#084796; font-weight:600; text-decoration:underline;}
.sContact_case1 .form_box ul li .check_box input:checked + label:before {content:'\f00c'; background:#084796;}
.sContact_case1 .form_box ul li .t_leng {font-size:1.25em; color:#666; text-align:right;}
.sContact_case1 .form_box ul li .info_box {display:flex; justify-content:space-between; align-items:center; flex-direction:row-reverse; margin-top:10px;}
.sContact_case1 .btn_box {display:flex; justify-content:center; margin-top:55px;}
.sContact_case1 .btn_box .submit_btn {display:flex; justify-content:center; align-items:center; width:fit-content; height:56px; background:#084796; border-radius:6px; font-size:1.125em; color:#fff; font-weight:600; text-align:center; padding:0 30px; transition:all 0.5s; transition-property:background;}
.sContact_case1 .btn_box .submit_btn i {font-size:0.77em; margin-left:10px; position:relative; top:2px;}

@media screen and (max-width:1024px){
    .sContact_case1 .form_box {margin-top:7%;}
    .sContact_case1 .form_box ul {width:calc(50% - 5px)}
    .sContact_case1 .form_box ul li {margin-bottom:20px;}
    .sContact_case1 .form_box ul li > label {font-size:1em;}
    .sContact_case1 .form_box ul li .form_txt {height:48px; font-size:1em; padding:0 15px;}
    .sContact_case1 .form_box ul li .form_textarea {height:300px; font-size:1em; padding:15px;}
	.sContact_case1 .form_box ul li .check_box label p {font-size:1em;}
	.sContact_case1 .form_box ul li .t_leng {font-size:1em;}
	.sContact_case1 .btn_box {margin-top:7%;}
    .sContact_case1 .btn_box .submit_btn {height:44px; font-size:1em; padding:0 15px;}
    .sContact_case1 .btn_box .submit_btn i {top:0;}
}

@media screen and (max-width:767px){
    .sContact_case1 .form_box ul {width:100%; margin-bottom:4%;}
    .sContact_case1 .form_box ul:last-child {margin-bottom:0;}
    .sContact_case1 .form_box ul li {margin-bottom:4%;}
    .sContact_case1 .form_box ul li > label {margin-bottom:1.5%;}
    .sContact_case1 .form_box ul li .form_txt {height:38px; padding:0 10px;}
    .sContact_case1 .form_box ul li .form_textarea {height:110px; padding:10px;}
    .sContact_case1 .form_box ul li .check_box label:before {width:20px; height:20px;}
    .sContact_case1 .btn_box .submit_btn {height:38px; border-radius:5px; padding:0 12px;}
    .sContact_case1 .btn_box .submit_btn i {margin-left:5px;}
}

.privacy_popup {display:flex; justify-content:center; align-items:center; width:100%; height:100vh; background:rgba(25,25,25,0.8); position:fixed; left:0; top:0; z-index:350; opacity:0; visibility:hidden; transition:all 0.5s; transition-property:opacity, visibility;}
.privacy_popup .popup_inner {width:88%; max-width:850px; position:relative;}
.privacy_popup h2 {font-size:1.5em; color:#fff; font-weight:500; text-align:center; margin-bottom:20px;}
.privacy_popup .cont {width:100%; background:#fff; padding:30px; border-radius:20px;}
.privacy_popup .cont > div {width:100%}
.privacy_popup .cont > div p {max-height:400px; font-size:0.875em; color:#666; line-height:1.8em; overflow-y:scroll; padding-right:15px;}
.privacy_popup .cont > div p::-webkit-scrollbar {width:3px;}
.privacy_popup .cont > div p::-webkit-scrollbar-thumb {background:#191919;}
.privacy_popup .cont > div p::-webkit-scrollbar-track {background:#dcdcdc;}
.privacy_popup .close_btn {font-size:1.5em; color:#fff; position:absolute; right:5px; top:10px;}
.privacy_popup .close_btn:before {content:'\f00d'; font-size:1em; font-weight:300; font-family:'Font Awesome 6 Pro'}
.privacy_popup.on {opacity:1; visibility:visible;}

@media screen and (max-width:1024px){
	.privacy_popup h2 {margin-bottom:10px;}
	.privacy_popup .cont {padding:15px; border-radius:15px;}
	.privacy_popup .cont > div p {max-height:300px;}
	.privacy_popup .close_btn {top:7px;}
}

/* =========================================
   대영유리: 전문유리 및 창호 시스템 4열 그리드 레이아웃 (복구)
========================================= */
.sCompany_grid1 {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 16px; /* 위아래 간격 40px, 좌우 간격 16px */
    width: 100%;
}

/* PC 해상도: 4열 배치 */
.sCompany_grid1 > li {
    width: calc(25% - 12px); 
}

/* 이미지 및 텍스트 기존 스타일 적용 */
.sCompany_grid1 .img_box {
    width: 100%;
    height: 0;
    padding-bottom: 100%; /* 1:1 정사각형 비율 유지 */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
}
.sCompany_grid1 dl {
    margin-top: 20px;
}
.sCompany_grid1 dl dt {
    font-size: 1.875em;
    line-height: 1.3em;
    font-weight: 700;
    font-family: 'Paperlogy';
}
.sCompany_grid1 dl dd {
    font-size: 1.25em;
    color: #666;
    line-height: 1.5em;
    margin-top: 10px;
}

/* 태블릿 해상도: 너무 좁아지지 않게 3열로 변경 */
@media screen and (max-width: 1024px) {
    .sCompany_grid1 {
        gap: 30px 15px;
    }
    .sCompany_grid1 > li {
        width: calc(33.333% - 10px); 
    }
    .sCompany_grid1 dl { margin-top: 15px; }
    .sCompany_grid1 dl dt { font-size: 1.5em; }
    .sCompany_grid1 dl dd { font-size: 1.125em; margin-top: 5px; }
}

/* 모바일 해상도: 보기 편하게 2열로 변경 */
@media screen and (max-width: 767px) {
    .sCompany_grid1 {
        gap: 20px 10px;
    }
    .sCompany_grid1 > li {
        width: calc(50% - 5px); 
    }
    .sCompany_grid1 .img_box { border-radius: 8px; }
    .sCompany_grid1 dl dt { font-size: 1.3em; }
    .sCompany_grid1 dl dd { font-size: 1em; }
}






/* =========================================
   대영유리: 1200x280px 흰색 정보 박스 (5열) - 최종 통합본
========================================= */
.sProducts_info_box {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    height: 280px; /* 박스 높이 고정 */
    background: #fff; /* 흰색 배경 */
    border-radius: 15px; /* 모서리 둥글게 */
    border: 1px solid #eaeaea; /* 연한 회색 테두리로 시인성 강화 */
    box-shadow: 0 15px 40px rgba(0,0,0,0.07) !important; /* 입체감 그림자 */
    margin: 55px auto 160px !important; /* 아래 여백 정확히 160px 띄우기 */
}

.sProducts_info_box ul {
    display: flex;
    width: 100%;
}

.sProducts_info_box ul li {
    flex: 1; /* 5개 항목을 균일한 너비로 분할 */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #dcdcdc; /* 세로 회색 구분선 */
    padding: 0 15px;
}

.sProducts_info_box ul li:last-child {
    border-right: 0; /* 맨 마지막 줄은 구분선 제거 */
}

/* 임시 아이콘 박스 디자인 (나중에 실제 이미지로 교체) */
.sProducts_info_box ul li .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 64px;
    background: #e6e6e6; 
    font-size: 14px;
    color: #666;
    margin-bottom: 25px; /* 텍스트와의 간격 */
}

/* 텍스트 스타일: 16px, 볼드체, 가운데 정렬 */
.sProducts_info_box ul li p {
    font-size: 18px !important; 
    line-height: 1.6em;
    text-align: center;
    word-break: keep-all; /* 단어가 중간에 끊기지 않게 유지 */
    font-weight: 700 !important; /* 굵은 볼드체 */
    color: #191919 !important; /* 또렷한 글씨 색상 */
}

/* 태블릿 & 모바일 반응형 처리 */
@media screen and (max-width: 1024px) {
    .sProducts_info_box {
        height: auto; /* 태블릿부터는 높이 고정 해제 */
        padding: 40px 20px;
        margin: 55px auto 10% !important; /* 아래 여백 조절 */
    }
    .sProducts_info_box ul {
        flex-wrap: wrap;
        gap: 30px 0;
    }
    .sProducts_info_box ul li {
        flex: 0 0 33.333%; /* 3개씩 배치 */
        border-right: 0; 
    }
}

@media screen and (max-width: 767px) {
    .sProducts_info_box ul li {
        flex: 0 0 50%; /* 모바일에서는 2개씩 배치 */
    }
    .sProducts_info_box ul li p {
        font-size: 14px !important; /* 모바일 폰트 크기 살짝 축소 */
    }
}

/* 실제 SVG 아이콘 및 포인트 컬러(#084796) 적용 */
.sProducts_info_box ul li .icon {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 25px auto; /* 가운데 정렬 및 텍스트와의 간격 */
    
    /* ◀ 1. 원하는 아이콘 색상을 여기에 입력합니다 */
    background-color: #084796; 
    
    /* ◀ 2. 서버에 업로드한 SVG 파일 경로를 입력합니다 */
    -webkit-mask-image: url(/images/icon_check.svg); 
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(/images/icon_check.svg);
    mask-size: contain;
    mask-position: center;
    mask-repeat: no-repeat;
}

/* =========================================
   대영유리: 모바일 게시판 검색창(제목/내용) 회색 배경 수정
========================================= */
@media screen and (max-width: 1024px) {
    #bo_sch .select_box select {
        -webkit-appearance: none !important; /* 아이폰 사파리 등 모바일 기본 디자인 강제 제거 */
        -moz-appearance: none !important;
        appearance: none !important;
        background-color: #fff !important; /* 강제로 새하얀 배경 적용 */
        
        /* 기본 화살표가 사라지므로 깔끔한 화살표를 배경 이미지로 직접 삽입 */
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important; 
        background-repeat: no-repeat !important;
        background-position: right 10px center !important; /* 화살표 위치 조절 */
        background-size: 16px auto !important; /* 화살표 크기 조절 */
        
        border: 1px solid #dcdcdc !important; /* 깔끔한 얇은 테두리 */
        border-radius: 4px !important;
        color: #333 !important;
        opacity: 1 !important; /* 반투명해지는 현상 차단 */
    }
}