/* common */
.inner{max-width: 1200px;width: 100%;margin: 0 auto;}
.mo_br{display: none;}

/* header */
header{position: fixed;width: 100%;display: flex;flex-direction: row;justify-content: space-between; color: #fff;height: 80px;padding: 0 15px;line-height: 80px;z-index: 9990;transition: all 0.3s;}
header.on{background:#fff;color: #000;border-bottom: 1px solid #efefef;}
header .right{display: flex;}
header .left{display: flex;}
header .left ul{display: flex;}
header .left ul{display: flex;}
header .left ul li{margin-right: 15px;display: flex;flex-direction: column;justify-content: center;}
header .left ul li img{filter: invert(1);width: 35px;height: 25px;object-fit: contain;}
header.on .left ul li img{filter: invert(0);}
header h1{font-weight: bold;font-size: 28px;margin-right: 50px;}
.ul1{display: flex;flex-direction: row;}
.ul1 .li1{padding: 0 20px;}
.ul1 .li1 > a{position: relative;}
.ul1 .li1 > a:after{position: absolute;bottom: -4px;width: 100%;height: 1px;background: #000;content: '';display: none;transition: all 0.3s;}
.ul1 .li1:hover > a:after{display: block;}

.ul2{display: none;position: absolute;top: 80px;line-height: 18px;z-index: 1;}
.ul2.on{display: block;}
.ul2 li{padding: 10px 0;}
.ul2 li a{position: relative;}
.ul2 li a:after{position: absolute;bottom: -4px;width: 100%;height: 1px;background: #fff;content: '';display: none;transition: all 0.3s;}
.ul2 li:hover > a:after{display: block;}

.hd_bg{position: absolute;top: 80px;left: 0;width: 100%;height: 310px; background: #fff;display: none;transition: all 0.3s;}
.hd_bg.on{display: block;}

.app{margin-left: 15px; display: flex;flex-direction: column;height: 80px;justify-content: center;cursor: pointer;}
.app img{filter: invert(1);width: 35px;}
header.on .app img{filter: invert(0);}

.allmenu{position: fixed;width: 100%;height: 100vh;left: 0;top: 0;line-height: 1;font-size: 20px;display: none;color: #fff;background: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.25) 200%);
    background-blend-mode: multiply;}
.allmenu .top{display: flex;flex-direction: row;justify-content: space-between;padding: 0 15px;height: 100px;}
.allmenu .top h2{font-weight: bold;font-size: 28px;line-height: 100px;}
.allmenu .top .close{display: flex;flex-direction: column;height: 80px;justify-content: center;cursor: pointer;}
.allmenu .top .close img{filter: invert(1);width: 35px;}
.allmenu .content{display: flex;flex-direction: row;justify-content: start;padding: 30px 100px 80px;height: calc(100% - 100px);}
.allmenu .content .side{margin: 0 auto;display: flex;flex-direction: column;justify-content: space-between;font-size: 24px;}
.allmenu .content .side h3{font-size: 42px;font-weight: bold;line-height: 1.6;}
.allmenu .content .side .contact .qna img{filter: invert(1);width: 25px;}
.allmenu .content .side .contact ul{margin-top: 30px;display: flex;flex-direction: row;justify-content: flex-start;}
.allmenu .content .side .contact ul li{margin-right: 15px;}
.allmenu .content .side .contact ul li img{filter: invert(1);width: 35px;height: 24px ;object-fit: contain;}

.allmenu .content nav{width: 65%;}
.allmenu .content nav .all_ul1 .all_li1{padding-bottom: 20px; border-bottom: 1px solid #efefef;margin-bottom: 20px;}
.allmenu .content nav .all_ul1 .all_li1 > a{font-size: 32px;}
.allmenu .content nav .all_ul2{margin: 15px 0;display: flex;flex-direction: row;flex-wrap: wrap;}
.allmenu .content nav .all_ul2 li{margin: 10px 0 10px 20px;}
.allmenu .content nav .all_ul2 li a{position: relative;}
.allmenu .content nav .all_ul2 li a:after{position: absolute;bottom: -4px;width: 100%;height: 1px;background: #fff;content: '';display: none;transition: all 0.3s;}
.allmenu .content nav .all_ul2 li a:hover:after{display: block;}

/*main*/
main .sec{background: #000;color: #fff;display: flex;flex-direction: column;justify-content: center;}
main .sec h2{font-size: 60px;color: #4d4d4d;font-weight: bold;padding-bottom: 50px;width: calc(100% - 200px);max-width: 1600px;margin: 0 auto;}
main .section{position: relative;}
main .section .wrapper{width: calc(100% - 200px);max-width: 1600px;margin: 0 auto;}
main .section .wh_btn{position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);z-index: 1;}
main .section .wh_btn img{width: 100px;}

main .sec1{background: url(../images/sec1_bg.jpg) no-repeat center; background-size: cover;height: 100vh;}
main .sec1 figure{/*display: flex;flex-direction: row;justify-content: space-between;*/height: 100%;margin: 0 auto;width: 100%;}

main .sec1 figure figcaption{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;width: 50%;font-size: 36px;margin-left: auto;margin-right: 0;}


main .sec2 ul{display: flex;flex-direction: row;justify-content: space-between;}
main .sec2 ul li{width: 23%;}
main .sec2 ul li a{display: block;height: 400px;position: relative;color: #fff;border-radius: 30px;overflow: hidden;}
main .sec2 ul li img{object-fit: cover;width: 100%;height: 100%;opacity: 0.7;}
main .sec2 ul li:nth-child(4) img{object-position: right;}
main .sec2 ul li p{position: absolute;top: 20px;left: 20px;z-index: 2;}
main .sec2 ul li .bg{position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;backdrop-filter:blur(10px);background: transparent;height: 120px;display: flex;flex-direction: column;justify-content: flex-end;transition: all 0.4s;}
main .sec2 ul li .bg h5{text-align: end;margin-bottom: 20px;margin-right: 20px;font-weight: bold;font-size: 24px;transition: all 0.4s;}
main .sec2 ul li:hover .bg{height: 100%;justify-content: center;}
main .sec2 ul li:hover .bg h5{font-size: 30px;text-align: center;}

main .sec3 .contact_btn{margin: 20px auto;}
main .sec3 .contact_btn a{padding: 12px 18px;width: fit-content;display: block;margin: 0 auto;border-radius: 8px;font-weight: bold;border: 1px solid #fff;transition: all 0.3s;}
main .sec3 .contact_btn a:hover{background: #fff;color: #000;}

main .sec4{position: relative;}
main .sec4 .bg_video{position: absolute;top: 50%;left: 50%;width: 60vw;height: 60vh;transform: translate(-50%, -50%);}
main .sec4 .myVideo{width: 100%;height: 100%;object-fit: contain;}

.footer{background: #F6F6F6;padding: 100px 150px;}
.footer h1{font-weight: bold;font-size: 28px;}
.footer dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;margin: 30px 0;}
.footer dl dt{width: 200px;}
.footer dl dd{width: calc(100% - 200px);}

.footer .bottom{display: flex;flex-direction: row;justify-content: space-between;padding: 50px 0;border-top: 1px solid #bbb;margin-top: 50px;}
.policy_btn{cursor: pointer;}

.page_top{position: fixed;bottom: 20px;right: 20px; resize: 20px;width: 50px;height: 50px;display: none;}
.page_top.on{display: block;}
.page_top button{background: #efefef;border-radius: 50%;width: 100%;height: 100%;text-align: center;}
.page_top button img{margin: 0 auto;}


/*subtop*/
.subnav{position: relative;}
.subtop{height: 40vh;background: #000000ab url(../images/sec2_01.jpg) no-repeat center; background-size: cover;display: flex;flex-direction: column;justify-content: center;text-align: center;background-blend-mode: color;}
.subtop1{background: #00000085 url(../images/sec2_02.jpg) no-repeat center; background-size: cover;background-blend-mode: color;}
.subtop h3{font-size: 28px;font-weight: bold;color: #fff;}

.sub .sec h5 {font-size: 18px;font-weight: bold;border-left: 4px solid #76bcd0;padding-left: 10px;}
.sub .sec .gray_p{padding: 24px;line-height: 1.8; background-color: #efefef}
.sub .sec .black_p{padding: 24px;background: #000;color: #fff;}
.sub .sec p .blue{font-weight: bold;}
.sub .sec .red{position: relative;z-index: 1;}
.sub .sec .red:after{position: absolute;content: '';width: 100%;height: 45%;background: #ef828299;z-index: -1;bottom: 0;left: 0;}
.sub .sec table{border-collapse: collapse;width: 100%;}
.sub .sec table th, .sub .sec table td{padding: 12px 15px;border-top: 1px solid #000;border-bottom: 1px solid #000;}
.sub .sec table th{font-weight: bold;background: #e7f5f9;text-align: center;}


.sec .item{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;margin: 20px 0;}
.sec .item li{width: 30%;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);padding: 25px;border-radius: 15px;text-align: center;margin: 30px 1.5%;}
.sec .item li:hover{box-shadow: 8px 9px 9px rgba(0,0,0,0.2);transition: all .3s;}
.sec .item li .img_wrap{width: 150px;height: 150px;border-radius: 50%;background: #efefef;display: flex;flex-direction: column;justify-content: center;margin: 0 auto;}
.sec .item li .img_wrap img{width: 60%;height: 60%;object-fit: contain;margin: 0 auto;}
.sec .item li h6{font-weight: bold;margin: 10px 0;font-size: 22px;}
.sec .item li a{width: fit-content;padding: 10px 12px;background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;display: block;margin: 10px auto;border: 1px solid #2a5298;border-radius: 6px;transition: all .3s;}
.sec .item li a:hover{background: #fff;color: #000;}
.sec .free{position: relative;display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;padding: 30px ;box-shadow: 3px 4px 4px rgba(0,0,0,0.2);border-radius: 20px;margin: 100px auto 50px;width: 100%;box-sizing: border-box;border:1px solid #000}
.sec .free dt{position: absolute;top: -20px;padding: 20px;transform: translateX(-50%);left: 50%;background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);color: #fff;border-radius: 6px;font-weight: bold;}
.sec .free dd{width: 24%;text-align: center;}
.sec .free dd .img_wrap{width: 150px;height: 150px;border-radius: 50%;background: #efefef;display: flex;flex-direction: column;justify-content: center;margin: 0 auto;}
.sec .free dd .img_wrap img{width: 60%;height: 60%;object-fit: contain;margin: 0 auto;}
.sec .free dd h6{font-weight: bold;} 



.subIntro .sec1{background: url(../images/intro_sec1.jpg) no-repeat center; background-size: cover;}
.subIntro .sec1 figure{display: flex;flex-direction: row;justify-content: flex-end; color: #fff;min-height: 100vh;}
.subIntro .sec1 figure figcaption{width: 50%;font-size: 24px;line-height: 1.7;display: flex;flex-direction: column;justify-content: center;}
.subIntro .sec1 figure figcaption h3{font-weight: bold;font-size: 1.6em;}
.subIntro .sec1 figure figcaption span{position: relative;z-index: 1;}
.subIntro .sec1 figure figcaption span:after{position: absolute;bottom: 0;width: 100%;content: '';height: 60%;left: 0;background: #045a73;z-index: -1;}
.subIntro .sec2{background-image: linear-gradient(to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100%); padding: 50px 0;}
.subIntro .sec2 img{width: 70%;margin: 0 auto;}

.subUtm .sec1{background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%);}
.subUtm .sec1 figure{display: flex;flex-direction: row;justify-content: center;height: 70vh;}
.subUtm .sec1 h2{font-size: 80px;color: #fff;font-weight: bold;margin-bottom: 30px;}
.subUtm .sec1 p{font-size: 60px;font-weight: bold;}
.subUtm .sec1 figure figcaption{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.subUtm .sec1 figure img{width: 50%;object-fit: contain;filter: drop-shadow(6px 7px 7px rgba(0,0,0,0.5));}
.subUtm .sec2 p{padding: 24px;line-height: 2;background: linear-gradient(-180deg, #BCC5CE 0%, #929EAD 98%), radial-gradient(at top left, rgba(255,255,255,0.30) 0%, rgba(0,0,0,0.30) 100%);
    background-blend-mode: screen;}
.subUtm .sec3 ul{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.subUtm .sec3 ul li{width: 48%;}
.subUtm .sec3 ul li h4{text-align: center;font-weight: bold; font-size: 24px;margin: 30px 0;}
.subUtm .sec3 ul li img{margin: 50px auto;filter: drop-shadow(8px 9px 9px rgba(0,0,0,0.4)) ;}
.subUtm .sec3 ul li:hover img{filter: drop-shadow(14px 16px 16px rgba(0,0,0,0.6));transition: all 0.3s;}
.subUtm .sec3 ul li dl{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}
.subUtm .sec3 ul li dl dt{width: 100%;padding-left: 20px ;font-weight: bold;border-left: 4px solid #76bcd0;margin: 15px 0;}
.subUtm .sec3 ul li dl dd{margin-left: 24px;}
.subUtm .sec4 .item li{width: 22%;text-align: left;}

.subdlp .sec1{background: #0000005c  url(../images/dlp_sec1.jpg) no-repeat center; background-size: cover;color: #fff;height: 80vh;background-blend-mode: color;}
.subdlp .sec1 h3{font-size: 34px;font-weight: bold;}
.subdlp .sec1 p{font-size: 18px;}
.subdlp .sec1 .inner{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.subdlp .sec3{background: #efefef;padding: 50px 0;}
.subdlp .sec3 h3{text-align: center;font-size: 28px;font-weight: bold;margin-bottom: 20px;}
.subdlp .sec3 .inner{display: flex;flex-direction: row;justify-content: center;}
.subdlp .sec3 figure{text-align: center;font-weight: bold;font-size: 18px;width: 15%;}
.subdlp .sec3 figure.figure_down{display: flex;flex-direction: column;justify-content: flex-end;}
.subdlp .sec3 ul{width: 30%; height: 100%;display: flex;flex-direction: column;text-align: center;}
.subdlp .sec3 ul li{margin: 15px 0;}
.subdlp .sec3 ul li:nth-child(1){align-self: flex-end;}
.subdlp .sec3 ul li:nth-child(2){align-self: center;}
.subdlp .sec3 ul li:nth-child(3){align-self: flex-start;}
.subdlp .sec3 ul li .img_wrap{width: 90px;height: 90px;margin: 0 auto;}
.subdlp .sec3 ul li .img_wrap img{width: 100%;height: 100%;object-fit: contain; margin: 0 auto;filter: drop-shadow(-10px 14px 8px #00000099);}
.subdlp .sec3 ul li p{font-weight: bold;font-size: 18px;line-height: 60px;}

.subvac .sec1{background: url(../images/vac_sec1.jpg) no-repeat center;background-size: cover;height: 80vh;color: #fff;}
.subvac .sec1 .inner{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.subvac .sec1 h3{font-size: 36px;font-weight: bold;margin-bottom: 20px;}
.subvac .sec1 p{font-size: 20px;}
.subvac .sec1 p span{word-spacing: 12px;letter-spacing: -6px;}
.subvac .sec2 ul{margin: 50px 0;}
.subvac .sec2 ul li{display: flex;flex-direction: row;justify-content: center;flex-wrap: wrap;margin: 20px 0;}
.subvac .sec2 ul li img{width: 40%;height: 400px;object-fit: cover;margin: 0 20px;}
.subvac .sec2 ul li dl{width: 40%;padding: 30px;}
.subvac .sec2 ul li dl dt{font-weight: bold;font-size: 24px;margin-bottom: 10px;}
.subvac .sec2 ul li dl dd{padding-left: 15px;position: relative;}
.subvac .sec2 ul li dl dd:after{position: absolute;left: 0;top: 0; content: '-';}

.sublaw .sec1{height: 40vh;background: #000000ab url(../images/sec2_02.jpg) no-repeat center; background-size: cover;display: flex;flex-direction: column;justify-content: center;text-align: center;background-blend-mode: color;}
.sublaw .sec1 h3{font-size: 28px;font-weight: bold;color: #fff;}
.sublaw .sec4{padding: 50px 0;background: #efefef url(../images/law_sec4_bg.svg) no-repeat center bottom; background-size: cover;}
.sublaw .sec4 figure{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sublaw .sec4 figure img{width: 35%;}
.sublaw .sec4 figure figcaption{width: 62%;display: flex;flex-direction: column;justify-content: center;}
.sublaw .sec4 figure figcaption h2{font-size: 36px; font-weight: bold;margin-bottom: 30px;}
.sublaw .sec4 figure figcaption span{position: relative;z-index: 1;}
.sublaw .sec4 figure figcaption span:after{position: absolute;content: '';width: 0;height: 45%;background: #9ccfd3;z-index: -1;bottom: 0;left: 0;transition: all 0.6s;}
.sublaw .sec4:hover figure figcaption span:after{width: 100%;}
.sublaw .sec4 figure figcaption dl{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-around;font-size: 28px;}
.sublaw .sec4 figure figcaption dl dt{width: 80%;padding: 20px;color: #fff;font-weight: bold;margin-bottom: 25px;text-align: center;background: #2f5d74;}
.sublaw .sec4 figure figcaption dl dd{width: 200px;height: 200px;line-height: 200px;font-weight: bold;text-align: center;background: #fff;border-radius: 50%;}
.sublaw .sec5{background: #2f5d74;padding: 80px;}
.sublaw .sec5 h2{font-size: 60px;color: #ffff;font-weight: bold;}
.sublaw .sec5 ul li{position: relative;height: 600px;}
.sublaw .sec5 ul li img{width: 100%;height: 100%;object-fit: cover;}
.sublaw .sec5 ul li .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;background: #000000b8;color: #fff;padding: 50px;}
.sublaw .sec5 ul li .txt h6{font-size: 24px;font-weight: bold;}
.sublaw .sec5 ul li .txt a{border: 1px solid #fff; color: #fff;padding: 12px 16px;width: fit-content;transition: all 0.3s;}
.sublaw .sec5 ul li .txt a:hover{background: #fff;color: #000;}
.sublaw .sec6 .img_wrap {overflow: hidden;display: block;}
.sublaw .sec6 .img_wrap img{float: right;width: 130px;margin-left: 8px;}


.list li{display: flex;flex-direction: row;justify-content: flex-start;margin-bottom: 20px;}
.list li .img_wrap{width: 100px;height: 100px;display: flex;flex-direction: column;justify-content: center;box-shadow: 1px 2px 2px rgba(0,0,0,0.2);border-radius: 15px;margin-right: 20px;}
.list li .img_wrap img{width: 50%;height: 50%;object-fit: contain;margin: 0 auto;}
.list li .txt{display: flex;flex-direction: column;justify-content: center;width: calc(100% - 120px);}
.list li .txt h6{font-weight: bold;}

/*05*/
.sub5{background:  url(../images/board.jpg) no-repeat center;background-size: cover;padding: 100px;color: #fff;}
.sub5.on{background: #000;}
.sub5 .top h1{font-size: 60px;font-weight: bold;margin: 30px 0;}
.sub5 .top ul{display: flex; flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.sub5 .top ul li{width: 33%;text-align: center;padding: 30px;}
.sub5 .top ul li:nth-child(2n){border-left: 1px solid #fff;border-right: 1px solid #fff;}
.sub5 .top ul li .img_wrap{width: 100px; height: 100px; border-radius: 50%; margin: 30px auto;background: #fff;display: flex;flex-direction: column;justify-content: center;}
.sub5 .top ul li .img_wrap img{width: 50%;height: 50%;object-fit: contain;display: block;margin: 0 auto;}
.sub5 .bottom .form{padding: 30px;background: #fff;border-radius: 50px;color: #000;}
.sub5 .bottom .form p{text-align: right;width: 100%;}
.sub5 .bottom .form p span{font-weight: bold;font-size: 1.3em;color: #6565e5;}
.sub5 .bottom .form li:last-child{width: 100%;}
.sub5 .bottom .form li.require{}
.sub5 .bottom .form li.require label span{position: relative;}
.sub5 .bottom .form li.require label span::after{position: absolute;content: '*';font-weight: bold;font-size: 1.3em;color: #6565e5;top: -5px;}
.sub5 .bottom .form li label{display: block;}
.sub5 .bottom .form li input{display: block;width: 100%;padding: 8px 16px ;background: #efefef;border-radius: 20px;margin: 12px 0 30px;}
.sub5 .bottom .form li textarea{display: block;width: 100%;padding: 16px 20px ;background: #efefef;border-radius: 20px;margin: 12px 0 30px;min-height: 200px;}
.sub5 .bottom .check{padding: 50px;}
.sub5 .bottom button{display: block;width: max-content;padding: 16px 26px;background: #fff;color: #000;margin: 25px auto;border-radius: 15px;font-weight: bold;transition: all 0.3s;}
.sub5 .bottom .check{padding: 50px;}
.sub5 .bottom button:hover{background: linear-gradient(222deg, #00b6e1, #0b2877);color: #fff;}

.subpolicypage{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;overflow-y: scroll;z-index: 99999;background: #fff;display: none;}
.subpolicy .policy_close{position: absolute;top: 0;right: 0;height: 80px;cursor: pointer;display: flex;flex-direction: column;justify-content: center;width: 80px;}
.subpolicy .policy_close img{filter: invert(1);width: 35px;margin: 0 auto;}
.subpolicy .sec ul{margin: 15px 0;padding-left: 20px;}
.subpolicy .sec ul li{margin: 8px 0;list-style: disc;}
.subpolicy .sec ol{margin: 15px 0;padding-left: 20px;}
.subpolicy .sec ol li{margin: 8px 0; list-style: auto;}
.subpolicy .sec1{height: 40vh;background: #000000ab url(../images/sec2_02.jpg) no-repeat center; background-size: cover;display: flex;flex-direction: column;justify-content: center;text-align: center;background-blend-mode: color;margin: 0;}
.subpolicy .sec1 h3{font-size: 28px;font-weight: bold;color: #fff;}
.subpolicy .sec h4{font-size: 18px;font-weight: bold;}
.subpolicy .sec h5{font-size: 16px;font-weight: bold;padding: 0;border: 0;}

@media screen and (max-width: 1200px){
    .inner{width: calc(100% - 18px);}
    .mo_br{display: block;}
    
    header{height: 60px;line-height: 60px;}
    header h1{font-size: 18px;}
    header .ul1{display: none;}

    header .left ul{display: none;}

    /*main*/
    .app{height: 60px;}
    .app img{width: 30px;}

    .fp-section, .fp-tableCell{height: auto !important;}
    main .section .wh_btn{display: none;}
    main .section .wrapper{width: calc(100% - 18px);}
    main .sec1{background: url(../images/sec1_bg.jpg) no-repeat left;background-size: cover;padding: 80px 0;}
    main .sec1 figure figcaption{width: 100%;font-size: 18px;text-align: center;}

    main .sec h2{font-size: 20px;width: calc(100% - 18px);padding-bottom: 20px;text-align: center;}
    main .sec2{padding: 50px 0;}
    main .sec2 ul{flex-wrap: wrap;justify-content: space-between;}
    main .sec2 ul li{width: 48%;margin-bottom: 10px;}
    main .sec2 ul li a{height: 160px;}
    main .sec2 ul li .bg{backdrop-filter: none;height: 100%;justify-content: center;}
    main .sec2 ul li .bg h5{font-size: 18px;margin: 0 auto;}
    main .sec2 ul li:hover .bg h5{font-size: 18px;}
    main .sec2 ul li p{display: none;}
    main .sub5{}
    main .sub5{font-size: 18px;padding: 40px 0;}
    main .sub5 .top h1{font-size: 20px;margin: 0;text-align: center;}
    main .sub5 .top ul{overflow-x: scroll;flex-wrap: nowrap;}
    .sub5 .top ul li .img_wrap{width: 50px;height: 50px;}
    .sub5 .top ul li{padding: 0;}
    .sub5 .top ul li p{font-size: 14px;}
    .sub5 .top ul li:nth-child(2n){border: none;}
    .sub5 .bottom .check{padding: 15px;}
    main .sec3 .contact_btn a{font-size: 14px;padding: 6px 12px;background: #fff;color: #000;}
    main .sec4 .bg_video{position: static;height: fit-content;width: 100vw;height: auto;transform: none;}

    .footer{padding: 50px 9px;margin: 0 auto;font-size: 13px;}
    .footer h1{text-align: center;}
    .footer dl dt{width: 100%;font-weight: bold;margin-top: 6px;text-align: center;}
    .footer dl dd{width: 100%;text-align: center;}
    .footer .bottom{text-align: center;display: block;padding: 20px 0;}
    .sublaw .sec1{height: 60vh;}
    .sublaw .sec1 h3{font-size: 18px;padding: 0 9px;}
    .sublaw .sec4{padding: 50px 0 0;}
    .sublaw .sec4 figure img{display: none;}
    .sublaw .sec4 figure figcaption{width: 100%;}
    .sublaw .sec4 figure figcaption h2{font-size: 18px;text-align: center;}
    .sublaw .sec4 figure figcaption span:after{display: none;}
    .sublaw .sec4 figure figcaption dl{font-size: 16px;}
    .sublaw .sec4 figure figcaption dl dd{width: 31%;height: 120px;line-height: 1;border-radius: 20px;display: flex;flex-direction: column;justify-content: center;}
    .sublaw .sec5{padding: 50px 9px;}
    .sublaw .sec5 h2{font-size: 24px;text-align: center;}
    .sublaw .sec5 ul li img{display: none;}
    .sublaw .sec5 ul li{height: auto;}
    .sublaw .sec5 ul li .txt{padding: 20px;justify-content: flex-start;position: static;}
    .sublaw .sec5 ul li .txt h6{font-size: 18px;}
    .sublaw .sec5 ul li .txt p{margin: 15px 0;}
    .sublaw .sec5 ul li .txt a{background: #fff;color: #000;}

    .subvac .sec1{background: url(../images/vac_sec1.jpg) no-repeat right center;}
    .subvac .sec1 h3{text-align: center;font-size: 24px;}
    .subvac .sec1 p{font-size: 16px;text-align: center;}
    .subvac .sec2 ul{margin: 20px 0;}
    .subvac .sec2 ul li img{order: 1;width: 100%;margin: 0 auto;height: 120px ;object-fit: cover;}
    .subvac .sec2 ul li dl{order: 2;width: 100%;padding: 12px;}
    .subvac .sec2 ul li dl dt{font-size: 18px;text-align: center;}

    .subdlp .sec1{height: auto;padding: 60px 0;}
    .subdlp .sec1 h3{font-size: 24px;text-align: center;}
    .subdlp .sec1 p{font-size: 14px;text-align: center;}
    .subdlp .sec3 h3{font-size: 18px;}
    .subdlp .sec3 .inner{flex-wrap: wrap;font-size: 16px;}
    .subdlp .sec3 figure{width: 100%;}
    .subdlp .sec3 figure img{margin: 0 auto;}
    .subdlp .sec3 figure figcaption{font-size: 16px;}
    .subdlp .sec3 ul{width: 100%;flex-direction: row;justify-content: center;}
    .subdlp .sec3 ul li{width: 33%;}
    .subdlp .sec3 ul li:nth-child(1){align-self: inherit;}
    .subdlp .sec3 ul li:nth-child(2){align-self: inherit;}
    .subdlp .sec3 ul li .img_wrap{width: 60px;height: 60px;}
    .subdlp .sec3 ul li p{font-size: 16px;line-height: 1.2;}

    .subUtm .sec1{padding: 60px 0;}
    .subUtm .sec1 figure{height: auto;flex-direction: column;}
    .subUtm .sec1 figure img{order: 1;margin: 0 auto;}
    .subUtm .sec1 figure figcaption{order: 2;text-align: center;width: 100%;}
    .subUtm .sec1 h2{font-size: 24px;margin-bottom: 15px;}
    .subUtm .sec1 p{font-size: 18px;}
    .subUtm .sec3 ul li dl dt{margin: 7px 0;}
    .subUtm .sec3 ul li img{margin: 15px auto;}

    .subUtm .sec3 ul li{width: 100%;}
    .subUtm .sec3 ul li h4{font-size: 18px;}
    .subUtm .sec4 .item li{width: 47%;padding: 10px;}
    
    .subIntro .sec1{padding: 70px 0;background: url(../images/intro_sec1M.jpg) no-repeat top; background-size: cover;}
    .subIntro .sec1 figure{height: auto;}
    .subIntro .sec1 figure img{width: 80%;}
    .subIntro .sec1 figure figcaption{font-size: 16px;width: 100%; margin: 0 auto 0;text-align: center;}
    .subIntro .sec1 figure figcaption span:after{display: none;}
    .subIntro .sec2 img{width: 98%;}

    .subpolicy .sec .gray_p{text-align: left;}
    .subpolicy .sec li{text-align: left;}
    .subpolicy .sec h5{text-align: left;}
    .subpolicy .sec1{height: 30vh;}
    .subpolicy .sec1 h3{font-size: 18px;padding: 0 9px;}
    .subpolicy .policy_close{width: 60px;height: 60px;}
    .subpolicy .policy_close img{width: 30px;}

    .sec .item li{width: 47%;padding: 10px;margin: 10px 1.5%;}
    .sec .item li .img_wrap{width: 70px; height: 70px;}
    .sec .item li h6{font-size: 16px;}
    .sec .free{padding: 30px 14px;flex-wrap: wrap;margin: 50px auto 20px;}
    .sec .free dt{top: -34px;}
    .sec .free dd{width: 45%;}
    .sec .free dd .img_wrap{width: 70px;height: 70px;}
    

    .sub.sub5{padding: 60px 9px;}
    .sub.sub5 .top h1{font-size: 28px;text-align: center;}
    .sub5 .bottom .form{border-radius: 4px;padding: 12px;}
    .sub5 .bottom .form li input{margin: 8px 0 12px;}

    .allmenu .top{height: 60px;}
    .allmenu .top h2{line-height: 60px;font-size: 18px;}
    .allmenu .top .close{height: 60px;}
    .allmenu .top .close img{width: 30px;}
    .allmenu .content{padding: 0 9px;display: block;}
    .allmenu .content .side h3{font-size: 16px;text-align: center;}
    .allmenu .content .side h3 br{display: none;}
    .allmenu .content .contact{position: fixed;z-index: 1;bottom: 0;left: 0;width: 100vw;}
    .allmenu .content .contact .qna{width: 96%;background: #fff;color: #000;padding: 6px 0;text-align: center;font-size: 14px;border-radius: 6px;margin: 0 auto;}
    .allmenu .content .side .contact ul{margin: 5px 0;justify-content: space-around;}
    .allmenu .content .side .contact ul li{width: 23.5%; background: #fff;border-radius: 6px; margin: 0;height: 50px;}
    .allmenu .content .side .contact ul li a{height: 100%;display: flex;flex-direction: column;justify-content: center;}
    .allmenu .content .side .contact ul li img{filter: none;margin: 0 auto;}
    .allmenu .content nav{width: 100%;margin-top: 10px;}
    .allmenu .content nav .all_ul1 .all_li1{padding-bottom: 12px;margin-bottom: 12px;border: none;margin: 0;}
    .allmenu .content nav .all_ul1 .all_li1 > a{font-size: 14px;}


    
    

    /* .groupmenu{top: 80px;box-sizing: border-box;}
    .groupmenu .inner{width: 100%;}
    .groupmenu .home{width: 46px;height: 46px;line-height: 46px;}
    .groupmenu .title{width: calc(50% - 27px);font-size: 12px;}
    .groupmenu .title h3{padding: 0 10px;font-size: 12px;line-height: 46px;}
    .groupmenu .title ul{top: 46px;}
    .groupmenu .title ul li a{padding: 0 10px;} */
}