#sub{width:100%; z-index:0;}
#sub .subTitleImg{width:100%; position:relative;}
#sub .subTitleImg .bg{width:100%;}
#sub .subTitleImg .bg img{width:100%;}
#sub .subTitleImg .txA{width:100%; position:absolute; top:50%; transform:translateY(-50%);}
#sub .subTitleImg .txA .title{text-align:center; color:#fff; font-size:64px; font-family:'LINESeedKr-Bd';}
#sub .subTitleImg .txA .subTitle{text-align:center; color:#fff; font-size:24px; margin-top:20px; word-break:Keep-all;}

#sub .navigation{width:fit-content; background:#007CC4; display:flex; justify-content:center; align-items:center; padding:20px 0px; border-radius:50px; position:relative; left:50%; transform:translateX(-50%); z-index:1; margin-top:-32px;}
#sub .navigation li{width:fit-content; font-size:18px; color:#fff; padding:0px 40px; box-sizing:border-box; border-right:1px solid #fff; line-height:18px;}
#sub .navigation li:last-child{border-right:0px solid #fff;}

#sub .subTitleSt{width:100%; display:flex; gap:12px; flex-direction:column; position:relative; z-index:1;}
#sub .subTitleSt .navTitle{width:100%; text-align:Center; font-size:24px; color:#007CC4}
#sub .subTitleSt .title{width:100%; text-align:Center; font-size:40px; color:#222; font-family:'LineSeedKR-Bd'; word-break:keep-all;}



@media (max-width: 1439px) {
    #sub{width:100%; z-index:0;}
    #sub .subTitleImg{width:100%; position:relative;}
    #sub .subTitleImg .bg{width:100%;}
    #sub .subTitleImg .bg img{width:100%;}
    #sub .subTitleImg .txA{width:100%; position:absolute; top:50%; transform:translateY(-50%);}
    #sub .subTitleImg .txA .title{text-align:center; color:#fff; font-size:52px; font-family:'LINESeedKr-Bd';}
    #sub .subTitleImg .txA .subTitle{text-align:center; color:#fff; font-size:20px; margin-top:20px;}

    #sub .navigation{width:fit-content; background:#007CC4; display:flex; justify-content:center; align-items:center; padding:20px 0px; border-radius:50px; position:relative; left:50%; transform:translateX(-50%); z-index:1; margin-top:-32px;}
    #sub .navigation li{width:fit-content; font-size:16px; color:#fff; padding:0px 40px; box-sizing:border-box; border-right:1px solid #fff; line-height:18px;}
    #sub .navigation li:last-child{border-right:0px solid #fff;}

    #sub .subTitleSt{width:100%; display:flex; gap:12px; flex-direction:column; position:relative; z-index:1;}
    #sub .subTitleSt .navTitle{width:100%; text-align:Center; font-size:20px; color:#007CC4}
    #sub .subTitleSt .title{width:100%; text-align:Center; font-size:32px; color:#222; font-family:'LineSeedKR-Bd'}
}

@media (max-width: 1023px) {
    #sub{width:100%; z-index:0;}
    #sub .subTitleImg{width:100%; position:relative;}
    #sub .subTitleImg .bg{width:100%; overflow:Hidden;}
    #sub .subTitleImg .bg img{width:140%; position:relative; left:50%; transform:translateX(-50%);}
    #sub .subTitleImg .txA{width:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
    #sub .subTitleImg .txA .title{text-align:center; color:#fff; font-size:52px; font-family:'LINESeedKr-Bd';}
    #sub .subTitleImg .txA .subTitle{text-align:center; color:#fff; font-size:20px; margin-top:20px;}

    #sub .navigation{width:fit-content; background:#007CC4; display:flex; justify-content:center; align-items:center; padding:20px 0px; border-radius:50px; position:relative; left:50%; transform:translateX(-50%); z-index:1; margin-top:-32px;}
    #sub .navigation li{width:fit-content; font-size:16px; color:#fff; padding:0px 40px; box-sizing:border-box; border-right:1px solid #fff; line-height:18px;}
    #sub .navigation li:last-child{border-right:0px solid #fff;}

    #sub .subTitleSt{width:100%; display:flex; gap:12px; flex-direction:column; position:relative; z-index:1;}
    #sub .subTitleSt .navTitle{width:100%; text-align:Center; font-size:20px; color:#007CC4}
    #sub .subTitleSt .title{width:100%; text-align:Center; font-size:32px; color:#222; font-family:'LineSeedKR-Bd'}
}

@media (max-width: 767px) {
    #sub{width:100%; z-index:0;}
    #sub .subTitleImg{width:100%; position:relative;}
    #sub .subTitleImg .bg{width:100%; overflow:Hidden;}
    #sub .subTitleImg .bg img{width:220%; position:relative; left:50%; transform:translateX(-50%);}
    #sub .subTitleImg .txA{width:100%; position:absolute; top:50%; transform:translateY(-50%); z-index:1;}
    #sub .subTitleImg .txA .title{text-align:center; color:#fff; font-size:28px; font-family:'LINESeedKr-Bd';}
    #sub .subTitleImg .txA .subTitle{text-align:center; color:#fff; font-size:16px; margin-top:12px; word-break:keep-all;}
    #sub .subTitleImg .txA .subTitle br{display:none}

    #sub .navigation{width:fit-content; background:#007CC4; display:flex; justify-content:center; align-items:center; padding:12px 0px; border-radius:50px; position:relative; left:50%; transform:translateX(-50%); z-index:1; margin-top:-24px;}
    #sub .navigation li{width:fit-content; font-size:14px; color:#fff; padding:0px 32px; box-sizing:border-box; border-right:1px solid #fff; line-height:18px;}
    #sub .navigation li:last-child{border-right:0px solid #fff;}

    #sub .subTitleSt{width:100%; display:flex; gap:12px; flex-direction:column; position:relative; z-index:1;}
    #sub .subTitleSt .navTitle{width:100%; text-align:Center; font-size:16px; color:#007CC4}
    #sub .subTitleSt .title{width:100%; text-align:Center; font-size:24px; color:#222; font-family:'LineSeedKR-Bd'}
}


