html, body { position: relative; height: 100%; color: #261C1C;  }

.wrap, .container { position: relative; width: 100%; height: 100%; margin: auto;}
.container, .header { min-width: 1200px; }

.bg-white { background-color: #fff; }
.bg-black { background-color: #000; }
.bt_login { display: flex; justify-content: flex-start; padding-top: 10px; opacity: 0.7; width: 1280px; margin: 0 auto; }
.m-br { display: none; }


.ortho-icon { position: fixed; right: 5%; bottom: 100px; z-index: 999; }

/* loading */
.loading { width: 100%; height: 100vh; position: fixed; background-color: #fff; z-index: 999999; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.loading .loading-logo { width: 100%; margin: 15px 0 45px 0; text-align: center;}
/* loading_bar */
.loading-bar { width: 8%;height: 2px; background: #dbdbdb;margin: 0 auto; position: relative;}
.loading-bar:before{ top:0; left:0; width:0; content:''; height:inherit; position:absolute; background-color:#05F0FF; animation:bar 2100ms linear forwards; }
@keyframes bar{
    0%{width:0}
    100%{width:100%}
  }


/* .pointer {position:absolute; width:37px; height:57px; background-image: url(/theme/basic/svg/cursor.svg); background-size: 100%; transition:all 0.5s ease-out; z-index: 999;}
.pointer-on {position:absolute; width:49px; height:41px; background-image: url(/theme/basic/svg/cursor_on.svg); background-size: 100%; transition:all 0.5s ease-out; z-index: 999;}  */

.main_scroll { width: 100%; position: fixed; text-align: center; left: 0; right: 0; bottom: 50px; margin: auto;  z-index: 9999;}
.main_scroll > p { font-size: 12px; margin-bottom: 10px; color: #000; }
.main_scroll .inner { width: 24px; margin: auto; position: relative; }
.main_scroll .scroll_mouse { width: 24px; height: 34px; border: 1px solid #000; border-radius: 169px; box-sizing: border -box; position: relative; }
.main_scroll .scroll_dot { width: 4px; height: 4px; background-color: #000; border-radius: 100%; position: absolute; left: 0; right: 0; top: 9px; margin: auto;}
.main_scroll .scroll_arrow_svg { fill: black; }
.main_scroll .scroll_arrow { position: absolute; left: 0; right: 0; top: 48px; }


/* 공통 */
.fixed-icon { position: fixed; top: 50%; right: 5%; transform: translateY(-50%);  width: 73px; height: 233px; border-radius: 43px; text-align: center; padding: 25px 6px; z-index: 98;  }
.fixed-icon a { width: 100%; }
.fixed-icon a:not(:first-child) img { margin-top: 25px; }
.fixed-icon a p { margin-top: 5px; letter-spacing: -1px; }

.fixed_w { background-color: #000;  opacity: 1; }
.fixed_b { background-color: #fff;  opacity: 0; }

.fixed_w a p { color: #fff; } 
.fixed_b a p { color: #000; } 

.ps-rela { position: relative; }
.section { margin: 0 auto;}
/* 헤더 */
.header { width: 100%; height: 123px; position: fixed; left: 0; top: 0; padding: 45px 78px; z-index: 9999999; transition: top 0.3s; }
.header.hidden { top: -130px; }
.header-inner { display: flex; justify-content: space-between; align-items: center; margin: 0 auto; max-width: 1920px; position: relative;  }
.header .left-gnb { display: flex; align-items: center; width: 604px; }
.header .left-gnb li { position: relative; }
.header .left-gnb li:not(:last-child) { margin-right: 36px; }
.header .left-gnb .ps-abs { position: absolute; top: 97%; }
.header .right-gnb { display: flex; align-items: center; width: 604px; }
.header .right-gnb li:not(:last-child) { margin-right: 36px; }
.logo-wrap { height: 32px; position: relative; width: 114px; }
.logo-1 { opacity: 1; position: absolute; left: 0; right: 0; text-align: center; margin: auto; }
.logo-2 { opacity: 0; position: absolute;left: 0; right: 0; text-align: center; margin: auto; }

.header-bg-color { background-color: #fff; }

/* gnb */
.gnb-wrap { text-align: center; background: #F8F8F8; position: absolute; left: 0; top: 0; right: 0; z-index: -1; }
.gnb-wrap > .gnb_al_ul { width: 100%; display: flex; justify-content: center; padding: 160px 0 80px 0; max-width: 1920px; margin: 0 auto; position: relative; }
.gnb_al_ul .gnb_al_li { margin-left: 30px; }
.gnb_al_ul .gnb_al_li:first-child { margin-left: 0; }
.gnb_al_ul .gnb_al_li > div { margin-bottom: 50px; }
.gnb_al_ul .gnb_al_li > ul { margin-top: 45px; }
.gnb_al_ul .gnb_al_li > ul > li { margin-top: 10px; }
.gnb_al_ul .gnb_al_li > ul > li:first-child { margin-top: 0; }

.gnb_al_ul .gnb_al_li > ul > .active > a { font-weight: 700; }
.circle-ps-1 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; left: 18.7%; }
.circle-ps-2 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; left: 27.6%; }
.circle-ps-3 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; left: 36.5%;   }
.circle-ps-4 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; left: 44.3%;   }
.circle-ps-5 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; right: 43.4%; }
.circle-ps-6 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; right: 31.5%; }
.circle-ps-7 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; right: 22.5%; }
.circle-ps-8 { width: 10px; height: 10px; border-radius: 50%; background: #00d3d3; position: absolute; top: 150px; right: 15%; }


.circle-ps-top-1 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; left: 75px; }
.circle-ps-top-2 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; left: 222px; }
.circle-ps-top-3 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; left: 372px; }
.circle-ps-top-4 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; left: 522px; }
.circle-ps-top-5 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; right: 438px; }
.circle-ps-top-6 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; right: 241px; }
.circle-ps-top-7 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; right: 92px; }
.circle-ps-top-8 { width: 8px; height: 8px; border-radius: 50%; background: #00d3d3; position: absolute; top: 0; right: -10px; }



.gnb_al_li:nth-child(7) > div { position: relative; }
.gnb_al_li:nth-child(7) > div .ps-abs { position: absolute; font-size: 35px; right: 6%; bottom: 60%; }
.gnb_al_li:not(:nth-child(7)) > div .ps-abs { display: none; } /* 빼고 */
.change-opa-1-1 { opacity: 1!important; transition: 0.3s; }
.change-opa-0-1 { opacity: 0!important; transition: 0.3s; }
.change-opa-1 { opacity: 1!important; transition: 0.3s; }
.change-opa-0 { opacity: 0!important; transition: 0.3s; }
.change-color { color: #000!important; transition: 0.3s; }
.change-color-1 { color: #000!important; transition: 0.3s; }

/* sub header */
.sub-header { min-width: 1280px; padding-top: 260px; text-align: center; margin-bottom: 200px; }
.sub-header .sub-title h2 { font-size: 74px; line-height: 1.4;  letter-spacing: -0.05em; font-weight: 700; }
.sub-header .sub-title p { margin-top: 13px; font-size: 30px; line-height: 1.7; font-weight: 500; letter-spacing: -0.1em; }

.sub-menu ul { display: flex; justify-content: center; align-items: center; width: 1280px; height: 80px; margin: 90px auto 0; }
.sub-menu ul li { width: 100%; height: 100%; border: 1px solid #C4C4C4; border-bottom: 1px solid #000;  }
.sub-menu ul li:not(:last-child) { border-right: none; }
.sub-menu ul li a { font-size: 20px; color: #999; display: block; width: 100%;  height: 100%; display: flex; justify-content: center; align-items: center; letter-spacing: -0.05em; }
 
.sub-menu ul .active { border-bottom: 0; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000!important; }
.sub-menu ul .active > a { font-weight: 700; color: #000; }

/* section1 */
.section-1 { width: 100%; height: 100vh;  }
.main-text { display: flex; justify-content: center; align-items: center; z-index: 1; height: 100vh; text-align: center; }
#typeStyle1 font { color: #05F0FF; }
#typeStyle2 p { font-size: 30px; margin-top: 30px;}
.Typewriter__cursor { display: none; }



/* scroll masic */
.animate {
    position: sticky;
    top: 40vh;
    opacity: 0;
    font-size: 40px;
    width: 100%;
    height: 90px;
    text-align: center;
  }
  
  .trigger {
    width: 100%;
    height: 10px;
    margin-bottom: 900px;
  }

/* section2 */
.section-2 { width: 100%; height: 3000px; }
.section-2 .m26 { margin-top: 30px; }

/* sectionp1 */
.section-p1 { width: 100%; height: 3000px; }

/* section3 */
.section-3 { width: 100%; height: 3000px; }

/* section4 // 치과치료, 큰 뜻을 품다 */
.section-4 { width: 100%; height: 3500px;  position: relative; }
.section-4 .mark { position: absolute; left: -6%; top: -101%; z-index: -1; }
.section-4 .mark img { width: 150%; }
.section-4 .main-down { position: relative; height: 100vh; }
.section-4 .main-down img { position: absolute; top: 35%; z-index: 9; }
.main-down { position: absolute; left: 50%; bottom: 3%; width: 40px; height: 40px; transform: translateX(-50%); z-index: 999;}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  

/* section-p2 */
.section-p2 { width: 100%; height: 100vh; position: relative; z-index: 1; }
.section-p2 .sec-inner .text-box { position: absolute; left: 50%; transform: translateX(-50%); top: 180px; z-index: 1; }
.section-p2 .sec-inner .text-box > h1 { margin-bottom: 40px; }
.section-p2 .sec-inner .img-box { width: 100%; height: 100vh; position: relative; }
.section-p2 .sec-inner .img-box > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

/* section-p3 */
.section-p3 { width: 100%; height: 100vh; position: relative; z-index: 2; }
.section-p3 .sec-inner .tab-menu { position: absolute; left: 150px; top: 50%; transform: translateY(-50%); z-index: 2; }
.section-p3 .sec-inner .tab-menu > .title { cursor: pointer; margin-bottom: 20px; line-height: 120%; display: flex; }
.section-p3 .sec-inner .tab-menu > .title > span { padding-bottom: 5px; }
.section-p3 .sec-inner .tab-menu > .title.active > span { border-bottom: 2px solid #fff; }
.section-p3 .sec-inner .tab-menu > .title.active > .bg { width: 5px; height: 5px; background: #05F0FF; border-radius: 50%; margin-left: 5px; }
.section-p3 .sec-inner .tab-menu > .title:last-child { margin-bottom: 0; }
.section-p3 .sec-inner .tab-menu > .slide-btn { display: flex; align-items: center; margin-top: 40px; height: 45px; }
.section-p3 .sec-inner .tab-menu > .slide-btn .swiper-button-next { background: url('/theme/basic/svg/slide_next_btn.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 45px; height: 45px; position: relative; left: auto; right: auto; order: 2; margin-left: 10px; }
.section-p3 .sec-inner .tab-menu > .slide-btn .swiper-button-prev { background: url('/theme/basic/svg/slide_prev_btn.svg'); background-position: center; background-repeat: no-repeat; background-size: cover; width: 45px; height: 45px; position: relative; left: auto; right: auto; }
.section-p3 .swiper-button-next:after,
.section-p3 .swiper-button-prev:after { display: none; }

.section-p3 .sec-inner .main-slide-1 { width: 100%; height: 100vh; overflow: hidden; }
.section-p3 .sec-inner .main-slide-1 .swiper-slide { width: 100%; height: 100vh; position: relative; }
.section-p3 .sec-inner .main-slide-1 .swiper-slide > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

.section-p3 .sec-inner .main-slide-2 { width: 100%; height: 100vh; overflow: hidden; display: none; }
.section-p3 .sec-inner .main-slide-2 .swiper-slide { width: 100%; height: 100vh; position: relative; }
.section-p3 .sec-inner .main-slide-2 .swiper-slide > img { width: 100%; height: 100%; position: absolute; left: 0; object-fit: cover; }

/* section5 // video tab menu */
/* .section-5 { width: 100%; height: 3000px; position: relative;background-color: #000; }  */
.section-5 { width: 100%; height: 3500px; position: relative;background-color: #000; }
.section-5 .animate { top: 0; } 
.section-5 .tab-video-menu { position: absolute; top: -50%;left: 10%;  margin: auto; z-index: 999999; transform: translateY(-50%); }
.section-5 .tab-video-menu li { padding-bottom: 5px; color: #fff; font-size: 20px; font-weight: 700; margin-top: 20px; cursor: pointer; text-align: left; }
.section-5 .tab-video-menu li:not(:last-child) { margin-bottom: 20px; }
.text-under-line { border-bottom: 2px solid #fff; }

.section-5 .tab-video { transform: translate(0%, 15%) scale(0.7, 0.7) ;  }
.section-5 .tab-video > li { width: 100%; height: 100vh; position: relative;  }

.section-5 .video { width: 100%; height: 100vh; position: absolute; left: 0; object-fit: cover; bottom: 0; }

.section-5 .tab-video-dark { width: 100%; height: 50%; position: absolute; left: 0; bottom: 0; right: 0; margin: auto; z-index: 99; background-image: linear-gradient(to bottom, transparent , rgba(0,0,0.3));}

.section-5 .tab-video-text { text-align: center; position: absolute;margin: auto; z-index: 1000; width: 100%; top: 50%; transform: translateY(-50%);  }
.section-5 .tab-video-text > p { margin-bottom: 40px; }
/* .section-5 > ul > li:first-child .tab-video-text { top: 68%; display: flex; justify-content: center; }
.section-5 > ul > li:first-child .tab-video-text > .video-menu-circle { width: 8px; height: 8px; border-radius: 100%; background: #05F0FF; margin-left: 4px; margin-top: -6px; } */

/* section5에 텍스트옆 동글뱅이 */
.section-5 > ul > li > div > div { display: flex; justify-content: center; }
.section-5 > ul > li > div > div > p:last-child { width: 20px; height: 20px; border-radius: 100%; background: #05F0FF; margin-top: 5px; }
.section-5 > ul > li > .tab-video-menu > li { display: flex; justify-content: flex-start; }
.video-menu-circle-2 { width: 5px; height: 5px; border-radius: 100%; background: #05F0FF; margin-top: -5px; }





.video-tab-3, .video-tab-4 { display: none; }


.main_scroll2 { width: 100%; position: absolute; text-align: center; left: 0; right: 0; bottom: 50px; margin: auto;  z-index: 9999;}

/* section6b // 3가지 철학 */
.section-6 { width: 100%; height: 100vh; background-color: #000; display: flex; align-items: center; justify-content: center; position: relative; padding-top: 10%; }
.section-6 .section-inner { width: 1220px; margin: auto; }
.section-6 .main-big-copy { display: flex; align-items: flex-end; position: relative; z-index: 1; }
.section-6 .main-big-copy .m100 { letter-spacing: -3px; }
.section-6 .middle-copy { margin-top: 50px; } 
.section-6 .main-small-copy ul { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 50px; }
.section-6 .main-small-copy ul li { border-top: 1px solid #fff; padding-top: 20px; }
.section-6 .main-small-copy ul li .m26 { margin-top: 5px; }
.section-6 .main-small-copy ul li .m16-1 { margin-top: 15px; line-height: 1.5; }
.section-6 .main-circle { width: 159px; height: 159px; border-radius: 100%; background: #05F0FF; position: absolute; left: 49%; transform: translateX(-50%); top: -20%; z-index: -1; display: none; animation: loop 1.1s infinite; }

@keyframes loop{
    0%{
        top:-20%;
        left: 49%;
    }
    50%{
        top:-20%;
        left: 51%;
    }
    100%{
        top:-20%;
        left: 49%; 
    }
}

.section-6 .main-big-copy > div:first-child { width: 528px; height: 360px; }
.section-6 .main-big-copy > div:last-child { margin-bottom: 15px; }


/* section7 오시는길 */
.section-7 { width: 100%; background-color: #fff; position: relative; color: #fff; padding: 180px 0; }
.section-7 > div { width: 1280px; display: flex; justify-content: center; margin: 0 auto; }
.section-7 > div:first-child { margin-bottom: 120px; display: block; }
.section-7 > div:first-child > div > a > img { width: 100%; }
.section-7 .location-box-1 { width: 570px; }
.section-7 .location-box-2 { width: 50%; margin-left: 10%; }
.section-7 .location-box-1 > div { width: 100%;}
.section-7 .location-box-2 > div { width: 100%; background: #fff; text-align: left; display: flex; flex-direction: column; justify-content: center; }

.root_daum_roughmap .wrap_controllers { display: none; }

.section-7 .location-box-2 .location-item-2 > .text-wrap > p { margin-top: 1%; }
.section-7 .location-box-2 .location-item-2 .loc-flex { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; }
.section-7 .location-box-2 .location-item-2 .loc-flex ul { display: flex; justify-content: flex-start; align-items: center; margin-top: 4%; }
.section-7 .location-box-2 .location-item-2 .loc-flex ul > li:last-child { margin-left: 15px; }
.section-7 .location-box-2 .location-item-2 > div:nth-child(3) { align-items: center; margin-bottom: 5%; margin-top: 40px;}
.section-7 .location-box-2 .location-item-2 > div:nth-child(3) ul { align-items: center; }
.section-7 .location-box-2 .location-item-2 > div:nth-child(3) ul:last-child { margin-left: 45px; }

.section-7 .location-box-2 .location-item-2 .loc-flex .m26 { line-height: 1.6; letter-spacing: -0.04em;}

.section-7 .location-box-2 .location-item-2 > ul { display: flex; flex-direction: column; }
.section-7 .location-box-2 .location-item-2 > ul > li { display: flex; justify-content: flex-start; align-items: center; line-height: 1.8; }
.section-7 .location-box-2 .location-item-2 > ul > li > span { letter-spacing: 0.02em;}
.section-7 .location-box-2 .location-item-2 > ul > li:nth-child(1) > span:first-child,
.section-7 .location-box-2 .location-item-2 > ul > li:nth-child(2) > span:first-child,
.section-7 .location-box-2 .location-item-2 > ul > li:nth-child(3) > span:nth-child(2),
.section-7 .location-box-2 .location-item-2 > ul > li:nth-child(4) > span:first-child { letter-spacing: 0.9em; }
.section-7 .location-box-2 .location-item-2 > ul > li:nth-child(5) > span { color: #C04E4E; }
.section-7 .location-box-2 .location-item-2 .naver-box { width: 100%; height: 112px; border-radius: 5px; background: #35b21e; margin: 0 auto; margin-top: 7%; display: flex; }
.section-7 .location-box-2 .location-item-2 .naver-box > a { display: flex; justify-content: center; align-items: center; width: 100%; }
.section-7 .location-box-2 .location-item-2 .naver-box > a > img { width: auto; height: auto; }
.section-7 .location-box-2 .location-item-2 .naver-box > a > span { margin-left: 25px; }


/* 빠른상담신청부분 */
.quick_list_from .input_wrap .input_first_ul { display: flex; justify-content: space-between; }
.quick_list_from .input_wrap .input_first_ul > li { width: 250px; margin-top: 30px; }
.quick_list_from .input_wrap .input_first_ul > li > .input_1 { width: 100%; height: 48px; border:1px solid #DADADA; border-radius: 3px; padding-left: 10px; }
.quick_list_from .input_wrap .input_sec_ul { width: 100%; }
.quick_list_from .input_wrap .input_sec_ul > li { width: 100%; margin-top: 30px; }
.quick_list_from .input_wrap .input_sec_ul > li > .input_2 { height: 96px; width: 100%; border:1px solid #DADADA; border-radius: 3px; padding: 10px;}

.quick_list_from .input_wrap .input_thi_ul > li { text-align: center; margin-top: 30px; }
.quick_list_from .input_wrap .input_thi_ul > li > .subminbtn { width: 170px; height: 48px; background-color: #333; color: #fff; font-size: 16px; font-weight: 700; border-radius: 3px; border: none; }


/* 지도 */
.section-8 > div > div { width: 100%; }


/* footer */
.footer { width: 100%; background-color: #fff; padding: 100px 0 50px 0; margin: auto; color: #fff; margin: 0 auto; }
.footer .footer-inner { display: flex; justify-content: space-between;opacity: 0.7; margin: auto; width: 1280px; }
.footer .ft-right { text-align: right; }



@media (max-width:1920px){
    .section-4 .mark img { width: 100%; }
    .section-6 { height: 130vh; padding-top: 10%; }
    .section-7 .location-box-1 .text-wrap > p, .section-7 .location-box-2 .location-item-2 > .text-wrap > p { margin-top: 5px; }
    .section-7 .location-box-2 .location-item-2 .loc-flex ul { margin-top: 20px; }
    .section-7 .location-box-2 .location-item-2 > div:nth-child(3) { margin-bottom: 30px; margin-top: 40px; }
    .section-7 .location-box-2 .location-item-2 > ul > li { line-height: 1.6; }
    .section-7 .location-box-2 .location-item-2 .naver-box {margin-top: 35px; }


    .section-6 .section-inner { width: 1120px;  }
    }

@media (max-width:1900px){
.circle-ps-1 { left: 21.3%; }
.circle-ps-2 { left: 30%; }
.circle-ps-3 { left: 40%; }
.circle-ps-4 { left: 46%;  }
.circle-ps-5 { right: 43.2%; }
.circle-ps-6 { right: 32.5%; }
.circle-ps-7 { right: 22.8%; }
.circle-ps-8 { right: 16%; } 

}

@media (max-width:1870px){
    .circle-ps-1 { left: 20.9%; }
    .circle-ps-5 { right: 42.8%; }
    .circle-ps-6 { right: 32.2%; }
    .circle-ps-7 { right: 22%; }
    .circle-ps-8 { right: 15.3%; } 
    
}

@media (max-width:1820px){
    .circle-ps-1 { left: 20.2%; }
    .circle-ps-2 { left: 29.5%; }
    .circle-ps-3 { left: 39.5%; }
    .circle-ps-6 { right: 31.7%; }
    .circle-ps-7 { right: 21.5%; }
    .circle-ps-8 { right: 14.8%; } 
}

@media (max-width:1790px){
    .circle-ps-1 { left: 19.5%; }
    .circle-ps-2 { left: 28.8%; }
    .circle-ps-5 { right: 42.3%; }
    .circle-ps-7 { right: 21%; }
    .circle-ps-8 { right: 14.2%; } 
}

@media (max-width:1770px){
    .circle-ps-8 { right: 13.6%; } 
}

@media (max-width:1755px){
    .circle-ps-1 { left: 19%; }
    .circle-ps-2 { left: 28.5%; }
    .circle-ps-3 { left: 39%; }
    .circle-ps-6 { right: 31%; }
    .circle-ps-7 { right: 20.5%; }
    .circle-ps-8 { right: 13.2%; } 
}

@media (max-width:1720px){
    .circle-ps-1 { left: 18.3%; }
    .circle-ps-2 { left: 28%; }
    .circle-ps-6 { right: 30.5%; }
    .circle-ps-7 { right: 19.5%; }
    .circle-ps-8 { right: 12.5%; } 
}

@media (max-width:1700px){
    .section-5 .tab-video-menu { left: 5%; }
}

@media (max-width:1695px){
    .circle-ps-8 { right: 12%; } 
}

@media (max-width:1675px){
    .circle-ps-1 { left: 17.5%; }
    .circle-ps-2 { left: 27.5%; }
    .circle-ps-3 { left: 38.5%; }
    .circle-ps-5 { right: 41.8%; }
    .circle-ps-6 { right: 30%; }
    .circle-ps-7 { right: 18.8%; }
    .circle-ps-8 { right: 11.5%; } 
}

@media (max-width:1650px){
    .circle-ps-8 { right: 10.8%; } 
}

@media (max-width:1615px){
    .circle-ps-1 { left: 16.5%; }
    .circle-ps-2 { left: 26.5%; }
    .circle-ps-6 { right: 29.3%; }
    .circle-ps-7 { right: 17.8%; }
    .circle-ps-8 { right: 10%; } 
}

@media (max-width:1580px){
    .circle-ps-1 { left: 15.4%; }
    .circle-ps-2 { left: 26.1%; }
    .circle-ps-3 { left: 38%; }
    .circle-ps-4 { left: 45.5%;  }
    .circle-ps-5 { right: 41.2%; }
    .circle-ps-6 { right: 28.5%; }
    .circle-ps-7 { right: 17%; }
    .circle-ps-8 { right: 9.2%; } 
}

@media (max-width:1550px){
    .circle-ps-8 { right: 8.5%; } 
}

@media (max-width:1540px){
    .circle-ps-1 { left: 14.2%; }
    .circle-ps-2 { left: 25.5%; }
    .circle-ps-6 { right: 28%; }
    .circle-ps-7 { right: 16%; }
    .circle-ps-8 { right: 8%; } 
}

@media (max-width:1520px){
    .circle-ps-8 { right: 7.5%; } 
}

@media (max-width:1500px){
    .circle-ps-7 { right: 15.5%; }
    .circle-ps-8 { right: 7%; } 
}


@media (max-width:1480px){
    .circle-ps-1 { left: 13%; }
    .circle-ps-2 { left: 24.5%; }
    .circle-ps-3 { left: 37%; }
    .circle-ps-5 { right: 40.8%; }
    .circle-ps-6 { right: 27.5%; }
    .circle-ps-7 { right: 14.7%; }
    .circle-ps-8 { right: 6.2%; } 
}

@media (max-width:1460px){
    .circle-ps-1 { left: 12.5%; }
    .circle-ps-7 { right: 14.5%; }
    .circle-ps-8 { right: 5.7%; } 
}

@media (max-width:1430px){
    .circle-ps-1 { left: 11.7%; }
    .circle-ps-2 { left: 23.5%; }
    .circle-ps-4 { left: 45%;  }
    .circle-ps-5 { right: 40.5%; }
    .circle-ps-6 { right: 26.5%; }
    .circle-ps-7 { right: 13.5%; }
    .circle-ps-8 { right: 5%; } 
}

@media (max-width:1400px){
    .circle-ps-7 { right: 13%; }
    .circle-ps-8 { right: 4%; } 
}

@media (max-width:1380px){
    .circle-ps-1 { left: 10.5%; }
    .circle-ps-2 { left: 22.5%; }
    .circle-ps-3 { left: 36%; }
    .circle-ps-5 { right: 40%; }
    .circle-ps-6 { right: 25.8%; }
    .circle-ps-7 { right: 12.5%; }
    .circle-ps-8 { right: 3.2%; } 
}


@media (max-width:1360px){
    .gnb_al_ul .gnb_al_li { margin-left: 20px; }
    .header .left-gnb li:not(:last-child), .header .right-gnb li:not(:last-child) { margin-right: 22px; }
    .header { padding: 45px; }

    .circle-ps-1 { left: 12.5%; }
    .circle-ps-2 { left: 24%; }
    .circle-ps-3 { left: 37%; }
    .circle-ps-6 { right: 26.5%; }
    .circle-ps-7 { right: 13.5%; }
    .circle-ps-8 { right: 5.2%; } 

    .circle-ps-top-1 { left: 75px; }
    .circle-ps-top-2 { left: 195px; }
    .circle-ps-top-3 { left: 330px; }
    .circle-ps-top-4 { left: 410px; }
    .circle-ps-top-5 { right: 347px; }
    .circle-ps-top-6 { right: 214px; }
    .circle-ps-top-7 { right: 77px; }
}

@media (max-width:1330px){
    .circle-ps-1 { left: 11.7%; }
    .circle-ps-2 { left: 23.5%; }
    .circle-ps-7 { right: 12.8%; }
    .circle-ps-8 { right: 4.2%; } 
}

@media (max-width:1305px){
    .circle-ps-1 { left: 10.7%; }
    .circle-ps-2 { left: 23%; }
    .circle-ps-6 { right: 25.5%; }
    .circle-ps-7 { right: 12.1%; }
    .circle-ps-8 { right: 3%; } 
}

@media (max-width:1280px){
    .gnb_al_ul .gnb_al_li { margin-left: 10px; }
    .circle-ps-1 { left: 12.7%; }
    .circle-ps-2 { left: 24.2%; }
    .circle-ps-6 { right: 26.5%; }
    .circle-ps-7 { right: 13.5%; }
    .circle-ps-8 { right: 5.2%; } 
}

@media (max-width:1260px){
    .circle-ps-1 { left: 11.9%; }
    .circle-ps-2 { left: 23.8%; }
    .circle-ps-6 { right: 26%; }
    .circle-ps-7 { right: 12.8%; }
    .circle-ps-8 { right: 4.5%; } 
}

@media (max-width:1240px){
    .circle-ps-8 { right: 4%; } 
}

@media (max-width:1230px){
    .circle-ps-1 { left: 11.2%; }
    .circle-ps-2 { left: 23%; }
    .circle-ps-6 { right: 25.5%; }
    .circle-ps-7 { right: 12%; }
    .circle-ps-8 { right: 3.2%; } 
}