body.rock {overflow: hidden;}

.visual {height:100vh;}
.visual ul {height:100%;}
.visual li {background-repeat: no-repeat;background-position: center;background-size: cover;height:100%;}
.visual .visual01 {background-image: url('/medi-images/visual01.jpg');}
.visual .visual02 {background-image: url('/medi-images/visual02.jpg');}
.visual .visual03 {background-image: url('/medi-images/visual03.jpg');}
.visual .visual04 {background-image: url('/medi-images/visual04.jpg');}
.visual .swiper-pagination {position: absolute;top:60% !important;bottom: initial !important;left:50% !important;transform: translateX(-50%);}
.visual .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .visual .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {height:9px;width:9px;background-color: transparent;border:1px solid #fff;transition: all 0.25s ease;opacity: 1;display: inline-block;border-radius: 9px;margin:0 3px;}
.visual .swiper-pagination-bullet-active {width:25px !important;border-radius: 9px;background-color: #fff !important;;}
.pc_header .wrap .gnb {margin-left:0;}
.pc_header .wrap .gnb .bg {display: none;}
.pc_header .wrap {display: flex;flex-wrap:nowrap;justify-content: space-between;width:100%;max-width:1702px;padding:0 100px;align-items: center;box-sizing: border-box;}
.pc_header .wrap h1 {position: relative;top: 0;}
.pc_header .wrap h1 a {font-size: 0;}
.eng, .num {font-family: "Red Hat Display", sans-serif !important;font-weight: 400;text-transform: uppercase;}
header.pc_header .wrap .gnb > li > a, main, main .sec07 dt, main h2, main .sec07 dd {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important;font-size:1.05rem;}
.pc_header {height:100px;}
.pc_header .nav {display: none;}
.pc_header .nav span {width:30px;height:2px;display: block;background-color: #fff;}
.pc_header .nav span:nth-child(2) {margin:10px 0;}
.pc_header .wrap .gnb > li {border-bottom: 1px solid transparent;position: relative;}
.pc_header .wrap .gnb > li > a {line-height:1;padding:0 30px;}
header.pc_header .wrap .gnb i {display: none;}
.pc_header .wrap .header_side {display: flex;flex-wrap: nowrap;}
.pc_header .wrap .header_side ul {display: flex;flex-wrap: nowrap;font-size: 0.9rem;align-items: center;}
.pc_header .wrap .header_side .fam {color:#fff;position: relative;cursor: pointer;}
.pc_header .wrap .header_side .fam {font-weight: 500;}
.pc_header .wrap .header_side .fam i {transition: all 0.25s ease;}
.pc_header .wrap .header_side .fam div {position: absolute;left:50%;top:30px;transform: translateX(-50%);background-color: #111;padding:5px;display: none;}
.pc_header .wrap .header_side .fam.on div {display: block;}
.pc_header .wrap .header_side .fam.on i {transform: rotate(180deg);}
.pc_header .wrap .header_side .fam div a {display: block;color:#fff;padding:2px 20px;border-bottom: 1px dashed #ddd;font-weight: 400;font-size: 0.85rem;}
.pc_header .wrap .header_side .fam div a:last-child {border-bottom:0;}
.pc_header .wrap .header_side .contact_btn {color:#fff;padding:10px 20px;border-radius: 100px;border:1px solid #fff;font-weight: 700;margin-left:15px;transition: all 0.25s ease;}
.pc_header .wrap .header_side .contact_btn:hover {background-color: #333;color:#fff !important;}
.pc_header .wrap .header_side.on .fam {color:#333;}
.pc_header .wrap .header_side.on .contact_btn {color:#333;border: 1px solid #333;}
.visual .txt_wrap {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);text-align: center;}
.visual .txt_wrap * {color:#fff;}
.eng.blue {color:#1baddd;}
main {font-size: 20px;}
main * {box-sizing: border-box;color:#333;word-break: keep-all;position: relative;}
main h2 {letter-spacing: 10px;}
main h2.eng {font-weight: 600;}
main h1 {font-size:3.5rem;}
main p, main .ex, main .sec06 .cont_wrap ul li h3, main .sec07 .btn {font-size:1.25rem;font-weight: 400;}
main > div#solution_section .txt_wrap {padding:0 100px;text-align: center;margin:100px 0 50px 0;}
main > div#solution_section .cont_wrap {height:80vh;background-image: url('/medi-images/solution_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;flex-wrap: nowrap;align-items: end;}
main > div#solution_section .cont_wrap * {color:#fff}
main > div#solution_section .cont_wrap h3 {font-size:1.5rem;}
main > div#solution_section .cont_wrap li {float:left;width:33.33%;border-right:1px solid #fff;padding:30px;}
main > div#solution_section .cont_wrap li:last-child {border:0}
main > div#solution_section .cont_wrap ul {padding:50px 100px;background: linear-gradient(to top, #000 0%, transparent 100%);}
main .num {font-size: 1rem;font-weight: 700;}
main span.ex {font-size:1.1rem;margin-top:15px;display: block;}
main .sec01 img {margin-top: 5px;}
main .sec02 {padding:100px 100px;display: flex;flex-wrap: nowrap;}
main .sec02 .txt_wrap {width:50%;padding-right:50px;}
main .sec02 .cont_wrap {width: 50%;}
main .sec02 > .cont_wrap > dl > dt, main .sec03 h3, main .sec04 dt, main .sec05 .txt_wrap dt, .sec02 .sub_wrap > .txt h3 {font-size:1.9rem;font-weight:700;}
main .sec02 > .cont_wrap > dl > dt + dd {color:#666666;margin-bottom: -5px;}
main .sec02 > .cont_wrap > dl > dt + dd, main .sec03 span, main .sec04 dd, main .sec05 .txt_wrap dd, .sec02 .sub_wrap > .txt h3 + p {font-size:1.15rem;}
main .sec02 > .cont_wrap > dl > dt + dd:before {content:'';display: inline-block;width:1px;height:15px;background-color: #666;margin:0 5px;}
main .sec02 > .cont_wrap > dl {display: flex;flex-wrap: nowrap;align-items: center;height:100px;border-bottom: 1px solid #333;cursor:pointer}
main .sec02 > .cont_wrap > dl:after, .pc_header .wrap .gnb.on li:after {content:'';display: block;position: absolute;right:0;top:50%;transform:rotate(0) translateY(-50%);background-image: url('/medi-images/arrow_off.png');background-repeat: no-repeat;background-position: center;background-size: cover;width:33px;height:33px;transition: all 0.5s ease;}
main .sec02 > .cont_wrap > dl * {display: inline-block;line-height:1;}
main .sec02 > .cont_wrap > dl.on:after {background-image: url('/medi-images/arrow_on.png');transform:rotate(180deg) translateY(-50%);transform-origin: 50% 0;}
main .sec02 > .cont_wrap > dl.on dt {color:#0c3969;}
main .sec02 .sub_wrap {position: fixed;left:0;top:0;width:100vw;height:100vh;z-index: 9999;background-color: #fff;display: none;overflow-y: scroll;padding:120px 100px;}
main .sec02 .sub_wrap > .txt {text-align: center;margin-bottom: 50px;}
main .sec02 .sub_wrap i {font-size:30px;position: fixed;left:50%;transform:TranslateX(-50%);bottom:30px;cursor: pointer;width:50px;height:50px;text-align: center;line-height: 50px;color:#fff;background-color: rgba(0,0,0,0.5);z-index: 1;border-radius: 50px;}
main .sec02 .sub_wrap img {width: 100%;}
main .sec02 .sub_wrap .cont {width:100%;background-color:rgba(0,0,0,0.1);padding:20px;}
main .sec02 .sub_wrap.sub01 .cont ul li {width:calc(33.33% - 20px);float:left;padding:15px;display: flex;flex-wrap: nowrap;align-items: center;}
main .sec02 .sub_wrap .cont ul li img {width:100px;height:100px;}
main .sec02 .sub_wrap .cont ul li .txt {width:calc(100% - 100px);padding-left:20px;text-align: left;}
main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(2), main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(5) {margin:0 30px;}
main .sec02 .sub_wrap.on {display: block;}
main .sec02 .sub_wrap > div {max-width: 1440px;width: 100%;margin:0 auto;}
main .sec02 .sub_wrap .img {height:70vh;background-position: center;background-size: contain;background-repeat: no-repeat;}
main .sec02 .sub_wrap .img.sub01 {background-image: url("/medi-images/sec02_01.jpg");}
main .sec02 .sub_wrap .img.sub02 {background-image: url("/medi-images/sec02_02.jpg");}
main .sec02 .sub_wrap .img.sub03 {background-image: url("/medi-images/sec02_03.jpg");position:relative;height:75vh;}
main .sec02 .sub_wrap .img.sub04 {background-image: url("/medi-images/sec02_04.jpg");}
main .sec02 .sub_wrap .img.sub05 {background-image: url("/medi-images/sec02_05.jpg");}

main .sec02 .sub_wrap.sub05 .img + .cont h3 {position: relative;color: #0c3969;display: flex;flex-wrap: nowrap;align-items: center;line-height: 1;margin-bottom: 50px;}
main .sec02 .sub_wrap.sub05 .img + .cont h3:before {content:'';display: inline-block;width:5px;height:20px;background-color: #0c3969;margin-right:5px;}
main .sec02 .sub_wrap.sub05 .img + .cont {background-color: transparent;}
main .sec02 .sub_wrap.sub05 .img + .cont li {float:left;width:calc(50% - 25px);border-top:3px solid #0c3969;}
main .sec02 .sub_wrap.sub05 .img + .cont li:first-child {margin-right:50px;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt {width:100%;padding-left:0;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt h4 {margin: 20px 0 10px 0;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt h4 span {display: block;position: relative;color:#fff;margin-bottom: 10px;margin-top:0;line-height: 1;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt h4 span:after {content:'';display:block;width:30px;height:30px;background-color: #0c3969;border-radius: 30px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index: -1;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt * {text-align: center;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt dl {line-height:40px;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt dd {border-bottom: 1px solid #e9e9e9;}
main .sec02 .sub_wrap.sub05 .img + .cont li .txt dt {background-color: #0c3969;color:#fff;font-weight: 500;}
main .sec02 .sub_wrap.sub02 li {width:calc(50% - 20px);float:left;padding:15px;display: flex;flex-wrap: nowrap;align-items: center;}
main .sec02 .sub_wrap.sub03 img {max-width:210px}
main .sec02 .sub_wrap.sub03 .floating1 {position: absolute;top: 0;left: 300px;}
main .sec02 .sub_wrap.sub03 .floating4 {position: absolute;top: 20%;left: 0px;}
main .sec02 .sub_wrap.sub03 .floating5 {position: absolute;top: 42%;left: 300px;}
main .sec02 .sub_wrap.sub03 .floating7 {position: absolute;bottom: -5%;left: 200px;}
main .sec02 .sub_wrap.sub03 .floating3 {position: absolute;top: -5%;right: 200px;}
main .sec02 .sub_wrap.sub03 .floating6 {position: absolute;top: 30%;right: 100px;}
main .sec02 .sub_wrap.sub03 .floating2 {position: absolute;bottom: 0;right: 300px;}
main .sec02 .sub_wrap.sub04 {padding:100px 100px 0 100px;}
main .sec02 .sub_wrap .cont ul li .txt span {display: inline-block;font-size:1rem;margin-top: 10px;}
.sec02 .sub_wrap > .txt h3 {padding-bottom: 30px;}
.sec02 .sub_wrap > .txt h3:after {content:'';display: block;width:50px;height:3px;background-color: #1baddd;position: absolute;left:50%;bottom: 15px;transform: translateX(-50%);}
main .sec03 {background-image: url('/medi-images/sec03_bg.jpg');background-repeat: no-repeat;background-position: bottom;background-size: cover;padding:100px 100px 0 100px;}
main .sec03 .txt_wrap { text-align: center;}
main .sec03 .txt_wrap h1, main .sec03 .txt_wrap p, main .sec04 .txt_wrap h1, main .sec04 .txt_wrap p {color:#fff;}
main .sec03 li {width:calc(33.33% - 20px);box-shadow: 0px 1px 1px 0px rgba(255, 255, 255, 0.25) inset, 0px -1px 1px 0px rgba(255, 255, 255, 0.1) inset, 4px 8px 6px 0px rgba(0, 0, 0, 0.05);border-radius: 15px;padding-bottom: 30%;background-size:cover;background-position: center;background-repeat: no-repeat;height:0;overflow: hidden;top:120px;float:left;z-index: 1;}
main .sec03 li > * {padding:30px;color:#fff;}
main .sec03 li span, main .sec04 dd {color:#fff;}
main .sec03 li:nth-child(1) {background-image: url('/medi-images/sec03_01_bg.jpg');}
main .sec03 li:nth-child(2) {margin:0 20px;background-image: url('/medi-images/sec03_02_bg.jpg');}
main .sec03 li:nth-child(3) {background-image: url('/medi-images/sec03_03_bg.jpg');}
main .sec03 li div {position: absolute;bottom: 0;width: 100%;}
main .sec03 li div span {display: flex;flex-wrap: nowrap;align-items: center;line-height: 60px;border-bottom: 1px solid #fff;width: 100%;}
main .sec03 li div span:before, main .sec04 dd:before {content:'';width:3px;height:3px;background-color: #fff;border-radius: 3px;display: inline-block;margin-right:10px;}

main .sec04 {background-image: url('/medi-images/sec04_bg.jpg');background-repeat: no-repeat;background-position: top;background-size: cover;padding:250px 100px 100px 100px;overflow: hidden;}
main .sec04 dt {color:#1baddd;margin-bottom: 15px;line-height: 1.2;}
main .sec04 .cont_wrap {margin-top: 100px;}
main .sec04 .cont_wrap .txt {width: 40%;padding:100px 50px 0 0;display: none;}
main .sec04 .cont_wrap .txt dd {line-height:35px;display: flex;flex-wrap: nowrap;align-items: center;}
main .sec04 .cont_wrap .img {width: 60%;background-color: #000;}
main .sec04 .cont_wrap .img img {width: 100%;}
main .sec04 .cont_wrap li {display: flex;flex-wrap: nowrap;width:80%;padding:0 50px;filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.6));}
main .sec04 .cont_wrap .swiper-slide-active .txt {display: block;}
main .sec04 .cont_wrap .swiper-slide .img img {opacity: 0.5;}
main .sec04 .cont_wrap .swiper-slide-active .img img {opacity: 1;}
main .sec04 .cont_wrap .swiper-slide-prev {justify-content: end;}
main .sec04 .swiper-button {width:75px;height:75px;background-color: #1baddd;color:#fff;}
main .sec04 .swiper-button:after {font-size: 25px;}

main .sec05 {background-image: url('/medi-images/sec05_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;display: flex;flex-wrap: nowrap;height:95vh;}
main .sec05 .txt_wrap {width:50%;padding-right:50px;padding:100px;}
main .sec05 .txt_wrap dt {line-height:80px;height:80px;display: flex;flex-wrap: nowrap;border-bottom: 1px solid #333;cursor: pointer;}
main .sec05 .cont_wrap {width: calc(50% - 100px);overflow: hidden;height:100%;}
main .sec05 .cont_wrap > ul {display: flex;flex-wrap: nowrap;height:100%;}
main .sec05 .txt_wrap dt:after {content:'';display: block;position: absolute;right:0;top:50%;transform:rotate(0) translateY(-50%);background-image: url('/medi-images/arrow_off.png');background-repeat: no-repeat;background-position: center;background-size: cover;width:33px;height:33px;transition: all 0.5s ease;}
main .sec05 .txt_wrap dt.on:after {background-image: url('/medi-images/arrow_on.png');transform:rotate(180deg) translateY(-50%);transform-origin: 50% 0;}
main .sec05 .txt_wrap dd {background-color: rgba(0,0,0,0.7);color:#fff;padding:15px;margin-top:15px;display: none;font-weight: 300;}
main .sec05 .txt_wrap dt.on + dd {display: block;}
main .sec05 .txt_wrap dd strong {color:#fff;font-weight: 500;}
main .sec05 p.cont {margin-bottom: 30px;}
main .sec05 ul {transition-timing-function: linear !important;}
main .sec05 .cont_wrap > ul > li {width: calc(50% - 15px);height:100%;pointer-events : none;}
main .sec05 .cont_wrap > ul > li:last-child {margin-left:30px;}
main .sec05 .cont_wrap > ul > li > div {height:100%;overflow: hidden;}
main .sec05 .cont_wrap > ul > li > div li {border-radius: 20px;overflow: hidden;}
main .sec05 .cont_wrap > ul > li > div li img {height: 100%;object-fit: cover;width: 100%;}
main .sec05 .cont_wrap > ul > li > div ul {height:100%;}
main .sec05 .txt_wrap img {position: absolute;left:100px;bottom: -40%;z-index: 1;}



main .sec06 {background-image: url('/medi-images/sec06_bg.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;text-align: center;padding:120px;}
main .sec06 .cont_wrap {margin-top: 100px;display: flex;flex-wrap: nowrap;justify-content: center;}
main .sec06 .cont_wrap ul {max-width:1000px;width: 100%;}
main .sec06 .cont_wrap ul:after {content:'';display:block;width:calc(100% + 40px);height:calc(100% + 40px); position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);mix-blend-mode: overlay;background-color: rgba(1,29,58,0.8);border-radius: 500px;}
main .sec06 .cont_wrap ul li {float:left;width:calc(25% - 30px);margin-right:40px;background-color: rgba(1,29,58,0.8);border-radius: 500px;height: 0;padding-bottom: calc(20% + 20px);}
main .sec06 .cont_wrap ul li:after {content:'';display: block;width:100%;height:100%;;}
main .sec06 .cont_wrap ul li:last-child {margin-right:0;}
main .sec06 .cont_wrap ul li h3, main .sec06 .cont_wrap ul li strong {color:#fff;width: 100%;}
main .sec06 .cont_wrap ul li h3 {position: absolute;left:50%;top: 50%;transform: translate(-50%, -50%);}
main .sec06 .cont_wrap + div ul {display: flex;flex-wrap: wrap;justify-content: center;gap:30px;align-items: center;}
main .sec06 .cont_wrap + div {margin-top: 100px;}
main .sec07 {padding:120px 100px;display: flex;flex-wrap: nowrap;}
main .sec07 > * {width:50%;}
main .sec07 .txt_wrap {padding-right:50px;}
main .sec07 dl {width:50%;}
main .sec07 dl:nth-child(-n+5) {width:calc(50% - 10px);}
main .sec07 dl:nth-child(2), main .sec07 dl:nth-child(4) {margin-right: 20px;}
main .sec07 .cont_wrap form fieldset {display: flex;flex-wrap: wrap;}
main .sec07 dl.width100, main .sec07 dl textarea, main .sec07 input[type=text] {width:100%;}
main .sec07 .cont_wrap form .required:after {content:'*';display: inline-block;color:#f00;font-size: 15px;position: relative;top:-5px;margin-left:3px;}
main .sec07 .cont_wrap form dt {margin-bottom: 5px;}
.hidden {display: none;}
main .sec07 input[type=text],main .sec07 textarea {background-color: #f1f1f1;border:1px solid #d0d0d0;border-radius: 10px;cursor: pointer;padding:10px;}
main .sec07 textarea {height:200px}
main .sec07 input[type=text] {height:50px;line-height: 50px;margin-bottom: 20px;}
main .sec07 input[type=text]:focus-visible, main .sec07 textarea:focus-visible {border:1px solid #333;outline: none;}
main .sec07 label {display: flex;flex-wrap: wrap;align-items: center;line-height: 15px;cursor: pointer;}
main .sec07 dl.checkbox dd {display: flex;flex-wrap: wrap;gap: 15px;padding-top: 7px;}
main .sec07 input[type=checkbox] {display: none;}
main .sec07 input[type=checkbox] + label:before{content:"";display:inline-block;width:15px;height:15px;background-color: #f1f1f1;border:1px solid #d0d0d0;border-radius: 3px;vertical-align:middle;margin-right:5px;}
  /* label:before에 체크 된 상태 CSS */  
  main .sec07 input[type=checkbox]:checked + label:before{content:"\e92a";font-size: 14px;font-family: xeicon !important;background-color:#333;color:#fff;border-color:#333;vertical-align: middle;text-align: center;}main .sec07 .btn {background-color: #344454;width:290px;line-height: 70px;border:0;color:#fff;text-align: center;margin:30px auto 0 auto;}
  main .sec07 .agree {display: flex;flex-wrap: nowrap;justify-content: space-between;}
  main .sec07 .agree .more {font-weight:700;text-decoration: underline;cursor: pointer;}
  main .sec07 .agree .more,   main .sec07 .agree label {font-size: 1rem;}
  @media screen and (max-width:1700px) {
    .pc_header .wrap {max-width: initial;}
    .pc_header .wrap , main > div#solution_section .txt_wrap {padding:0 50px;}
    main > div#solution_section .cont_wrap ul {padding:50px 50px;}
    main .sec02, main .sec05 .txt_wrap {padding:100px 50px;}
    .visual {height:90vh;}
    main > div#solution_section .cont_wrap {height:70vh;}
    main .sec03 {padding:100px 50px 0 50px;}
    main .sec03 li {width: calc(33.33% - 14px);}
    main .sec03 li div span {line-height:50px;}
    main .sec03 li > * {padding:15px;}
    main .sec04 {padding: 250px 50px 100px 50px;}
    main .sec05 .cont_wrap{width: calc(50% - 50px);}
    main .sec05 {height:70vh;}
    main .sec05 .txt_wrap img {width:50%;bottom: -50%;}
    main .sec06 {padding:120px 50px;}
    .pc_header .nav {display: block;margin-left: 15px;}
    .pc_header .wrap .gnb {display: none;}
    .pc_header .wrap .header_side.on .nav span {background-color: #333;}
    .pc_header .wrap .gnb.on {display: block;position: fixed;right:0;top:0;width: 30vw;height:100vh;background-color: #fff;z-index: 9;padding:50px;box-sizing: border-box;}
    .pc_header .wrap .gnb.on li {width: 100%;height:75px;justify-content: start;}
    main .sec02 > .cont_wrap > dl:after, .pc_header .wrap .gnb.on li:after, main .sec05 .txt_wrap dt:after {width:25px;height:25px;}
    .pc_header .wrap .gnb.on li {border-bottom: 1px solid #333;}
    .pc_header .wrap .gnb > li > a {line-height: 75px;}
    .pc_header .wrap .gnb.on + .bg {position: absolute;left:0;top:0;background-color: rgba(0,0,0,0.5);width:100vw;height:100vh;}
    header.pc_header .wrap .gnb.on i {display: block;width:50px;height:50px;background-color: #111;color:#fff;text-align: center;line-height: 50px;font-size: 30px;position: absolute;left:0;top:0;}
    .pc_header .wrap .gnb > li > a {padding:0 0 0 0px;}
    main .sec07 {padding:120px 50px;}
  }
  @media screen and (max-width:1500px) {
    main .sec02 .sub_wrap.sub03 img {max-width:120px;}
  }
  @media screen and (max-width:1100px) {
    header.pc_header .wrap {width:100%;}
    header.pc_header {height:70px;}
    .pc_header .wrap h1 {height:40px;}
    .pc_header .wrap h1 img {height:100%;}
    .pc_header .wrap, main > div#solution_section .txt_wrap{padding:0 30px; }
    .pc_header .wrap .header_side ul {font-size: 0.8rem;}
    header.pc_header .wrap .gnb > li > a, main, main .sec07 dt, main h2, main .sec07 dd, main span.ex, main .sec02 > .cont_wrap > dl > dt + dd, main .sec03 span, main .sec04 dd, main .sec05 .txt_wrap dd {font-size: 0.9rem;}
    .pc_header .wrap .gnb > li > a {line-height:50px;}
    .pc_header .wrap .gnb.on li {height:50px;}
    .pc_header .wrap .gnb.on {padding:100px 50px;}
    main .sec02 > .cont_wrap > dl:after, .pc_header .wrap .gnb.on li:after, main .sec05 .txt_wrap dt:after {width:17px;height:17px;}
    main h1 {font-size: 3rem;line-height:1.2;margin:10px 0;}
    main p, main .ex, main .sec06 .cont_wrap ul li h3, main .sec07 .btn, main .sec02 .sub_wrap .cont ul li .txt span, main .sec02 .sub_wrap .cont ul li .txt {font-size: 1.1rem;}
    main .sec02 .sub_wrap .cont ul li .txt span {font-size:1rem;}
    main > div#solution_section .cont_wrap ul {padding:30px 30px;}
    main > div#solution_section .cont_wrap li {padding:15px;}
    main .sec02, main .sec05 .txt_wrap {padding:100px 30px;}
    main .sec02 > .cont_wrap > dl > dt, main .sec03 h3, main .sec04 dt, main .sec05 .txt_wrap dt, .sec02 .sub_wrap > .txt h3{font-size: 1.3rem;}
    main .sec02 .sub_wrap .cont ul li .txt span{margin-top: 5px;}
    main .sec02 .txt_wrap {padding-right:30px;}
    main .sec02 .sub_wrap {padding: 70px 50px;}
    main .sec02 .sub_wrap.sub01 .cont ul li {width:calc(50% - 10px);}
    main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(odd) {margin-right:20px !important}
    main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(2), main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(5) {margin:initial;}
    main .sec02 .sub_wrap .cont ul li .txt {padding-left:10px;}
    main .sec02 .sub_wrap .cont ul li img {width:90px;height:90px;}
    main .sec03 {padding: 100px 30px 0 30px;}
    main .sec03 li {top:70px;}
    main .sec03 li div span{line-height:1.5;padding:5px 0;}
    main .sec04{padding: 180px 30px 100px 30px;}
    main .sec04 .cont_wrap {margin-top: 70px;}
    main .sec04 .swiper-button{width:50px; height:50px;}
    main .sec04 .swiper-button:after {font-size: 20px;}
    main .sec04 .cont_wrap li {padding:0 20px;}
    main .sec04 .cont_wrap li > * {width: 50% !important;}
    main .sec04 .cont_wrap .txt{padding:50px 20px 0 0 ;}
    main .sec04 .cont_wrap .txt dd{line-height:30px;}
    main .sec05 {height:95vh;}
    main .sec05 .txt_wrap dt{height:70px;line-height: 70px;}
    main .sec05 p.cont {margin-bottom: 15px;;}
    main .sec05 .txt_wrap img {bottom: -30%;left:50px;}
    main .sec07 {padding:100px 30px;}
    main .sec07 .txt_wrap{padding-right:30px;}
    main .sec07 input[type=text]{height:40px;line-height: 40px;}
    main .sec07 dl:nth-child(2), main .sec07 dl:nth-child(4){margin-right:10px;}
    main .sec07 dl:nth-child(-n+5) {width: calc(50% - 5px);}
    main .sec07 .btn {width:230px;line-height:60px;}
    main .sec02 .sub_wrap.sub03 .floating1 {position: absolute;top: 0;left: 200px;}
    main .sec02 .sub_wrap.sub03 .floating4 {position: absolute;top: 20%;left: 0px;}
    main .sec02 .sub_wrap.sub03 .floating5 {position: absolute;top: 50%;left: 100px;}
    main .sec02 .sub_wrap.sub03 .floating7 {position: absolute;bottom: -2.5%;left: 200px;}
    main .sec02 .sub_wrap.sub03 .floating3 {position: absolute;top: -2.5%;right: 100px;}
    main .sec02 .sub_wrap.sub03 .floating6 {position: absolute;top: 40%;right: 50px;}
    main .sec02 .sub_wrap.sub03 .floating2 {position: absolute;bottom: 0;right: 100px;}
    main .sec02 .sub_wrap .img.sub03 {height:60vh;}
  }
  @media screen and (max-width:800px) {
    .visual .txt_wrap {width: 80%;}
    main .sec02 {flex-wrap: wrap;}
    main .sec02 > * {width:100% !important}
    main .sec02 .cont_wrap {margin-top: 30px;}
    header.pc_header .wrap .gnb > li > a, main, main .sec07 dt, main h2, main .sec07 dd, main span.ex, main .sec02 > .cont_wrap > dl > dt + dd, main .sec03 span, main .sec04 dd, main .sec05 .txt_wrap dd {font-size:1.1rem;}
    main .sec02 > .cont_wrap > dl > dt, main .sec03 h3, main .sec04 dt, main .sec05 .txt_wrap dt, .sec02 .sub_wrap > .txt h3 {font-size: 1.5rem;}
    main p, main .ex, main .sec06 .cont_wrap ul li h3, main .sec07 .btn, main .sec02 .sub_wrap .cont ul li .txt span, main .sec02 .sub_wrap .cont ul li .txt h4  {font-size: 1.2rem;}
    main .sec02 .sub_wrap.sub01 .cont ul li {padding:15px 0;border-bottom: 1px solid rgba(0,0,0,0.2);}
    main .sec02 .sub_wrap .cont ul li img {width: 70px;height:70px;}
    main .sec02 .sub_wrap.sub01 .cont ul li:last-child {border-bottom: 0;}
    main .sec02 .sub_wrap .img{height:80vw;background-size: cover;}
    main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(odd) {margin-right:initial;width:100%;}
    main .sec02 .sub_wrap .cont ul li .txt, main .sec02 .sub_wrap.sub01 .cont ul li {width: 100%;}
    main .sec02 .sub_wrap.sub01 .cont ul li:nth-child(odd) {margin-right:0 !important}
    main .sec03 li {width: 100%;padding-bottom: 47%;}
    main .sec03 li:nth-child(2) {margin:15px 0;}
    main .sec03 li > * {padding:30px;}
    main .sec03 li div span {line-height:30px;}
    main .sec04 .cont_wrap li{flex-wrap:wrap;flex-direction: column-reverse;}
    main .sec04 .cont_wrap li > *{width:100% !important}
    main .sec04 .cont_wrap .txt {padding:30px 0 0 0;}
    main .sec05 {flex-wrap:wrap;height:auto;}
    main .sec05 > * {width:100% !important}
    main .sec02, main .sec05 .txt_wrap {padding:100px 30px;}
    main .sec05 .cont_wrap > ul > li {width: 100%;margin-bottom: 10px;}
    main .sec05 .cont_wrap > ul {flex-wrap: wrap;}
    main .sec05 .cont_wrap > ul > li:last-child {margin-left:0;}
    main .sec05 .cont_wrap {padding-bottom: 100px;}
    main .sec05 .txt_wrap dl {width:60%;}
    main .sec05 .txt_wrap img {width:30%;bottom:initial;top:300px;z-index:2;right:30px;left:initial;}
    main .sec06 .cont_wrap ul li {margin-right:15px;width: calc(25% - 12px);}
    main .sec06 .cont_wrap, main .sec06 .cont_wrap + div {margin-top:70px;}
    main .sec07{flex-wrap:wrap;}
    main .sec07 > * {width: 100%;}
    .pc_header .wrap .gnb.on {width:50vw;}
    main .sec02 .txt_wrap {padding-right: 0;}
    div.qna_layer_popup03 div.qna_popup_content > div {width: calc(100% - 50px) !important;}
    div.privacy_01 > div.privacy_box {width: 100% !important;}
    div.privacy_01 > div.privacy_box > div.privacy_top > h1{font-size: 25px !important;margin-bottom: 15px !important;}
    div.privacy_01 > div.privacy_box > div.privacy_top > ul.privacy_info{padding:10px !important;}
    div.privacy_01 > div.privacy_box > div.privacy_top > ul.privacy_info > li {line-height:20px !important;font-size:12px !important;}
    div.privacy_01 {padding-bottom: 0 !important;}
    main .sec07 .txt_wrap {padding-right:0;}
    main .sec02 .sub_wrap.sub02 li {width: 100%;border-right:0;padding:15px 0;border-bottom: 1px solid rgba(0,0,0,0.2)}
    main .sec02 .sub_wrap.sub02 li:last-child {border-bottom: 0;}
    main .sec02 .sub_wrap.sub03 .floating1 {top: 0;left: 200px;}
    main .sec02 .sub_wrap.sub03 .floating4 {top: 30%;left: 0px;}
    main .sec02 .sub_wrap.sub03 .floating5 {top: 60%;left: 100px;}
    main .sec02 .sub_wrap.sub03 .floating7 {bottom: 10%;left: 200px;}
    main .sec02 .sub_wrap.sub03 .floating3 {top: -2.5%;right: 100px;}
    main .sec02 .sub_wrap.sub03 .floating6 {top: 40%;right: 0px;}
    main .sec02 .sub_wrap.sub03 .floating2 {bottom: 10%;right: 100px;}
    main .sec02 .sub_wrap .img.sub03 {height:60vh;background-size:cover;}
    main .sec02 .sub_wrap.sub03 img {max-width: 70px;}
    main .sec02 .sub_wrap.sub01 .img {background-size: contain;height:50vw;}
    main .sec02 .sub_wrap.sub02 .img {background-size: 100%;height:50vw;}
     main .sec02 .sub_wrap.sub05 .img {background-size: 120%;height:50vw;}
    main .sec02 .sub_wrap.sub05 .img + .cont li {width:100%;margin-right: 0;}
    main .sec02 .sub_wrap.sub05 .img + .cont h3{margin-bottom: 30px;}
  }
  @media screen and (max-width:550px) {
    #m_head {display: none;}
    .pc_header {display: block;}
    .pc_header .wrap, main > div#solution_section .txt_wrap {padding:0 15px;}
    .visual .swiper-pagination {top:55vh !important}
    header.pc_header {height:50px;}
    .pc_header .wrap h1 {height:30px;}
    .pc_header .nav, .pc_header .wrap .header_side .contact_btn {margin-left:10px;}
    .pc_header .wrap .header_side .contact_btn {padding:5px 10px;}
    .pc_header .wrap .header_side .fam{display: none;}
    header.pc_header .wrap .gnb > li > a, main, main .sec07 dt, main h2, main .sec07 dd, main span.ex, main .sec02 > .cont_wrap > dl > dt + dd, main .sec03 span, main .sec04 dd, main .sec05 .txt_wrap dd {font-size: 0.85rem;}
    .visual .txt_wrap {width: calc(100% - 30px);}
    main h2 {letter-spacing: 3px;}
    main h1 {font-size: 2rem;}
    main p, main .ex, main .sec06 .cont_wrap ul li h3, main .sec07 .btn, main .sec02 .sub_wrap .cont ul li .txt span, main .sec02 .sub_wrap .cont ul li .txt h4  {font-size: 1rem !important;}
    main > div#solution_section .txt_wrap {margin:50px 0 30px 0;}
    main > div#solution_section .cont_wrap li {width: 100%;border-right:0;border-bottom:1px solid #fff;}
    main > div#solution_section .cont_wrap li:last-child {border-bottom: 0;}
    main > div#solution_section .cont_wrap {height:auto;}
    main > div#solution_section .cont_wrap ul {padding:15px;}
    main > div#solution_section .cont_wrap li {padding:15px 0;}
    main .sec02, main .sec05 .txt_wrap {padding: 50px 15px;}
    main .sec02 > .cont_wrap > dl {flex-wrap:wrap;height:auto;padding:15px 0;}
    main .sec02 > .cont_wrap > dl > * {width: 100%;}
    main .sec02 > .cont_wrap > dl > dt + dd {margin-top: 10px;}
    main .sec02 > .cont_wrap > dl > dt + dd:before {display: none;}
    main .sec02 > .cont_wrap > dl > dt, main .sec03 h3, main .sec04 dt, main .sec05 .txt_wrap dt, .sec02 .sub_wrap > .txt h3 {font-size: 1.2rem;}
    main .sec03 {padding: 50px 15px 0 15px;}
    main .sec03 li {top:30px;padding-bottom: 80%;}
    main .sec04 {padding: 80px 15px 50px 15px;}
    main .sec04 .cont_wrap {margin-top: 50px;}
    main .sec04 .swiper-button-next,main .sec04 .swiper-rtl .swiper-button-prev {right:0 !important;}
    main .sec04 .swiper-button-prev {left:0 !important;}
    main .sec04 .cont_wrap li {padding: 0 10px;width:calc(100% - 15px)}
    main .sec05 .txt_wrap dl {width: 100%;}
    main .sec05 .txt_wrap img {display: none;}
    main .sec05 .cont_wrap {padding-bottom: 50px;}
    main .sec06 {padding: 50px 30px;}
    main .sec06 .cont_wrap, main .sec06 .cont_wrap + div {margin-top: 50px;}
    main .sec06 .cont_wrap ul li {width: calc(50% - 8px);padding-bottom: 48%;}
    main .sec06 .cont_wrap ul li:nth-child(2n) {margin-right:0;}
    main .sec06 .cont_wrap ul li:nth-child(1), main .sec06 .cont_wrap ul li:nth-child(2) {margin-bottom: 10px;;}
    main .sec06 .cont_wrap + div ul{gap:20px}
    main .sec06 .cont_wrap + div img {max-height:35px;}
    main .sec07 {padding: 50px 15px;}
    main .sec07 .btn {width: 200px;line-height: 50px;}
    main .sec07 .agree .more, main .sec07 .agree label {font-size: 0.8rem;}
    .pc_header .nav span {width:25px;}
    .pc_header .nav span:nth-child(2) {margin:7px 0;}
    main .sec03 li > * {padding:20px;}
    .pc_header .wrap .gnb.on {width: 80%;}
    .pc_header .wrap .gnb.on {padding: 100px 25px;}
    main .sec05 .txt_wrap dt {height:50px;line-height: 50px;}
    main .sec05 .cont_wrap > ul > li > div li {border-radius: 10px;}
    main .sec02 .sub_wrap {padding: 50px 15px;}
    main .sec02 .sub_wrap .cont {padding:10px;}
    main .sec02 .sub_wrap i{bottom:10px;width:40px;height:40px;line-height:40px;}
    main .sec02 .sub_wrap.sub03 .floating1 {top: 0;left: 100px;}
    main .sec02 .sub_wrap.sub03 .floating4 {top: 30%;left: 0px;}
    main .sec02 .sub_wrap.sub03 .floating5 {top: 60%;left: 30px;}
    main .sec02 .sub_wrap.sub03 .floating7 {bottom: 10%;left: 100px;}
    main .sec02 .sub_wrap.sub03 .floating3 {top: -2.5%;right: 30px;}
    main .sec02 .sub_wrap.sub03 .floating6 {top: 40%;right: 0px;}
    main .sec02 .sub_wrap.sub03 .floating2 {bottom: 10%;right: 30px;}
    main .sec02 .sub_wrap.sub04 {padding: 50px 15px 0 15px;}    
    main .sec02 .sub_wrap.sub04 .img {background-size: 120%;height:95vw;border-bottom: 1px solid #ededed;}
    main .sec02 .sub_wrap.sub05 .img + .cont h3 {margin-top:15px;line-height: 1.5;}
    main .sec02 .sub_wrap > .txt, main .sec02 .sub_wrap .cont ul li .txt {font-size:0.9rem;}
  }
  @media screen and (max-width:400px) {
    main h1 {font-size: 1.7rem;margin:5px 0;}
    main span.ex {margin-top: 10px;}
    main .sec02 .sub_wrap .cont ul li {justify-content: center;flex-wrap: wrap !important;}
    main .sec02 .sub_wrap .cont ul li  * {text-align: center;}
    main .sec02 .sub_wrap .cont ul li .txt{padding-left:0;}
    main .sec02 .sub_wrap .cont {padding:0;}
    main .sec02 .sub_wrap.sub01 .cont ul li, main .sec02 .sub_wrap.sub02 li{padding:10px;}
    main .sec02 .sub_wrap.sub03 img {max-width:50px;}
  } 
  @media screen and (max-width:320px) {
    header.pc_header .wrap .gnb > li > a, main, main .sec07 dt, main h2, main .sec07 dd, main span.ex, main .sec02 > .cont_wrap > dl > dt + dd, main .sec03 span, main .sec04 dd, main .sec05 .txt_wrap dd {font-size: 0.8rem;}
    main h1 {font-size: 1.5rem;}
    main p, main .ex, main .sec06 .cont_wrap ul li h3, main .sec07 .btn, main .sec02 .sub_wrap .cont ul li .txt span  {font-size: 0.9rem;}
    main > div#solution_section .cont_wrap h3 {font-size: 1.3rem;}
    main .sec02 > .cont_wrap > dl > dt, main .sec03 h3, main .sec04 dt, main .sec05 .txt_wrap dt, .sec02 .sub_wrap > .txt h3 {font-size: 1.1rem;}
    main .sec03 li {padding-bottom: 100%;border-radius: 10px;}
    main .sec03 li > * {padding:10px;}
    main .sec04 .cont_wrap {margin-top: 30px;}
    main .sec04 .swiper-button {width: 30px;height:30px;}
    main .sec04 .cont_wrap li {padding: 0 2.5px;width: calc(100% - 5px);}
    main .sec04 .cont_wrap .txt dd {line-height: 23px;}
    main .sec07 dl:nth-child(-n+5) {width: 100%;margin-right:0;}
    div.privacy_01 > div.privacy_box {padding:15px;}
    main .sec02 > .cont_wrap > dl:after, .pc_header .wrap .gnb.on li:after, main .sec05 .txt_wrap dt:after {width: 15px;height:15px;}
    main .sec06 .cont_wrap + div img {max-height:30px;}
    main .sec06 .cont_wrap + div ul{gap: 10px;}
    main .sec06 {padding: 50px 15px;}
    main .sec06 .cont_wrap ul:after{width: 100%;height: 100%;}
  }