#sub .about_y1{width:100%; background:#f7f7f7; box-sizing:border-box; margin-top:-32px;}
#sub .about_y1 .container{width:100%; background:#fff; padding:120px 10% 120px 10%; box-sizing:border-box; margin-top:-32px; border-radius:0px 0px 50% 50%;}
#sub .about_y1 .container .cirA{width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:60px;}
#sub .about_y1 .container .cirA .slogan{width:312px; border-radius:50%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; gap:8px; flex-direction:column;}
#sub .about_y1 .container .cirA .icon{width:72px;}
#sub .about_y1 .container .cirA .icon img{width:100%;}
#sub .about_y1 .container .cirA .subj{font-size:24px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:12px;}
#sub .about_y1 .container .cirA .subs{font-size:18px; color:#444;}
#sub .about_y1 .container .cirA .logoCir{position:relative; width:420px; padding:32px; box-sizing:border-box; aspect-ratio: 1 / 1; background:#fff; border:12px solid #F2F6FA; border-radius:50%;}
#sub .about_y1 .container .cirA .logoCir .innerCir{width:100%; aspect-ratio: 1 / 1; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 124, 196, 0.05) 48.56%, rgba(0, 124, 196, 0.10) 100%); border-radius:50%; padding:32px; box-sizing:border-box;}
#sub .about_y1 .container .cirA .logoCir .innerCir .inner{width:100%; aspect-ratio: 1 / 1; border-radius:50%; background:#007CC4; box-shadow:0px 0px 20px rgba(0,124,196,1); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px;}
#sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo{width:100px;}
#sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo img{width:100%;}
#sub .about_y1 .container .cirA .logoCir .innerCir .inner .enName{font-size:16px; color:#fff; margin-top:8px;}
#sub .about_y1 .container .cirA .logoCir .innerCir .inner .name{font-size:32px; color:#fff; font-family:'LineSeedKR-Bd'}
#sub .about_y1 .container .cirA .logoCir:before{position:absolute; content:''; background:url(../images/sub/aboutDot.png); width:68px; height:12px; top:50%; transform:translateY(-50%); left:-100px;}
#sub .about_y1 .container .cirA .logoCir:after{position:absolute; content:''; background:url(../images/sub/aboutDot.png); width:68px; height:12px; top:50%; transform:translateY(-50%); right:-100px;}

#sub .about_y1 .container .re{width:100%; display:flex; flex-direction:column; gap:16px; margin-top:80px; align-items:center;}
#sub .about_y1 .container .re .iconMany{width:386px;}
#sub .about_y1 .container .re .iconMany img{width:100%;}
#sub .about_y1 .container .re .subj{font-size:36px; color:#222; font-family:'LineSeedKR-Bd';}
#sub .about_y1 .container .re .subs{font-size:20px; color:#444; text-align:Center;}


#sub .about_y2{width:100%; background:#f7f7f7; padding:120px 10%; box-sizing:border-box;}
#sub .about_y2 .thum{width:100%;margin-top:60px;}
#sub .about_y2 .thum img{width:100%;}
#sub .about_y2 .about_y2_list{width:100%; display:flex; gap:20px; flex-direction:column; margin-top:60px;}
#sub .about_y2 .about_y2_list dd{width:100%; background:#fff; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); padding:32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center;}
#sub .about_y2 .about_y2_list dd .txA{width:fit-content; display:flex; align-items:center; gap:60px;}
#sub .about_y2 .about_y2_list dd .txA .num{width:52px; text-align:center; font-size:24px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
#sub .about_y2 .about_y2_list dd .txA .tit{font-size:32px; color:#007CC4; font-family:'LineSeedKR-Bd'; word-break:keep-all;}
#sub .about_y2 .about_y2_list dd .txA .cont{display:flex; gap:12px; flex-direction:column;}
#sub .about_y2 .about_y2_list dd .txA .cont .subj{font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; word-break:keep-all;}
#sub .about_y2 .about_y2_list dd .txA .cont .subs{display:flex; gap:4px;flex-direction:column; padding-left:20px; box-sizing:border-box;}
#sub .about_y2 .about_y2_list dd .txA .cont .subs li{font-size:16px; color:#444; list-style:disc;}

#sub .about_y3{width:100%; background:#f7f7f7; position:relative; padding:120px 10% 120px; box-sizing:border-box;}
#sub .about_y3:before{width:60%; height:90%; position:absolute; content:''; border-radius:50px 0px 0px 50px; background:#fff; right:0; bottom:0; z-index:0;}
#sub .about_y3 .contents{width:100%; display:flex; position:relative; gap:52px; margin-top:60px; align-items:center;}
#sub .about_y3 .contents .thum{width:100%;}
#sub .about_y3 .contents .thum img{width:100%;}
#sub .about_y3 .contents .txA{width:100%;}
#sub .about_y3 .contents .txA .subj{width:100%; font-size:32px; color:#222; font-family:'LineSeedKR-Bd';}
#sub .about_y3 .contents .txA .subs{width:100%; font-size:18px; color:#444; margin-top:20px; word-break:keep-all;}


@media (max-width: 1439px) {
    #sub .about_y1{width:100%; background:#f7f7f7; box-sizing:border-box; margin-top:-32px;}
    #sub .about_y1 .container{width:100%; background:#fff; padding:120px 5% 120px 5%; box-sizing:border-box; margin-top:-32px; border-radius:0px 0px 50% 50%;}
    #sub .about_y1 .container .cirA{width:100%; display:flex; justify-content:space-between; align-items:center; margin-top:60px;}
    #sub .about_y1 .container .cirA .slogan{width:240px; border-radius:50%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; gap:8px; flex-direction:column;}
    #sub .about_y1 .container .cirA .icon{width:72px;}
    #sub .about_y1 .container .cirA .icon img{width:100%;}
    #sub .about_y1 .container .cirA .subj{font-size:24px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:12px;}
    #sub .about_y1 .container .cirA .subs{font-size:18px; color:#444;}
    #sub .about_y1 .container .cirA .logoCir{position:relative; width:360px; padding:32px; box-sizing:border-box; aspect-ratio: 1 / 1; background:#fff; border:12px solid #F2F6FA; border-radius:50%;}
    #sub .about_y1 .container .cirA .logoCir .innerCir{width:100%; aspect-ratio: 1 / 1; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 124, 196, 0.05) 48.56%, rgba(0, 124, 196, 0.10) 100%); border-radius:50%; padding:32px; box-sizing:border-box;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner{width:100%; aspect-ratio: 1 / 1; border-radius:50%; background:#007CC4; box-shadow:0px 0px 20px rgba(0,124,196,1); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo{width:60px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo img{width:100%;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .enName{font-size:14px; color:#fff; margin-top:8px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .name{font-size:28px; color:#fff; font-family:'LineSeedKR-Bd'}
    #sub .about_y1 .container .cirA .logoCir:before{position:absolute; content:''; background:url(../images/sub/aboutDot.png); background-size:100%; width:52px; height:9px; top:50%; transform:translateY(-50%); left:-70px;}
    #sub .about_y1 .container .cirA .logoCir:after{position:absolute; content:''; background:url(../images/sub/aboutDot.png); background-size:100%; width:52px; height:9px; top:50%; transform:translateY(-50%); right:-70px;}

    #sub .about_y1 .container .re{width:100%; display:flex; flex-direction:column; gap:16px; margin-top:60px; align-items:center;}
    #sub .about_y1 .container .re .iconMany{width:320px;}
    #sub .about_y1 .container .re .iconMany img{width:100%;}
    #sub .about_y1 .container .re .subj{font-size:32px; color:#222; font-family:'LineSeedKR-Bd';}
    #sub .about_y1 .container .re .subs{font-size:18px; color:#444; text-align:Center;}


    #sub .about_y2{width:100%; background:#f7f7f7; padding:120px 10%; box-sizing:border-box;}
    #sub .about_y2 .thum{width:100%;margin-top:60px;}
    #sub .about_y2 .thum img{width:100%;}
    #sub .about_y2 .about_y2_list{width:100%; display:flex; gap:20px; flex-direction:column; margin-top:60px;}
    #sub .about_y2 .about_y2_list dd{width:100%; background:#fff; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); padding:32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:40px;}
    #sub .about_y2 .about_y2_list dd .txA{width:fit-content; display:flex; align-items:center; gap:20px;}
    #sub .about_y2 .about_y2_list dd .txA .num{width:10%; text-align:center; font-size:28px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .about_y2 .about_y2_list dd .txA .tit{font-size:24px; color:#007CC4; font-family:'LineSeedKR-Bd'; width:24%;}
    #sub .about_y2 .about_y2_list dd .txA .cont{display:flex; gap:12px; flex-direction:column;}
    #sub .about_y2 .about_y2_list dd .txA .cont .subj{font-size:18px; color:#222; font-family:'LineSeedKR-Bd';}
    #sub .about_y2 .about_y2_list dd .txA .cont .subs{display:flex; gap:4px;flex-direction:column; padding-left:20px; box-sizing:border-box;}
    #sub .about_y2 .about_y2_list dd .txA .cont .subs li{font-size:16px; color:#444; list-style:disc;}
    #sub .about_y2 .about_y2_list dd .icon{width:80px;}
    #sub .about_y2 .about_y2_list dd .icon img{width:100%;}

    #sub .about_y3{width:100%; background:#f7f7f7; position:relative; padding:120px 10% 120px; box-sizing:border-box;}
    #sub .about_y3:before{width:60%; height:90%; position:absolute; content:''; border-radius:50px 0px 0px 50px; background:#fff; right:0; bottom:0; z-index:0;}
    #sub .about_y3 .contents{width:100%; display:flex; position:relative; gap:52px; margin-top:60px; align-items:center;}
    #sub .about_y3 .contents .thum{width:100%;}
    #sub .about_y3 .contents .thum img{width:100%;}
    #sub .about_y3 .contents .txA{width:100%;}
    #sub .about_y3 .contents .txA .subj{width:100%; font-size:24px; color:#222; font-family:'LineSeedKR-Bd';}
    #sub .about_y3 .contents .txA .subs{width:100%; font-size:16px; color:#444; margin-top:20px;}
}

@media (max-width: 1023px) {
    #sub .about_y1{width:100%; background:#f7f7f7; box-sizing:border-box; margin-top:-32px;}
    #sub .about_y1 .container{width:100%; background:#fff; padding:80px 5% 80px 5%; box-sizing:border-box; margin-top:-32px; border-radius:0px 0px 50% 50%;}
    #sub .about_y1 .container .cirA{width:100%; display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:40px;}
    #sub .about_y1 .container .cirA .slogan{width:220px; border-radius:50%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; gap:8px; flex-direction:column;}
    #sub .about_y1 .container .cirA .icon{width:60px;}
    #sub .about_y1 .container .cirA .icon img{width:100%;}
    #sub .about_y1 .container .cirA .subj{font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:12px;}
    #sub .about_y1 .container .cirA .subs{font-size:16px; color:#444;}
    #sub .about_y1 .container .cirA .logoCir{position:relative; width:320px; padding:16px; box-sizing:border-box; aspect-ratio: 1 / 1; background:#fff; border:12px solid #F2F6FA; border-radius:50%;}
    #sub .about_y1 .container .cirA .logoCir .innerCir{width:100%; aspect-ratio: 1 / 1; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 124, 196, 0.05) 48.56%, rgba(0, 124, 196, 0.10) 100%); border-radius:50%; padding:20px; box-sizing:border-box;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner{width:100%; aspect-ratio: 1 / 1; border-radius:50%; background:#007CC4; box-shadow:0px 0px 20px rgba(0,124,196,1); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo{width:40px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo img{width:100%;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .enName{font-size:13px; color:#fff; margin-top:8px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .name{font-size:24px; color:#fff; font-family:'LineSeedKR-Bd'}
    #sub .about_y1 .container .cirA .logoCir:before{display:none;position:absolute; content:''; background:url(../images/sub/aboutDot.png); background-size:100%; width:52px; height:9px; top:50%; transform:translateY(-50%); left:-70px;}
    #sub .about_y1 .container .cirA .logoCir:after{display:none;position:absolute; content:''; background:url(../images/sub/aboutDot.png); background-size:100%; width:52px; height:9px; top:50%; transform:translateY(-50%); right:-70px;}

    #sub .about_y1 .container .re{width:100%; display:flex; flex-direction:column; gap:16px; margin-top:40px; align-items:center;}
    #sub .about_y1 .container .re .iconMany{width:240px;}
    #sub .about_y1 .container .re .iconMany img{width:100%;}
    #sub .about_y1 .container .re .subj{font-size:24px; color:#222; font-family:'LineSeedKR-Bd';}
    #sub .about_y1 .container .re .subs{font-size:16px; color:#444; text-align:Center;}


    #sub .about_y2{width:100%; background:#f7f7f7; padding:80px 5%; box-sizing:border-box;}
    #sub .about_y2 .thum{width:100%;margin-top:60px;}
    #sub .about_y2 .thum img{width:100%;}
    #sub .about_y2 .about_y2_list{width:100%; display:flex; gap:20px; flex-direction:column; margin-top:40px;}
    #sub .about_y2 .about_y2_list dd{width:100%; background:#fff; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); padding:24px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:40px;}
    #sub .about_y2 .about_y2_list dd .txA{width:fit-content; display:flex; align-items:center; gap:20px;}
    #sub .about_y2 .about_y2_list dd .txA .num{width:10%; text-align:center; font-size:20px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .about_y2 .about_y2_list dd .txA .tit{font-size:20px; color:#007CC4; font-family:'LineSeedKR-Bd'; width:24%;}
    #sub .about_y2 .about_y2_list dd .txA .cont{display:flex; gap:12px; flex-direction:column;}
    #sub .about_y2 .about_y2_list dd .txA .cont .subj{font-size:16px; color:#222; font-family:'LineSeedKR-Bd';}
    #sub .about_y2 .about_y2_list dd .txA .cont .subs{display:flex; gap:4px;flex-direction:column; padding-left:20px; box-sizing:border-box;}
    #sub .about_y2 .about_y2_list dd .txA .cont .subs li{font-size:14px; color:#444; list-style:disc;}
    #sub .about_y2 .about_y2_list dd .icon{width:60px;}
    #sub .about_y2 .about_y2_list dd .icon img{width:100%;}

    #sub .about_y3{width:100%; background:#f7f7f7; position:relative; padding:80px 5% 80px; box-sizing:border-box;}
    #sub .about_y3:before{width:60%; height:90%; position:absolute; content:''; border-radius:50px 0px 0px 50px; background:#fff; right:0; bottom:0; z-index:0;}
    #sub .about_y3 .contents{width:100%; display:flex; flex-direction:column; position:relative; gap:40px; margin-top:40px; align-items:center;}
    #sub .about_y3 .contents .thum{width:100%; display:none;}
    #sub .about_y3 .contents .thum img{width:100%;}
    #sub .about_y3 .contents .txA{width:100%;}
    #sub .about_y3 .contents .txA .subj{width:100%; font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; text-align:Center;}
    #sub .about_y3 .contents .txA .subs{width:100%; font-size:14px; color:#444; margin-top:20px; text-align:Center; word-break:keep-all;}
}

@media (max-width: 767px) {
    #sub .about_y1{width:100%; background:#f7f7f7; box-sizing:border-box; margin-top:-24px;}
    #sub .about_y1 .container{width:100%; background:#fff; padding:60px 3% 60px 3%; box-sizing:border-box; margin-top:-32px; border-radius:0px 0px 50px 50px;}
    #sub .about_y1 .container .cirA{width:100%; display:flex; flex-direction:column; justify-content:center; gap:16px; align-items:center; margin-top:40px;}
    #sub .about_y1 .container .cirA .slogan{width:220px; border-radius:50%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); aspect-ratio: 1 / 1; display:flex; align-items:center; justify-content:center; gap:8px; flex-direction:column;}
    #sub .about_y1 .container .cirA .icon{width:60px;}
    #sub .about_y1 .container .cirA .icon img{width:100%;}
    #sub .about_y1 .container .cirA .subj{font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:12px;}
    #sub .about_y1 .container .cirA .subs{font-size:16px; color:#444;}
    #sub .about_y1 .container .cirA .logoCir{position:relative; width:320px; padding:16px; box-sizing:border-box; aspect-ratio: 1 / 1; background:#fff; border:12px solid #F2F6FA; border-radius:50%;}
    #sub .about_y1 .container .cirA .logoCir .innerCir{width:100%; aspect-ratio: 1 / 1; background: radial-gradient(50% 50% at 50% 50%, rgba(0, 124, 196, 0.05) 48.56%, rgba(0, 124, 196, 0.10) 100%); border-radius:50%; padding:20px; box-sizing:border-box;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner{width:100%; aspect-ratio: 1 / 1; border-radius:50%; background:#007CC4; box-shadow:0px 0px 20px rgba(0,124,196,1); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:4px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo{width:40px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .logo img{width:100%;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .enName{font-size:13px; color:#fff; margin-top:8px;}
    #sub .about_y1 .container .cirA .logoCir .innerCir .inner .name{font-size:24px; color:#fff; font-family:'LineSeedKR-Bd'}
    #sub .about_y1 .container .cirA .logoCir:before{display:none;position:absolute; content:''; background:url(../images/sub/aboutDot.png); background-size:100%; width:52px; height:9px; top:50%; transform:translateY(-50%); left:-70px;}
    #sub .about_y1 .container .cirA .logoCir:after{display:none;position:absolute; content:''; background:url(../images/sub/aboutDot.png); background-size:100%; width:52px; height:9px; top:50%; transform:translateY(-50%); right:-70px;}

    #sub .about_y1 .container .re{width:100%; display:flex; flex-direction:column; gap:16px; margin-top:40px; align-items:center;}
    #sub .about_y1 .container .re .iconMany{width:240px;}
    #sub .about_y1 .container .re .iconMany img{width:100%;}
    #sub .about_y1 .container .re .subj{font-size:24px; color:#222; font-family:'LineSeedKR-Bd'; text-align:center; word-break:Keep-all;}
    #sub .about_y1 .container .re .subs{font-size:16px; color:#444; text-align:Center;}


    #sub .about_y2{width:100%; background:#f7f7f7; padding:60px 3%; box-sizing:border-box;}
    #sub .about_y2 .thum{width:100%;margin-top:60px;}
    #sub .about_y2 .thum img{width:100%;}
    #sub .about_y2 .about_y2_list{width:100%; display:flex; gap:20px; flex-direction:column; margin-top:40px;}
    #sub .about_y2 .about_y2_list dd{width:100%; position:Relative; background:#fff; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); padding:24px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:40px; flex-direction: column;}
    #sub .about_y2 .about_y2_list dd .txA{width:fit-content; display:flex; align-items:start; gap:12px; flex-direction:column;}
    #sub .about_y2 .about_y2_list dd .txA .num{width:100%; text-align:left; font-size:20px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .about_y2 .about_y2_list dd .txA .tit{font-size:20px; color:#007CC4; font-family:'LineSeedKR-Bd'; width:100%;}
    #sub .about_y2 .about_y2_list dd .txA .cont{display:flex; gap:12px; flex-direction:column;}
    #sub .about_y2 .about_y2_list dd .txA .cont .subj{font-size:16px; color:#222; font-family:'LineSeedKR-Bd';}
    #sub .about_y2 .about_y2_list dd .txA .cont .subs{display:flex; gap:4px;flex-direction:column; padding-left:20px; box-sizing:border-box;}
    #sub .about_y2 .about_y2_list dd .txA .cont .subs li{font-size:14px; color:#444; list-style:disc;}
    #sub .about_y2 .about_y2_list dd .icon{width:60px; position:absolute; top:24px; right:24px;}
    #sub .about_y2 .about_y2_list dd .icon img{width:100%;}

    #sub .about_y3{width:100%; background:#f7f7f7; position:relative; padding:60px 3% 60px; box-sizing:border-box;}
    #sub .about_y3:before{width:60%; display:none; height:90%; position:absolute; content:''; border-radius:50px 0px 0px 50px; background:#fff; right:0; bottom:0; z-index:0;}
    #sub .about_y3 .contents{width:100%; display:flex; flex-direction:column; position:relative; gap:20px; margin-top:20px; align-items:center;}
    #sub .about_y3 .contents .thum{width:100%; display:block;}
    #sub .about_y3 .contents .thum img{width:100%;}
    #sub .about_y3 .contents .txA{width:100%;}
    #sub .about_y3 .contents .txA .subj{width:100%; font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; text-align:Center;}
    #sub .about_y3 .contents .txA .subs{width:100%; font-size:15px; line-height:22px; color:#444; margin-top:20px; text-align:Center; word-break:keep-all;}
}


#sub .history{width:100%; padding:120px 10%; box-sizing:border-box;}
#sub .history .container{width:100%; margin-top:60px; position:relative;}
#sub .history .container .centerLine{position:absolute; height:100%; left:50%; transform:translateX(-50%;)}
#sub .history .container .centerLine .line{width:4px; height:100%; z-index:-1; background:#e5e5e5; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden;}
#sub .history .container .centerLine .line::after {content:''; position:absolute; top:0;left:0; width:100%;height:var(--lineHeight, 0%); background:#007CC4;}
#sub .history .container .centerLine .arrow { position:absolute;top:0; left:50%; transform:translateX(-50%); width:52px; transition:top 0.1s linear;z-index:10;}
#sub .history .container .centerLine .arrow{width:52px;}
#sub .history .container .centerLine .arrow img{width:100%;}
#sub .history .container .historyList{width:100%; display:flex; flex-direction:column; gap:21px; padding:60px 0px;}
#sub .history .container .historyList dd{width:100%; line-height:40px; display:flex; gap:8px; padding-left:56%; box-sizing:border-box;}
#sub .history .container .historyList dd:nth-child(2n){padding-right:54%; text-align:Right; padding-left:0%; box-sizing:border-box; flex-direction:row-reverse;}
#sub .history .container .historyList dd .date{width:100px; color:#007CC4; font-size:20px; font-family:'LineSeedKR-Bd';}

@media (max-width: 1023px) {
    #sub .history{width:100%; padding:80px 5%; box-sizing:border-box;}
    #sub .history .container{width:100%; margin-top:40px; position:relative;}
    #sub .history .container .centerLine{position:absolute; height:100%; left:50%; transform:translateX(-50%;)}
    #sub .history .container .centerLine .line{width:4px; height:100%; z-index:-1; background:#e5e5e5; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden;}
    #sub .history .container .centerLine .line::after {content:''; position:absolute; top:0;left:0; width:100%;height:var(--lineHeight, 0%); background:#007CC4;}
    #sub .history .container .centerLine .arrow { position:absolute;top:0; left:50%; transform:translateX(-50%); width:52px; transition:top 0.1s linear;z-index:10;}
    #sub .history .container .centerLine .arrow{width:36px;}
    #sub .history .container .centerLine .arrow img{width:100%;}
    #sub .history .container .historyList{width:100%; display:flex; flex-direction:column; gap:21px; padding:60px 0px;}
    #sub .history .container .historyList dd{width:100%; line-height:32px; display:flex; gap:8px; padding-left:56%; box-sizing:border-box;}
    #sub .history .container .historyList dd:nth-child(2n){padding-right:54%; text-align:Right; padding-left:0%; box-sizing:border-box; flex-direction:row-reverse;}
    #sub .history .container .historyList dd .date{width:100px; color:#007CC4; font-size:16px; font-family:'LineSeedKR-Bd';}
    #sub .history .container .historyList dd .list li{font-size:14px;}
}

@media (max-width: 767px) {
    #sub .history{width:100%; padding:80px 5%; box-sizing:border-box;}
    #sub .history .container{width:100%; margin-top:40px; position:relative;}
    #sub .history .container .centerLine{position:absolute; height:100%; left:5%; transform:translateX(0%;)}
    #sub .history .container .centerLine .line{width:4px; height:100%; z-index:-1; background:#e5e5e5; position:absolute; top:0; left:50%; transform:translateX(-50%); overflow:hidden;}
    #sub .history .container .centerLine .line::after {content:''; position:absolute; top:0;left:0; width:100%;height:var(--lineHeight, 0%); background:#007CC4;}
    #sub .history .container .centerLine .arrow { position:absolute;top:0; left:50%; transform:translateX(-50%); width:52px; transition:top 0.1s linear;z-index:10;}
    #sub .history .container .centerLine .arrow{width:32px;}
    #sub .history .container .centerLine .arrow img{width:100%;}
    #sub .history .container .historyList{width:100%; display:flex; flex-direction:column; gap:21px; padding:40px 0px;}
    #sub .history .container .historyList dd{width:100%; line-height:32px; display:flex; gap:8px; padding-left:12%; box-sizing:border-box;}
    #sub .history .container .historyList dd:nth-child(2n){padding-right:0%; text-align:left; padding-left:12%; box-sizing:border-box; flex-direction:row;}
    #sub .history .container .historyList dd .date{width:24%; color:#007CC4; font-size:16px; font-family:'LineSeedKR-Bd';}
    #sub .history .container .historyList dd .list{width:76%}
    #sub .history .container .historyList dd .list li{font-size:14px;}
}



#sub .contact{width:100%; padding:120px 10%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
#sub .contact .container{width:100%; margin-top:60px;}
#sub .contact .container .map{width:100%; height:70vh; overflow:hidden;}
#sub .contact .container .infoList{width:100%; display:flex; gap:60px; margin-top:40px;}
#sub .contact .container .infoList li{width:100%; background:#fff; padding:40px; box-sizing:border-box; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); align-items:center; display:flex; flex-direction:column;}
#sub .contact .container .infoList li .icon{width:100px;}
#sub .contact .container .infoList li .icon img{width:100px;}
#sub .contact .container .infoList li .subj{font-size:16px; color:#007CC4; margin-top:20px;}
#sub .contact .container .infoList li .subs{font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:8px;}

@media (max-width: 1439px) {
    #sub .contact{width:100%; padding:120px 5%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
    #sub .contact .container{width:100%; margin-top:60px;}
    #sub .contact .container .map{width:100%; height:70vh; overflow:hidden;}
    #sub .contact .container .infoList{width:100%; display:flex; gap:32px; margin-top:40px;}
    #sub .contact .container .infoList li{width:100%; background:#fff; padding:32px; box-sizing:border-box; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); align-items:center; display:flex; flex-direction:column;}
    #sub .contact .container .infoList li .icon{width:100px;}
    #sub .contact .container .infoList li .icon img{width:100px;}
    #sub .contact .container .infoList li .subj{font-size:16px; color:#007CC4; margin-top:20px;}
    #sub .contact .container .infoList li .subs{font-size:20px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:8px; text-align:center; word-break:keep-all;}
}


@media (max-width: 1023px) {
    #sub .contact{width:100%; padding:80px 5%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
    #sub .contact .container{width:100%; margin-top:40px;}
    #sub .contact .container .map{width:100%; height:70vh; overflow:hidden;}
    #sub .contact .container .infoList{width:100%; display:flex; gap:20px; margin-top:40px;}
    #sub .contact .container .infoList li{width:100%; background:#fff; padding:20px; box-sizing:border-box; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); align-items:center; display:flex; flex-direction:column;}
    #sub .contact .container .infoList li .icon{width:60px;}
    #sub .contact .container .infoList li .icon img{width:100%;}
    #sub .contact .container .infoList li .subj{font-size:14px; color:#007CC4; margin-top:20px;}
    #sub .contact .container .infoList li .subs{font-size:16px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:8px; text-align:center; word-break:keep-all;}
}

@media (max-width: 767px) {
    #sub .contact{width:100%; padding:80px 5%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
    #sub .contact .container{width:100%; margin-top:40px;}
    #sub .contact .container .map{width:100%; height:70vh; overflow:hidden;}
    #sub .contact .container .infoList{width:100%; display:flex; gap:12px; margin-top:20px; flex-direction:column;}
    #sub .contact .container .infoList li{width:100%; background:#fff; padding:20px; box-sizing:border-box; border-radius:20px; box-shadow:0px 0px 20px rgba(0,0,0,0.05); align-items:center; display:flex; flex-direction:column;}
    #sub .contact .container .infoList li .icon{width:60px;}
    #sub .contact .container .infoList li .icon img{width:100%;}
    #sub .contact .container .infoList li .subj{font-size:14px; color:#007CC4; margin-top:20px;}
    #sub .contact .container .infoList li .subs{font-size:16px; color:#222; font-family:'LineSeedKR-Bd'; margin-top:8px; text-align:center; word-break:keep-all;}
}


#sub .process{width:100%; padding:120px 10%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
#sub .process .container{width:100%; margin-top:60px;}
#sub .process .container .thum{width:100%;}
#sub .process .container .thum img{width:100%;}
#sub .process .processList{width:100%; display:flex; gap:20px; margin-top:40px; flex-direction:column;}
#sub .process .processList li{width:100%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); border-radius:20px; padding:32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:80px;}
#sub .process .processList li .txA{width:80%; display:flex; align-items:center;}
#sub .process .processList li .txA .num{width:8%; text-align:center; font-size:36px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
#sub .process .processList li .txA .subjA{width:24%; position:relative; text-align:Center;}
#sub .process .processList li .txA .subjA .subj{font-size:36px; color:#007CC4; font-family:'LineSeedKR-Bd'; z-index:1;}
#sub .process .processList li .txA .subjA .en{font-size:20px; color:#007CC4; opacity:0.1; font-family:'LineSeedKR-Bd';}
#sub .process .processList li .txA .subs{width:68%; font-size:16px; color:#444; word-break:keep-all; line-height:24px;}
#sub .process .processList li .process_thum{width:20%;}
#sub .process .processList li .process_thum img{width:100%;}

@media (max-width: 1439px) {
    #sub .process{width:100%; padding:120px 5%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
    #sub .process .container{width:100%; margin-top:60px;}
    #sub .process .container .thum{width:100%;}
    #sub .process .container .thum img{width:100%;}
    #sub .process .processList{width:100%; display:flex; gap:20px; margin-top:40px; flex-direction:column;}
    #sub .process .processList li{width:100%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); border-radius:20px; padding:32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:60px;}
    #sub .process .processList li .txA{width:80%; display:flex; align-items:center;}
    #sub .process .processList li .txA .num{width:8%; text-align:center; font-size:36px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .process .processList li .txA .subjA{width:24%; position:relative; text-align:Center;}
    #sub .process .processList li .txA .subjA .subj{font-size:32px; color:#007CC4; font-family:'LineSeedKR-Bd'; position:absolute; z-index:1; top:50%; transform:translate(-50%, -50%); left:50%;}
    #sub .process .processList li .txA .subjA .en{font-size:20px; color:#007CC4; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .process .processList li .txA .subs{width:68%; font-size:16px; color:#444; word-break:keep-all; line-height:24px;}
    #sub .process .processList li .process_thum{width:20%;}
    #sub .process .processList li .process_thum img{width:100%;}
}

@media (max-width: 1023px) {
    #sub .process{width:100%; padding:80px 5%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
    #sub .process .container{width:100%; margin-top:40px;}
    #sub .process .container .thum{width:100%;}
    #sub .process .container .thum img{width:100%;}
    #sub .process .processList{width:100%; display:flex; gap:20px; margin-top:40px; flex-direction:column;}
    #sub .process .processList li{width:100%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); border-radius:20px; padding:32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; gap:60px;}
    #sub .process .processList li .txA{width:80%; display:flex; align-items:center;}
    #sub .process .processList li .txA .num{width:8%; text-align:center; font-size:24px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .process .processList li .txA .subjA{width:24%; position:relative; text-align:Center;}
    #sub .process .processList li .txA .subjA .subj{font-size:28px; color:#007CC4; font-family:'LineSeedKR-Bd'; position:absolute; z-index:1; top:50%; transform:translate(-50%, -50%); left:50%;}
    #sub .process .processList li .txA .subjA .en{font-size:14px; color:#007CC4; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .process .processList li .txA .subs{width:68%; font-size:14px; color:#444; word-break:keep-all; line-height:22px;}
    #sub .process .processList li .process_thum{width:20%;}
    #sub .process .processList li .process_thum img{width:100%;}
}


@media (max-width: 767px) {
    #sub .process{width:100%; padding:80px 5%; box-sizing:border-box; background:#f7f7f7; margin-top:-32px;}
    #sub .process .container{width:100%; margin-top:40px;}
    #sub .process .container .thum{width:100%;}
    #sub .process .container .thum img{width:100%;}
    #sub .process .processList{width:100%; display:flex; gap:20px; margin-top:40px; flex-direction:column;}
    #sub .process .processList li{width:100%; background:#fff; box-shadow:5px 5px 20px rgba(0,0,0,0.05); border-radius:20px; padding:32px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:start; gap:60px; flex-direction:column;}
    #sub .process .processList li .txA{width:100%; display:flex; align-items:start; flex-direction:column; gap:12px}
    #sub .process .processList li .txA .num{width:100%; text-align:left; font-size:24px; color:#000; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .process .processList li .txA .subjA{width:100%; position:relative; text-align:left;}
    #sub .process .processList li .txA .subjA .subj{font-size:24px; color:#007CC4; font-family:'LineSeedKR-Bd'; position:absolute; z-index:1; top:0%; transform:translate(0%); left:0%;}
    #sub .process .processList li .txA .subjA .en{font-size:24px; color:#007CC4; opacity:0.1; font-family:'LineSeedKR-Bd';}
    #sub .process .processList li .txA .subs{width:100%; font-size:14px; color:#444; word-break:keep-all; line-height:22px;}
    #sub .process .processList li .process_thum{width:100%;}
    #sub .process .processList li .process_thum img{width:100%;}
}





#sub .product{width:100%; padding:120px 10%; box-sizing:border-box;}
#sub .product .filter{width:100%; display:flex; gap:12px; justify-content:center; align-items:center; margin-top:40px;}
#sub .product .filter dd{width:200px; border-radius:50px; background:#f7f7f7; position:relative;}
#sub .product .filter dd .select{width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 16px; box-sizing:border-box; }
#sub .product .filter dd .select .text{font-size:16px; color:#007CC4;}
#sub .product .filter dd .select .arrow{width:16px; transition:all 0.3s}
#sub .product .filter dd .select .arrow.up{transform:rotate(180deg)}
#sub .product .filter dd .dropList{width:100%;display:none; background:#f7f7f7; border-radius:12px; position:absolute; padding-top:16px; margin-top:-16px;}
#sub .product .filter dd .dropList.show{display:flex; flex-direction:column;}
#sub .product .filter dd .dropList li{width:100%; padding:12px; box-sizing:border-box; font-size:16px;}
#sub .product .container{width:100%; margin-top:60px; display:flex; flex-direction:column; gap:120px;}
#sub .product .container .productList{width:100%; display:flex; flex-wrap:wrap; gap: 60px}
#sub .product .container .productList li{width:calc(100% / 4 - 45px); display:flex; gap:20px; flex-direction:column;}
#sub .product .container .productList li .thum{width:100%; text-align:center; border-radius:20px; overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.05); cursor:pointer;}
#sub .product .container .productList li .thum img{width:80%; transition:transform 0.3s ease;}
#sub .product .container .productList li .thum:hover img{transform:scale(1.1);}
#sub .product .container .productList li .txA{width:100%; display:flex; gap:8px; flex-direction:column;}
#sub .product .container .productList li .txA .subj{width:100%; font-size:20px; text-align:center; color:#222; font-family:'LINESeedKR-Bd'}
#sub .product .container .productList li .txA .subs{width:100%; font-size:16px; text-align:center; color:#444;}

.partnership{width:100%; display:flex; gap:120px;}
#sub .partnership .subTitleSt{width:30%; text-align:left;}
#sub .partnership .subTitleSt .navTitle{text-align:left; width:100%;}
#sub .partnership .subTitleSt .title{text-align:left; word-break:keep-all;}
.partnership .formA{width:70%; display:flex; gap:20px; flex-direction:column;}
.partnership .formA .formList{width:100%; display:flex; gap:20px; flex-direction:column}
.partnership .formA .formList dd{width:100%; display:flex;  border-radius:50px; background:#f7f7f7; padding:16px 24px; box-sizing:border-box;}
.partnership .formA .formList dd:last-child{border-radius:32px;}
.partnership .formA .formList dd label{width:20%; font-size:18px; color:#222; font-family:'LineSeedKr-Bd';}
.partnership .formA .formList dd select,
.partnership .formA .formList dd textarea,
.partnership .formA .formList dd input{width:80%; background:#f7f7f7; font-size:18px;}

.partnership .formA .termCheck{width:100%; display:flex; gap:8px; flex-direction:column; margin-top:20px;}
.partnership .formA .termCheck li{width:100%; display:flex; justify-content:space-between;}
.partnership .formA .termCheck li .viewBtn{text-decoration:underline;}
.partnership .formA .termCheck li .checkA{display:flex;align-items:center; gap:8px;}
.partnership .formA .termCheck li .checkA input{position:absolute;opacity:0;width:16px;height:16px;margin:0;}
.partnership .formA .termCheck li .checkA label{position:relative;padding-left:24px;cursor:pointer; }
.partnership .formA .termCheck li .checkA label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('../images/sub/unchecked.png') center/contain no-repeat;border-radius:0.25rem;transition:transform .12s ease, background .12s ease;}
.partnership .formA .termCheck li .checkA input[type="checkbox"]:checked + label::before{background:url('../images/sub/checked.png') center/contain no-repeat; width:16px;height:16px;}

.partnership .formA .button{width:100%; margin-top:32px;}
.partnership .formA .button button{width:100%; display:block; background:#007CC4; color:#fff; cursor:pointer; padding:16px 20px; box-sizing:border-box; border-radius:8px;}


@media (max-width: 1439px) {
    #sub .product{width:100%; padding:120px 5%; box-sizing:border-box;}
    #sub .product .filter{width:100%; display:flex; gap:12px; justify-content:center; align-items:center; margin-top:40px;}
    #sub .product .filter dd{width:200px; border-radius:50px; background:#f7f7f7;}
    #sub .product .filter dd .select{width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 16px; box-sizing:border-box;}
    #sub .product .filter dd .select .text{font-size:16px; color:#007CC4;}
    #sub .product .filter dd .dropList{width:100%;display:none;}
    #sub .product .container{width:100%; margin-top:60px; display:flex; flex-direction:column; gap:120px;}
    #sub .product .container .productList{width:100%; display:flex; flex-wrap:wrap; gap: 60px}
    #sub .product .container .productList li{width:calc(100% / 3 - 40px); display:flex; gap:20px; flex-direction:column;}
    #sub .product .container .productList li .thum{width:100%; border-radius:20px; overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.05)}
    #sub .product .container .productList li .thum img{width:100%;}
    #sub .product .container .productList li .txA{width:100%; display:flex; gap:8px; flex-direction:column;}
    #sub .product .container .productList li .txA .subj{width:100%; font-size:20px; text-align:center; color:#222; font-family:'LINESeedKR-Bd'}
    #sub .product .container .productList li .txA .subs{width:100%; font-size:16px; text-align:center; color:#444;}

    .partnership{width:100%; display:flex; gap:120px;}
    #sub .partnership .subTitleSt{width:30%;}
    #sub .partnership .subTitleSt .navTitle{text-align:left;}
    #sub .partnership .subTitleSt .title{text-align:left; word-break:keep-all;}
    .partnership .formA{width:70%; display:flex; gap:20px; flex-direction:column;}
    .partnership .formA .formList{width:100%; display:flex; gap:20px; flex-direction:column}
    .partnership .formA .formList dd{width:100%; display:flex;  border-radius:50px; background:#f7f7f7; padding:16px 24px; box-sizing:border-box;}
    .partnership .formA .formList dd:last-child{border-radius:32px;}
    .partnership .formA .formList dd label{width:20%; font-size:16px; color:#222; font-family:'LineSeedKr-Bd';}
    .partnership .formA .formList dd select,
    .partnership .formA .formList dd textarea,
    .partnership .formA .formList dd input{width:80%; background:#f7f7f7}

    .partnership .formA .termCheck{width:100%; display:flex; gap:8px; flex-direction:column; margin-top:20px;}
    .partnership .formA .termCheck li{width:100%; display:flex; justify-content:space-between;}
    .partnership .formA .termCheck li .viewBtn{text-decoration:underline;}
    .partnership .formA .termCheck li .checkA{display:flex;align-items:center; gap:8px;}
    .partnership .formA .termCheck li .checkA input{position:absolute;opacity:0;width:16px;height:16px;margin:0;}
    .partnership .formA .termCheck li .checkA label{position:relative;padding-left:24px;cursor:pointer; }
    .partnership .formA .termCheck li .checkA label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('../images/sub/unchecked.png') center/contain no-repeat;border-radius:0.25rem;transition:transform .12s ease, background .12s ease;}
    .partnership .formA .termCheck li .checkA input[type="checkbox"]:checked + label::before{background:url('../images/sub/checked.png') center/contain no-repeat; width:16px;height:16px;}

    .partnership .formA .button{width:100%; margin-top:32px;}
    .partnership .formA .button button{width:100%; display:block; background:#007CC4; color:#fff; cursor:pointer; padding:16px 20px; box-sizing:border-box; border-radius:8px;}
}

@media (max-width: 1023px) {
    #sub .product{width:100%; padding:80px 5%; box-sizing:border-box;}
    #sub .product .filter{width:100%; display:flex; gap:12px; justify-content:center; align-items:center; margin-top:40px;}
    #sub .product .filter dd{width:200px; border-radius:50px; background:#f7f7f7;}
    #sub .product .filter dd .select{width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 16px; box-sizing:border-box;}
    #sub .product .filter dd .select .text{font-size:16px; color:#007CC4;}
    #sub .product .filter dd .dropList{width:100%;display:none;}
    #sub .product .container{width:100%; margin-top:60px; display:flex; flex-direction:column; gap:120px;}
    #sub .product .container .productList{width:100%; display:flex; flex-wrap:wrap; gap:40px}
    #sub .product .container .productList li{width:calc(100% / 3 - 27px); display:flex; gap:20px; flex-direction:column;}
    #sub .product .container .productList li .thum{width:100%; border-radius:20px; overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.05)}
    #sub .product .container .productList li .thum img{width:100%;}
    #sub .product .container .productList li .txA{width:100%; display:flex; gap:8px; flex-direction:column;}
    #sub .product .container .productList li .txA .subj{width:100%; font-size:18px; text-align:center; color:#222; font-family:'LINESeedKR-Bd'}
    #sub .product .container .productList li .txA .subs{width:100%; font-size:15px; text-align:center; color:#444;}

    .partnership{width:100%; display:flex; gap:80px;}
    #sub .partnership .subTitleSt{width:36%;}
    #sub .partnership .subTitleSt .navTitle{text-align:left;}
    #sub .partnership .subTitleSt .title{text-align:left; word-break:keep-all;}
    .partnership .formA{width:64%; display:flex; gap:20px; flex-direction:column;}
    .partnership .formA .formList{width:100%; display:flex; gap:20px; flex-direction:column}
    .partnership .formA .formList dd{width:100%; display:flex;  border-radius:50px; background:#f7f7f7; padding:16px 24px; box-sizing:border-box;}
    .partnership .formA .formList dd:last-child{border-radius:32px;}
    .partnership .formA .formList dd label{width:20%; font-size:16px; color:#222; font-family:'LineSeedKr-Bd';}
    .partnership .formA .formList dd select,
    .partnership .formA .formList dd textarea,
    .partnership .formA .formList dd input{width:80%; background:#f7f7f7}

    .partnership .formA .termCheck{width:100%; display:flex; gap:8px; flex-direction:column; margin-top:20px;}
    .partnership .formA .termCheck li{width:100%; display:flex; justify-content:space-between;}
    .partnership .formA .termCheck li .viewBtn{text-decoration:underline; font-size:14px;}
    .partnership .formA .termCheck li .checkA{display:flex;align-items:center; gap:8px;}
    .partnership .formA .termCheck li .checkA input{position:absolute;opacity:0;width:16px;height:16px;margin:0;}
    .partnership .formA .termCheck li .checkA label{position:relative;padding-left:24px;cursor:pointer; font-size:14px;}
    .partnership .formA .termCheck li .checkA label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('../images/sub/unchecked.png') center/contain no-repeat;border-radius:0.25rem;transition:transform .12s ease, background .12s ease;}
    .partnership .formA .termCheck li .checkA input[type="checkbox"]:checked + label::before{background:url('../images/sub/checked.png') center/contain no-repeat; width:16px;height:16px;}

    .partnership .formA .button{width:100%; margin-top:32px;}
    .partnership .formA .button button{width:100%; display:block; background:#007CC4; color:#fff; cursor:pointer; padding:16px 20px; box-sizing:border-box; border-radius:8px;}
}


@media (max-width: 767px) {
    #sub .product{width:100%; padding:80px 3%; box-sizing:border-box;}
    #sub .product .filter{width:100%; display:flex; flex-direction:column; gap:8px; justify-content:center; align-items:center; margin-top:40px;}
    #sub .product .filter dd{width:100%; border-radius:50px; background:#f7f7f7;}
    #sub .product .filter dd .select{width:100%; display:flex; justify-content:space-between; align-items:center; padding:12px 16px; box-sizing:border-box;}
    #sub .product .filter dd .select .text{font-size:14px; color:#007CC4;}
    #sub .product .filter dd .dropList{width:100%;display:none; z-index:9;}
    #sub .product .container{width:100%; margin-top:20px; display:flex; flex-direction:column; gap:80px;}
    #sub .product .container .productList{width:100%; display:flex; flex-wrap:wrap; gap:20px}
    #sub .product .container .productList li{width:100%; display:flex; gap:20px; flex-direction:column;}
    #sub .product .container .productList li .thum{width:100%; border-radius:20px; overflow:hidden; box-shadow:5px 5px 20px rgba(0,0,0,0.05)}
    #sub .product .container .productList li .thum img{width:100%;}
    #sub .product .container .productList li .txA{width:100%; display:flex; gap:8px; flex-direction:column;}
    #sub .product .container .productList li .txA .subj{width:100%; font-size:16px; text-align:center; color:#222; font-family:'LINESeedKR-Bd'}
    #sub .product .container .productList li .txA .subs{width:100%; font-size:14px; text-align:center; color:#444;}

    .partnership{width:100%; display:flex; gap:20px; flex-direction:column;}
    #sub .partnership .subTitleSt{width:100%;}
    #sub .partnership .subTitleSt .navTitle{text-align:center;}
    #sub .partnership .subTitleSt .title{text-align:center; word-break:keep-all;}
    .partnership .formA{width:100%; display:flex; gap:20px; flex-direction:column;}
    .partnership .formA .formList{width:100%; display:flex; gap:20px; flex-direction:column}
    .partnership .formA .formList dd{width:100%; display:flex;  border-radius:50px; background:#f7f7f7; padding:16px 24px; box-sizing:border-box;}
    .partnership .formA .formList dd:last-child{border-radius:32px;}
    .partnership .formA .formList dd label{width:24%; font-size:14px; color:#222; font-family:'LineSeedKr-Bd';}
    .partnership .formA .formList dd select,
    .partnership .formA .formList dd textarea,
    .partnership .formA .formList dd input{width:76%; background:#f7f7f7; font-size:14px}

    .partnership .formA .termCheck{width:100%; display:flex; gap:8px; flex-direction:column; margin-top:20px;}
    .partnership .formA .termCheck li{width:100%; display:flex; justify-content:space-between;}
    .partnership .formA .termCheck li .viewBtn{text-decoration:underline; font-size:14px; display:none;}
    .partnership .formA .termCheck li .checkA{display:flex;align-items:center; gap:8px;}
    .partnership .formA .termCheck li .checkA input{position:absolute;opacity:0;width:16px;height:16px;margin:0;}
    .partnership .formA .termCheck li .checkA label{position:relative;padding-left:24px;cursor:pointer; font-size:13px;}
    .partnership .formA .termCheck li .checkA label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:url('../images/sub/unchecked.png') center/contain no-repeat;border-radius:0.25rem;transition:transform .12s ease, background .12s ease;}
    .partnership .formA .termCheck li .checkA input[type="checkbox"]:checked + label::before{background:url('../images/sub/checked.png') center/contain no-repeat; width:16px;height:16px;}

    .partnership .formA .button{width:100%; margin-top:32px;}
    .partnership .formA .button button{width:100%; display:block; background:#007CC4; color:#fff; cursor:pointer; padding:16px 20px; box-sizing:border-box; border-radius:8px;}
}


#sub .board{width:100%; padding:120px 10%; box-sizing:border-box;}


@media (max-width: 1439px) {
    #sub .board{width:100%; padding:120px 5%; box-sizing:border-box;}
}


@media (max-width: 1023px) {
    #sub .board{width:100%; padding:80px 5%; box-sizing:border-box;}
}


@media (max-width: 767px) {
    #sub .board{width:100%; padding:60px 3%; box-sizing:border-box;}
}