body { overflow-x: auto; min-width: 1440px;}

.band_banner {display: none; position: fixed; top: 0; left: 0; width: 100%; min-width: 1440px; height: 80px; z-index: 10000; overflow: hidden; transition: top 0.4s ease;}
.banner_images {height: 100%; position: relative;}
.banner_images li {height: 100%; position: absolute; top: 0; left: 0; width: 100%; text-align: center;}
.band1 {background-color: #A4E1FF;}
.band2 {background-color: #CCCFFD;}
.banner_images img { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: initial; min-width: 1905px; height: 100%;}
.banner_images .band1 {z-index: 1;}
.banner_images .band2 {transform: translateY(-100%);}
.band_banner .btn_group {position: absolute; right: 44px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; z-index: 1; gap: 0 48px;}
.band_banner label {display: flex; cursor: pointer; align-items: center; gap: 0 10px;}
.custom_chk {width: 20px; height: 20px; background: url(/inc/img/main/custom_chk.svg) no-repeat center / cover;}
.band_banner label p {font-size: 14px; color: #1A1C1E; opacity: 0.5; line-height: 1;}
.band_banner .btn_group .close {display: flex;}


#header.fix { position: fixed; left: 0; top: 0; width: 100%; z-index: 101; }
#header.on {background-color: #fff; box-shadow: 0 0 6px rgba(0,0,0,0.08);}

.header { height: 135px; transition: background 0.4s ease; background-color: #0e2e56; padding: 10px 120px 0; display: flex; justify-content: space-between; align-items: flex-end; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; min-width: 1440px}
.header.down {height: 215px; padding-top: 0;}
.header .logo { width: 220px; flex-shrink: 0; display: flex; align-items: center; align-self: flex-end; margin-bottom: 50px;}
.header .logo a{width: 100%; line-height: 1; position: relative;}
.header .logo .on {position: absolute; top: 0; left: 0; opacity: 0;}
#header.on .logo .on {opacity: 1;}
#header.on .logo .off {opacity: 0;}
.header .logo img { width: 100%; transition: opacity 0.2s ease;}
.header .right { color: #fff; }
.header .right .ham {display: none}
.header .right .top { display: flex; justify-content: flex-end; }
.header .right .top .language { font-size: 15px; font-weight: 300; display: flex; align-items: center; }
.header .right .top .language a {display: flex;align-items: center; transition: color 0.4s ease; }
.header .right .top .language a span { opacity: 1; /* transition: all .3s */}
.header .right .top .language a + a::before { content: ""; transition: background-color 0.4s ease; width: 1px; height: 10px; background-color: #fff; margin: 0 10px; display: block; opacity: 0.5; }
#header.on .right .top .language a {color: #1a1c1e; font-weight: 500;}
#header.on .right .top .language a + a::before {background-color: #1a1c1e;}

.header .right .top .num { font-size: 16px; font-weight: 600; margin-left: 30px; transition: color 0.4s ease;}
#header.on .right .top .num {color: #1a1c1e;}
.header .nav { margin-top: 30px;}
.header .nav .language {display: none}
.header .nav .close {display: none}
.header .nav .deps1 { display: flex; margin-right: -30px; }
.header .nav .deps1 > li {position: relative}
.header .nav .deps1 > li > a { font-size: 20px; padding: 0 30px 30px; white-space: nowrap; position: relative; display: inline-block; transition: color 0.4s ease;}
.header .nav .deps1 > li > a.active::after { transform: translateY(-30px); opacity: 1; }
#header.on .nav .deps1 > li > a {color: #1a1c1e;}


/*.header .nav .deps1 > li:last-child a {padding-right: 0}*/
.header .nav .deps1 > li > a::after {content: "";width: 5px;height: 5px;border-radius: 50%;background-color: #1daadb;position: absolute;left: 50%;transform: translateX(-50%);bottom: -15px;opacity: 0;transform: translateY(-20px);transition: all .3s;}

.header .nav .deps1 > li .deps_2 {position: absolute;left: 50%; bottom: -30px; transform: translate(-50%,100%); width: auto; background: #ededed; opacity: 0; overflow: hidden ;
    transition: all .3s ;padding: 17px 20px; visibility: hidden; white-space: nowrap; z-index: 30; text-align: center; min-width: 160px}
.header .nav .deps1 > li .deps_2 li + li {margin-top: 15px}
.header .nav .deps1 > li .deps_2 li > a {position: relative; color: #1a1c1e;}
.header .nav .deps1 > li .deps_2 li > a:before {position: absolute; content: ""; width: 0%; height: 1px; background-color:#1a1c1e; left: 50%; bottom: -5px; transform: translate(-50%,100%); transition: all .3s}



/*모달*/
.modal { opacity: 0; pointer-events: none; transition: 0.3s ease-in-out; position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; }
.modal.open { opacity: 1; pointer-events: inherit; }

.no_flex { padding: 80px 0px; overflow: auto; }

.modal_close { font-size:30px; color:#ffffff; position: absolute; top:-45px; right: 0px; cursor: pointer; }
.modal_close > i { color: #FFFFFF; }

.modal.review .review_wrap { position: relative; width: 60%; }
.modal.review .cont_box { position: relative; padding-top: 56.25%; }
.modal.review .cont_box .video,
.modal.review .cont_box .video iframe{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.modal.book .cont_wrap .book_pop {width: 800px; max-width: 100%; position: relative; margin: 0 auto; background-color: #fff; padding: 40px 20px 120px; border-radius: 10px}
.modal.book .cont_wrap .cont_box { display: flex; align-items: center; justify-content: center; }
.modal.book .cont_wrap .cont_box .book_form_wrap { width: 100%; }
.modal.book .cont_wrap .cont_box .book_form_wrap .tit { padding-bottom: 30px; font-size: 28px; font-weight: 600; text-align: center; }
.modal.book .cont_wrap .cont_box .book_form_wrap .form_tit { margin-bottom: 5px; }
.modal.book .cont_wrap .cont_box .form { width: 100%; }
.modal.book .book_form_wrap .inp { display: block; position: relative; width: 100%; min-width: 100%; height: 55px; line-height: 53px; padding: 0 10px; border: 0; border-radius: 5px; margin-bottom: 18px; background-color: #ededed; transition: all 0.2s; color: #1a1e1c; }
.modal.book .book_form_wrap .inp input { font-size: 16px; font-family: inherit; -webkit-appearance: none; -webkit-border-radius: 0; outline: none; border-radius: 5px; position: absolute; left: 0; top: 0; width: 100%; min-width: 100%; height: 100%; padding: 0 10px; background-color: #ededed; border: none; color: #1a1c1e; }
.modal.book .book_form_wrap .inp input::placeholder { color: #555; }
.modal.book .book_form_wrap .inp input:focus { outline-color: var(--blue); border: 2px solid var(--blue); background-color: #fff;}
.modal.book .book_form_wrap .form_btn { position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 70px; line-height: 70px; background-color: var(--blue); color: #fff; font-size: 22px; font-weight: 400; text-align: center; border-radius: 0 0 10px 10px; }
.modal.book .cont_wrap .modal_close { position: absolute; right: 20px; top: 10px; }
.modal.book .cont_wrap .modal_close i { font-size: 22px; color: #c1c1c1; }
.modal.book .cont_wrap input[type="date"]::-webkit-outer-spin-button,
.modal.book .cont_wrap input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.modal.book .book_form_wrap .check_txt {margin-top: 25px;}
.modal.book .book_form_wrap .check_txt i {margin-right: 6px; font-size: 20px;}
.modal.book .book_form_wrap .check_txt input + label i { color: #c1c1c1; }
.modal.book .book_form_wrap .check_txt input:checked + label i { color: #1a1c1e; }
.modal.book .book_form_wrap .check_txt label { cursor: pointer; font-size: 13px; display: flex; align-items: center; }

.modal.book .book_form_wrap .info_box .cont_box {background-color: #f9f9f9;margin-top: 10px;padding: 18px 20px;color: #828282;font-weight: 400;line-height: 1.7;overflow: auto;height: 130px; display: block}
.modal.book .book_form_wrap .info_box .priv_inner .sect + .sect {margin-top: 10px;}
.modal.book .book_form_wrap .info_box .priv_inner .sect { font-size: 12px; }

.modal.ft_banner .banner_wrap .banner_pop { position: absolute; left: 50%; top: 50%; padding: 20px; max-width: 600px; border-radius: 10px; transform: translate(-50%, -50%); background-color: #fff; width: calc(100% - 40px); }
.modal.ft_banner .banner_wrap .banner_pop .tit_box { position: absolute; left: 0; top: -1px; border-radius: 10px 10px 0 0; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; background-color: var(--blue); }
.modal.ft_banner .banner_wrap .banner_pop .txt_wrap { padding-top: 40px; }
.modal.ft_banner .banner_wrap .banner_pop .txt_box { color: #1a1c1e; font-size: 14px; }
.modal.ft_banner .banner_wrap .banner_pop .txt_box + .txt_box { margin-top: 10px; }
.modal.ft_banner .banner_wrap .banner_pop .txt_box .tit { font-weight: 600; }
.modal.ft_banner .banner_wrap .banner_pop .txt span { font-weight: 600; }


/*.phone { pointer-events: none; }*/
.main .sect_title { font-size: 44px; font-weight: 600; line-height: 1.3;}

.main .visual_sect { width: 100%; position: relative; padding-top: 35%; overflow: hidden; top: -1px}
.main .visual_sect .bg_img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.main .visual_sect .bg_img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(1.15); object-fit: cover; object-position: center; width: 100%; height: 100%; transition: ease-in-out 2s;}
.main .visual_sect.swiper-slide-active .bg_img img{transform: translate(-50%,-50%) scale(1.0);}



.main .visual_sect .bg_img img.mo {display: none}
/*.main .visual_sect.active .bg_img img {transform: translate(-50%,-50%) scale(1.0);}*/
.main .visual_sect .text_box { position: absolute; left: 50%; top: 43%; transform: translate(-50%, -75%); color: #fff; width: 1840px; padding: 0 20px; max-width: 100%; }
.main .page_wrap {position: relative;}
.main .page_wrap.down {padding-top: 80px;}
.main .page_wrap  .text_box.control { position: absolute; left: 50%; top: 65.4%; transform: translate(-50%,-100%); color: #fff; width: 1840px; padding: 0 20px; max-width: 100%; z-index: 1;}
.main .visual_sect .text_box .tit { font-size: 58px; font-weight: 600; overflow: hidden; line-height: 1.3; }
.main .visual_sect .text_box .text { font-size: 32px; margin-top: 40px; overflow: hidden; }
.main .visual_sect .text_box span {display: block;}
.main .visual_sect .text_box *.bk{color: #1a1c1e;}
.main .visual_sect .detail {position: absolute; width: 1840px; z-index: 1; bottom: 116px; left: 50%; transform: translateX(-50%); padding: 0 20px; max-width: 100%;}
.main .visual_sect .detail span {display: flex; color: #fff; z-index: 1; align-items: center; justify-content: center; width: 174px; height: 50px; border-radius: 5px; border: 2px solid rgba(255,255,255,0.2); font-size: 15px; font-weight: 500;}
.main .visual_sect .detail.bk span {color: #1a1c1e; border: 2px solid rgba(0,0,0,0.2);}

.main .chat_sect.mo {display: none}

.main .counsel { margin-top: 120px; }
.main .counsel .in { display: flex; }
.main .counsel .in form {display: flex}
.main .counsel .form_box { display: flex; align-items: center; margin-left: auto; margin-left: 25px; width: 130%;}
.main .counsel .form_box .inp_box + .inp_box { margin-left: 20px; }
.main .counsel .form_box .inp_box span { font-weight: 500; font-size: 20px; }
.main .counsel .form_box .inp_box input[type="text"] { border-bottom: 1px solid #000; font-size: 20px; padding: 5px 10px; width: 180px; }
.main .counsel .form_box .inp_box input[type="text"].phoneNumberFormat { width: 270px; }
.main .counsel .form_box .btn { border: 1px solid #000; display: inline-block; height: 45px; line-height: 43px; font-size: 15px; border-radius: 5px; transition: all .3s; }

.main .counsel .sect_title { line-height: 1.3; }

.main .counsel .form_box .btn + .btn { margin-left: 10px; }
.main .counsel .form_box .btn.policy { padding: 0 15px; margin-left: 40px; position: relative}
.main .counsel .form_box .btn.policy i { margin-right: 5px; }
.main .counsel .form_box .btn.policy label { cursor: pointer}
.main .counsel .form_box .btn.policy input:checked  + label i {font-weight: 700}
.main .counsel .form_box .btn.search { width: 45px; text-align: center; }
.main .counsel .form_box .app_btn { position: relative; background-color: #0e2e56; border-radius: 5px; padding: 20px 10px; width: 200px; font-size: 20px; font-weight: 600; color: #fff; transition:all .3s; margin-left: 30px; }
.main .counsel .form_box .app_btn span { position: relative; z-index: 10; }
.main .counsel .form_box .app_btn:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #1daadb; transform: scaleX(0); transform-origin: left; border-radius: 5px; transition: all 0.3s ease-in; z-index: 1; }

/*메인비주얼 슬라이드 컨트롤*/
.animeslide-slide { color:#fff; }

.animeslide-slide { position: relative; padding: 15px 0; min-height: 500px; background-size: cover; }
.animeslide-slide .container { position: relative;}
.animeslide-slide.swiper-slide-active [data-animate] { opacity: 1; transform: none; }
.animeslide-slide.swiper-slide-active .animeslide-heading { transition-delay: 0.6s; }
.animeslide-slide.swiper-slide-active .animeslide-desc { transition-delay: 1s; }
.animeslide-heading { margin-bottom: 25px; transition-delay: 3s; }
.animeslide-heading span { font-size: 16px; background-color: #f08723; padding: 6px 12px 7px; border-radius: 8px; font-weight: normal; }
.animeslide-desc { padding: 15px 22px; border-radius: 8px; background-color: #202238; max-width: 480px; opacity: 0.9; }

[data-animate] { opacity: 0; transition: all 0.8s ease-out; }
[data-animate="bottom"] { transform: translate3d(0, 15px, 0); }

.controls { display: flex; position: absolute; left: 20px; bottom: 0; width: 90%; border-radius: 8px; max-width: 600px; z-index: 1; font-size: 14px; }
.controls .cell { display: block; width: 250px; position: relative; padding: 0 50px; opacity: 1; z-index: 2; height: 40px; bottom: inherit; }
.controls .cell.btn { width: 80px; padding: 0; }
.controls .swiper-scrollbar {display: none !important; margin-top: 16px; background-color: rgba(255,255,255,0.3); border-radius: 0; }
.controls .swiper-scrollbar.bk{background-color: rgba(0,0,0,0.3);}
.controls .swiper-scrollbar-drag { height: 2px; background: #fff; border-radius: 0; }
.controls .swiper-scrollbar.bk .swiper-scrollbar-drag { background: #1a1c1e; }
.controls .animeslide-pagination { display: flex; align-items: center; justify-content: space-between; height: 100%; font-size: 17px; bottom: inherit; color: #fff;}
.controls .animeslide-pagination b { font-size: 17px; margin-top: -5px;}

.controls .new-scrollbar { margin-top: 16px; background-color: rgba(255,255,255,0.3); border-radius: 0; position: relative; width: 150px; height: 2px; } 
.controls .new-scrollbar.bk{background-color: rgba(0,0,0,0.3);}
.controls .new-scrollbar span { height: 2px; background: #fff; border-radius: 0; position: absolute; top: 0; left: 0%; width: calc(100% / 9);}
.controls .new-scrollbar.bk span { background: #1a1c1e; }


.controls .swiper-button-next i, .controls .swiper-button-prev i { color: #fff; font-size: 18px; }

.controls .animeslide-pagination span { padding-left: 5px; padding-right: 5px; }
.animeslide-button-next,
.animeslide-button-prev { outline: none; }
.animeslide-button-next::after,
.animeslide-button-prev::after { font-size: 22px; color: #fff; }


.main .skill_sect { padding-top: 260px; position: relative; }
.tab_box.mo {display: none}
.main .skill_sect .swiper-container {padding-bottom: 30px}
.main .skill_sect .swiper-slide { position: relative; z-index: 1; display: flex; pointer-events: none; }
.main .skill_sect .swiper-slide.swiper-slide-active { pointer-events: visible; z-index: 10; }
.main .skill_sect .left_box { width: 50%; position: relative; }
.main .skill_sect .left_box .img_box { padding-top: 90%; position: relative; }
.main .skill_sect .left_box .img_box .img { left: 0; top: 0; position: absolute; width: 100%; height: 100%; overflow: hidden}

.main .skill_sect .left_box .img_box .img img { left: 0; top: 0; position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: center;transform: scale(1.15); display: block;  transition: ease-in-out transform 2s; opacity: 0}
.main .skill_sect .swiper-slide-active .left_box .img_box .img.on img {opacity: 1; transition: ease-in-out transform 1s;; transform: scale(1.0)}

.main .skill_sect .left_box .icon_wrap { position:absolute; right: -30px; bottom: -30px; width: 250px; height: 250px; background-color: #0e2e56; padding:15px; }
.main .skill_sect .left_box .icon_wrap .icon_box { width: 100%; height: 100%;; position: relative;; }
.main .skill_sect .left_box .icon_wrap .line_box { position: absolute; display: flex; }
.main .skill_sect .left_box .icon_wrap .line_box .cir { width: 5px; height: 5px; background-color: rgba(255,255,255,0.4); border-radius: 50%; transition: all .15s; position: relative; flex-shrink: 0}
.main .skill_sect .left_box .icon_wrap .line_box .line { background-color: rgba(255,255,255,0.3); position: relative; }
.main .skill_sect .left_box .icon_wrap .line_box .line::after { content: ""; position: absolute; }
.main .skill_sect .left_box .icon_wrap .line_box.type1 .line { width: 100%; height: 1px; margin-left: 10px}
.main .skill_sect .left_box .icon_wrap .line_box.type3 .line { width: 100%; height: 1px; margin-right: 10px}
.main .skill_sect .left_box .icon_wrap .line_box.type2 .line { width:1px; height:100%; margin-top: 10px}
.main .skill_sect .left_box .icon_wrap .line_box.type4 .line { width:1px; height:100%; margin-bottom: 10px}
.main .skill_sect .left_box .icon_wrap .line_box.type1 { left: 0; top: 0; width:calc(100% - 15px); height: 5px; align-items: center; z-index: 4; }
.main .skill_sect .left_box .icon_wrap .line_box.type2 { right: 0px; top: 0; width:5px; height: calc(100% - 15px); flex-direction: column; align-items: center; z-index: 3; }
.main .skill_sect .left_box .icon_wrap .line_box.type3 { right: 0; bottom: 0; width:calc(100% - 15px); height: 5px; align-items: center; flex-direction: row-reverse; z-index: 2; }
.main .skill_sect .left_box .icon_wrap .line_box.type4 { left: 0; bottom: 0; width:5px; height: calc(100% - 15px); flex-direction: column-reverse; align-items: center; z-index: 1; }

.main .skill_sect .left_box .icon_wrap .line_box.on .cir { background-color: #fff; transform: scale(1.5); }

.main .skill_sect .left_box .icon_wrap .line_box .line::after { background-color: #fff; transition: width .15s , height .15s; transition-delay: .15s; opacity: 0; }
.main .skill_sect .left_box .icon_wrap .line_box.type1 .line::after { left: 0; top: 0; width: 0%; height: 100%; }
.main .skill_sect .left_box .icon_wrap .line_box.type2 .line::after { left: 0; top: 0; width: 100%; height: 0%; }
.main .skill_sect .left_box .icon_wrap .line_box.type3 .line::after { right: 0; top: 0; width: 0%; height: 100%;}
.main .skill_sect .left_box .icon_wrap .line_box.type4 .line::after { left: 0; bottom: 0; width: 100%; height: 0%;}

/*.main .skill_sect .left_box .icon_wrap .line_box.type1 .cir { }*/
/*.main .skill_sect .left_box .icon_wrap .line_box.type2 .cir { transition-delay: .3s;}*/
/*.main .skill_sect .left_box .icon_wrap .line_box.type3 .cir { transition-delay: .6s; }*/
/*.main .skill_sect .left_box .icon_wrap .line_box.type4 .cir { transition-delay: .9s;}*/

.main .skill_sect .left_box .icon_wrap .line_box.on .line::after { opacity: 1; }

.main .skill_sect .left_box .icon_wrap .line_box.on.type1 .line::after { width: 100%; }
.main .skill_sect .left_box .icon_wrap .line_box.on.type2 .line::after { height: 100%; }
.main .skill_sect .left_box .icon_wrap .line_box.on.type3 .line::after { width: 100%; }
.main .skill_sect .left_box .icon_wrap .line_box.on.type4 .line::after { height: 100%; }

.main .skill_sect .left_box .icon_wrap .icon { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 120px; height: 100px; }
.main .skill_sect .left_box .icon_wrap .icon .img { width: 100%; height: 100%; opacity: 0; transition: all .3s; position: absolute; left: 0; top: 0; text-align: center; transition-delay: 0.35s;}
.main .skill_sect .left_box .icon_wrap .icon .img img { width: 100%; height: 100%; object-position: center; object-fit: contain; }
.main .skill_sect .left_box .icon_wrap .icon .img.on { opacity: 1; }
.main .skill_sect .left_box .icon_wrap .icon .img:nth-child(4) img{max-width: 100px;}

.main .skill_sect .swiper-slide-active .left_box.type1 .line_box.type1 .line::after { width: 100%;opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type1 .line_box.type1 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type1 .icon_wrap .icon .img:nth-child(1) { opacity: 1}

.main .skill_sect .swiper-slide-active .left_box.type2 .line_box.type1 .line::after { width: 100%;opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type2 .line_box.type2 .line::after { height: 100%; opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type2 .line_box.type1 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type2 .line_box.type2 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type2 .icon_wrap .icon .img:nth-child(2) {opacity: 1}

.main .skill_sect .swiper-slide-active .left_box.type3 .line_box.type1 .line::after { width: 100%;opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type3 .line_box.type2 .line::after { height: 100%; opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type3 .line_box.type3 .line::after { width: 100%; opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type3 .line_box.type1 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type3 .line_box.type2 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type3 .line_box.type3 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type3 .icon_wrap .icon .img:nth-child(3) { opacity: 1}

.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type1 .line::after { width: 100%;opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type2 .line::after { height: 100%; opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type3 .line::after { width: 100%; opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type4 .line::after { height: 100%; opacity: 1}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type1 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type2 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type3 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type4 .line_box.type4 .cir{  background-color: #fff; transform: scale(1.5);}
.main .skill_sect .swiper-slide-active .left_box.type4 .icon_wrap .icon .img:nth-child(4) { opacity: 1}




.main .skill_sect .right_box { width: 50%; margin-left: 100px; padding-top: 60px; }
.main .skill_sect .right_box .tab_box { display: flex; align-items:center; }
.main .skill_sect .right_box .tab_box .tab { font-size: 20px; display: flex; align-items: center; color: #828282;transition: all .3s; }
.main .skill_sect .right_box .tab_box .tab::after {display: block; content: attr(data-tit); font-weight: bold; height: 0; overflow: hidden; visibility: hidden;}
.main .skill_sect .right_box .tab_box .tab.active { color:#0e2e56; font-weight: 700; }
.main .skill_sect .right_box .tab_box .tab + .tab::before { content: ""; width: 1px; height: 15px; background-color: #c1c2c1; margin: 0 15px; display: inline-block; }
.main .skill_sect .right_box .tab_box .tab:hover {color:#0e2e56; font-weight: 700;}

.main .skill_sect .right_box .text_box { margin-top: 70px; }
.main .skill_sect .right_box .text_box .sect_title { opacity: 0; transform: translateY(50px) ;  transition: ease-in-out all 0.7s }
.main .skill_sect .right_box .text_box .txt { font-size: 44px; margin-top: 5px; font-weight: 300;opacity: 0; transform: translateY(50px) ; transition: ease-in-out all 0.7s ; transition-delay: .2s; line-height: 1.4; }
.main .skill_sect .right_box .text_box .arr_btn_box { margin-top:40px; opacity: 0; transform: translateY(50px) ;  transition: ease-in-out all 0.7s; transition-delay: .3s}

.main .skill_sect .swiper-slide-active .right_box .text_box .sect_title { opacity: 1; transform: translateY(0px);}
.main .skill_sect .swiper-slide-active .right_box .text_box .txt { opacity: 1; transform: translateY(0px);}
.main .skill_sect .swiper-slide-active .right_box .text_box .arr_btn_box { position: relative; opacity: 1; transform: translateY(0px); z-index: 20;}

.arr_btn_box { width: 40px; }
.arr_btn_box img { width: 100%; transition: all .3s}


.main .skill_sect .bg_line { position: absolute; bottom: 80px; right: 0; width: calc(50% + 1400px/2); z-index: -1; }
.main .skill_sect .bg_line::before { content: ""; background-color: #fff; position: absolute; left: 0; top: -3px; width: 100%; height:103%; transition: ease-in-out 2s; }
.main .skill_sect .bg_line.active::before { width: 0%; }
.main .skill_sect .bg_line img.mo {display: none}

.main .tower_sect { position: relative; padding-top: 260px; display: flex; justify-content: flex-end; }
.main .tower_sect .in { display: flex; align-items: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; }
.main .tower_sect .cont_grid { width: 40%; display: flex; justify-content: flex-end; }
.main .tower_sect .text_box { width: 656px; padding-left: 20px; }
.main .tower_sect .text_box .txt { margin-top: 40px; font-size: 20px; }
.main .tower_sect .text_box .txt span + span { margin-left: 40px; }
.main .tower_sect .text_box .txt span strong { margin-right: 5px; }
.main .tower_sect .arr_btn_box { margin-top: 40px; }

.main .tower_sect .img_box { width: 60%; overflow: hidden;}
.main .tower_sect .img_box .line_bg {display: none}
.main .tower_sect .img_box .img {display: flex; position: relative; align-items: flex-end}
.main .tower_sect .img_box .img.mo-only{display: none;}
.main .tower_sect .img_box .img img{transform: translateY(100%); display: block; transition:transform ease-in-out 1s, opacity 0s; ; opacity: 0}
.main .tower_sect .img_box .img .cloud {position: absolute; opacity: 0; transition: ease-in-out opacity 1s; z-index: -2; animation-duration: 3.5s; animation-iteration-count: infinite; animation-timing-function: cubic-bezier(0.45, 0.05, 0.55, 0.95);}

.main .tower_sect .img_box .img .cloud_left1 {left: 5%; top: 44%; width: 8%; animation-name: cloudmove;}
.main .tower_sect .img_box .img .cloud_left2 {left: 15%; top: 36%; width: 4%; animation-name: cloudmove2; animation-delay: 1.5s;}
.main .tower_sect .img_box .img .cloud_left3 {left: 18%; top: 30%; width: 7%; animation-name: cloudmove; animation-delay: 2s;}
.main .tower_sect .img_box .img .cloud_right1 {right: 11%; top: 10%; width: 9%; animation-name: cloudmove;}
.main .tower_sect .img_box .img .cloud_right2 {right: 5%; top: 16%; width: 6%; animation-name: cloudmove2; animation-delay: 1s;}

.main .tower_sect .img_box .img .building1 {width: 25%; transition: .7s;transform: translateY(70%)}
.main .tower_sect .img_box .img .building2 {width: 15%; margin-left: 10px; transition: .7s; transform: translateY(20%)}
.main .tower_sect .img_box .img .building3 {width: 15% ; transition: .7s; transform: translateY(30%)}
.main .tower_sect .img_box .img .building4 {width: 15%; margin-left: 10px; transition: .7s;}

.main .tower_sect .img_box .img .tower {width: 30%; margin: 0 15px; transition: .7s; transform: translateY(20%)}

.main .tower_sect .img_box.active .img img {transform: translateY(4px); opacity: 1}
.main .tower_sect .img_box.active .img .building1 {transition-delay: 0.5s}
.main .tower_sect .img_box.active .img .building2  {transition-delay: 0.8s}
.main .tower_sect .img_box.active .img .building3 {transition-delay: 0.7s}
.main .tower_sect .img_box.active .img .building4 {transition-delay: 0.6s}

.main .tower_sect .img_box.active .img .tower {transition-delay: 1.0s}
.main .tower_sect .img_box.active .img .cloud { opacity: 1; transition-delay: 1.1s}

@keyframes cloudmove{
    0%, 100%{transform:translateY(0);}
    50%{transform:translateY(-10px);}
}

@keyframes cloudmove2{
    0%, 100%{transform:translateY(0);}
    50%{transform:translateY(10px);}
}

.main .tower_sect .bg_line { position: absolute; bottom: 0px; left: 0; width: 100%; z-index: -1; }
.main .tower_sect .bg_line::before { content: ""; background-color: #fff; position: absolute; right: 0; top: -3px; width: 100%; height:103%; transition: ease-in-out 2s; display: block;}
.main .tower_sect .bg_line.active::before { width: 0%; }

.main .load_sect {margin-top: 360px; position: relative; display: flex; justify-content: flex-end;}
.main .load_sect .in {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%;}
.main .load_sect .left_box {width: 35% ;}
.main .load_sect .left_box .head_text {font-size: 24px; margin-top: 20px; font-weight: 700; margin-top: 35px;}
.main .load_sect .left_box .text {font-size:18px; margin-top: 30px;}
.main .load_sect .left_box .text p + p {margin-top: 30px;}
.main .load_sect .left_box .arr_btn_box {margin-top: 40px;}

.main .load_sect .right_box {width: 55%;}
.main .load_sect .right_box .swiper-slide {width: 40%;margin-right: 100px;position: relative;max-width: 450px;}
.main .load_sect .right_box .swiper-slide.tall1 { width: 25%; }
.main .load_sect .right_box .swiper-slide.tall2 { width: 18%; }
.main .load_sect .right_box .swiper-slide.tall3 { width: 30%; }

.main .load_sect .right_box .swiper-slide .img {filter : grayscale(100); transition: all .3s;}
.main .load_sect .right_box .swiper-slide-active .img {filter: grayscale(0);}
.main .load_sect .right_box .swiper-slide p {position: absolute; top: -20px; right: -5px; transform: translate(100%,0) rotate(90deg); transform-origin: left bottom;font-size: 15px;}


.main .standard_sect { padding-top: 300px; }
.main .standard_sect .tit { font-size: 120px; font-weight: 300; color: #0e2e56; }
.main .standard_sect .img { position: relative; width: 55%; margin:auto; text-align: center; margin-top: 40px}
.main .standard_sect .img img { position: relative; width: 100%; z-index: 10; }

.main .standard_sect .shape1 { position: absolute; left: -30%; bottom: 5%; width: 45%; z-index: 5; }
.main .standard_sect .shape2 { position: absolute; right: -28%; top: -5%; width: 50%; z-index: 5; }


.main .awards_sect {padding: 260px 0 260px;}
.main .awards_sect .swiper-slide { position: relative; z-index: 1; display: flex; }
.main .awards_sect .swiper-slide.swiper-slide-active { z-index: 10; }
.main .awards_sect .img_box {width: 50%;}
.main .awards_sect .text_box {width: 50%; padding-left: 80px;padding-top: 70px; display: flex; flex-direction: column; align-items: flex-start;}
.main .awards_sect .text_box .txt {font-size: 18px;margin-top: 35px;}
.main .awards_sect .text_box .arr_btn_box {margin-top: 40px;}

.main .awards_sect .paging_btn {display: inline-flex;align-items: center; margin-top: auto;}
.main .awards_sect .swiper-button-next,
.main .awards_sect .swiper-button-prev {position: static; margin: 0; width: auto; height: auto; font-size: 18px; transition: all .3s; color: #c1c1c1;}
.main .awards_sect .swiper-pagination {position: static;  font-size: 18px; font-weight: 700; margin: 0 30px}
.main .awards_sect .swiper-pagination span {color: #c1c1c1;}
.main .awards_sect .swiper-pagination .barSpace {margin: 0 15px; }
.main .awards_sect .swiper-pagination .swiper-pagination-current {color: #1a1c1e}





.main .num_sect { background: #0e2e56; position: relative;}
.main .num_sect > .in {position: absolute; height: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex; justify-content: flex-end;}
.main .number-img-li {  width: 35%; padding-top: 30%; position: relative;}
.main .number-img-li > li {overflow: hidden; opacity: 1; transition: opacity 1s; position: absolute; left: 0; top: -1px; width: 100%; height: 100%;}
.main .number-img-li > li.on { opacity: 1; }
.main .number-img-li > li img { position: absolute; left: 0; top: 0; object-position: center; object-fit: cover; width: 100%; height: 100%;}
.main .number-img-li > li video{position: absolute; left: 0; top: 0; object-position: top; object-fit: cover; width: 100%; height: 100%;}
.main .number-img-li > li iframe{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 153%; height: 100%;}
.main .number-txt {  display: flex; flex-direction: column; height: 100%; justify-content: center; width: 60%;}
.main .number-desc-li { position: relative; }
.main .number-desc-li > li { position: absolute; opacity: 1; transition: opacity 1s; top: 0; left: 0; }
.main .number-desc-li > li.on { opacity: 1; }
.main .number-desc-li > li > p { color: #fff; font-size: 30px; font-weight: 600; }
.main .number-num-li { display: flex; align-items:center; justify-content: space-between; height: 156px; margin-top: 100px;}
.main .number-num-li > li { color: rgba(255,255,255,0.3); margin-right: 50px; }
.main .number-num-li > li:last-of-type { margin-right: 0; }
.main .number-num-li > li.on { color: #fff; }
.main .number-num-li > li > div > strong { font-size: 76px; line-height: 1; transition: 1s; font-weight: 300;display: inline-block;}
.main .number-num-li > li.on > div > strong { font-size: 100px; font-weight: 500; font-family: 'Poppins', sans-serif;}
.main .number-num-li > li > div > span { font-size: 26px; line-height: 1; transition: color 1s; }
.main .number-num-li > li.on > div > span { font-size: 38px; }
.main .number-num-li > li > div > p { font-size: 22px; line-height: 1; transition: color 1s , opacity 1s; text-align: center;font-weight: 300; margin-top: 10px; opacity: 0}
.main .number-num-li > li.on > div > p {font-weight: 500; opacity: 1 }
.main .number-num-li > li > p { margin-top: 30px; opacity: 0; transition: opacity 1s; font-size: 20px; }
.main .number-num-li > li.on > p { opacity: 1; }
.main .number-bar-wrap { height: 4px; ; background:rgba(255,255,255,0.15); overflow: hidden; margin-top: 100px;}
.main .number-bar { height: 100%; width: 0; background: #fff;}


.board-tab-button {display: flex; column-gap: 40px; margin-bottom: 15px; overflow: hidden;}
.board-tab-button a {font-size: 26px; color: #858585; position: relative;}
.board-tab-button a.on {color: #1F2F53; font-weight: 600;}
.board-tab-button a::before {content: ''; position: absolute; top: 10px; left: -20px; width: 1px; height: 23px; background-color: #C1C2C1;}
.main .notice_sect  {margin-top: 260px;}
.main .notice_sect .in .cont_box{display: flex ;}
.main .notice_sect .left_box {width: 60%; min-width: 0;}
.main .notice_sect .tit {font-weight: 700; font-size: 26px; margin-bottom: 10px;}
.main .notice_sect .left_box .list {border-top: 1px solid #000;}
.main .notice_sect .left_box .list li a {display: flex; align-items:center; padding: 26.4px 20px; border-bottom: 1px solid #c1c2c1; transition: all .3s; }

.main .notice_sect .left_box .list li .text {font-size: 28px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right: 20px; min-width: 0; width: 100%}
.main .notice_sect .left_box .list li .date {font-size: 17px; color: #838483; margin-left: auto;flex-shrink: 0;}
.main .notice_sect .right_box {width: 40%;margin-left: 60px;padding-top: 0px !important; flex-shrink: 0;}
.main .notice_sect .right_box .img_box {padding-top: 72%; position: relative;}
.main .notice_sect .right_box .img_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.main .notice_sect .right_box .swiper-pagination-bullet {background: #fff; margin: 0 12px; opacity: 1; width: 6px; height: 6px; position: relative;}
.main .notice_sect .right_box .swiper-pagination-bullet:before {content: ""; width: 18px; height: 18px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0);background-color: #fff;border-radius: 50%; opacity: 0.2;transition: all .3s; }
.main .notice_sect .right_box .swiper-pagination-bullet-active::before {transform: translate(-50%,-50%) scale(1);}

.main .keep_sect {margin: 260px 0 120px 0;}
.main .keep_sect .move_box {font-family: 'Poppins', sans-serif; font-weight: 300; color: #0e2e56; font-size: 120px; display: flex; justify-content: flex-end; line-height: 1; }
.main .keep_sect .move_box p{transform: translate(0%,18px)}

.main .keep_sect .slide_box {max-width: 2600px; margin: 0 auto}
.main .keep_sect .slide_box .img_box {padding-top: 70%; position: relative}

.main .keep_sect .slide_box .img_box .img  {background-position: center; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%}
.main .keep_sect .slide_box .img_box a { display: block; z-index: 10; }
.main .keep_sect .slide_box .img_box .img:before {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; opacity: 0.2; transition: all .3s}

.main .keep_sect .slide_box .img_box .text_box {position: absolute; left: 25px; bottom: 20px;  font-weight: 600; font-size: 22px; color: #fff; width: 100%}


/*.main .epilogue_sect .pointer {position:fixed;background-color: #e1582c ;border-radius: 50%; transition:all .3s ease-out;  pointer-events: none; left: 0; top: 0;  z-index: 10; display: flex;*/
/*    align-items: center; justify-content: center;width: 20px; height: 20px; opacity: 0; color: #fff}*/
/*.main .epilogue_sect .pointer.on {  width:120px; height:120px;  opacity: 1 }*/


.footer {background-color: #0e2e56; color: #fff; position: relative; margin-top: auto}
.footer .top_box {padding: 85px 0 80px; display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.3)}
.footer .top_box .left_box .num_box .tit{font-weight: 600; font-size: 28px}
.footer .top_box .left_box .num_box .phone {font-weight: 500; font-size: 48px; margin-top: 20px; font-family: 'Poppins', sans-serif;}
.footer .top_box .left_box .num_box .add {font-size: 22px; margin-top:10px; }
.footer .top_box .left_box .icon_box { margin-top: 40px; display: flex;}
.footer .top_box .left_box .icon_box a {font-size: 20px; display: flex; align-items: center; font-weight: 500; position: relative; transition: all .3s}
.footer .top_box .left_box .icon_box a i {margin-right: 10px}
.footer .top_box .left_box .icon_box a + a:before {content: ""; width: 1px; height: 15px; background-color: rgba(255,255,255,0.3);  margin: 0 15px}
.footer .top_box .left_box .icon_box a:hover span {opacity: 0.7}
.footer .top_box .left_box .icon_box a:hover i { opacity: 0.7 }
.footer .top_box .left_box .btn_box.mo {display: none}

.footer .top {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	padding-block: 37px 33px;
}
.footer .top .inner {
	display: flex;
	align-items: center;
}
.footer .cert {
	display: flex;
	align-items: center;
	column-gap: 23px;
}
.footer .cert .image {
	width: 100px;
}
.footer .cert .tit {
	font-size: 21px;
	line-height: 24px;
	font-weight: 300;
    letter-spacing: 0;
}
.footer .cert .period {
	font-size: 10px;
	line-height: 26px;
	color: #fff;
	opacity: 0.6;
	letter-spacing: 0;
    font-weight: 300;
    margin-top: 1px;
}


.footer .top_box .right_box .time_list li{display: flex;font-size: 20px; }
.footer .top_box .right_box .time_list li + li {margin-top: 12px}
.footer .top_box .right_box .time_list .day { font-weight: 600;width: 91px; flex-shrink: 0; margin-right: 35px}

.footer .logo_box {padding: 70px 0; display: flex; flex-wrap: wrap; margin: 0 -50px;}
.footer .logo_box .logo { height: 75px; position: relative; width: 20%; }
.footer .logo_box .logo:nth-child(n+6) {margin-top: 50px}

.footer .logo_box .logo img {position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%,-50%); object-position: center; object-fit: contain}

.footer .logo_box .logo:nth-child(2) img {width: 40%}
.footer .logo_box .logo:nth-child(3) img {width: 60%}
.footer .logo_box .logo:nth-child(4) img {width: 60%}
.footer .logo_box .logo:nth-child(5) img {width: 40%}
.footer .logo_box .logo:nth-child(6) img {width: 60%}
.footer .logo_box .logo:nth-child(7) img {width: 65%}
.footer .logo_box .logo:nth-child(8) img {width: 40%}
.footer .logo_box .logo:nth-child(9) img {width: 45%}
.footer .logo_box .logo:nth-child(10) img {width: 55%}



.footer .bot_box {padding: 30px 0 70px;  border-top: 1px solid rgba(255,255,255,0.3); }
.footer .bot_box .top_text {font-size: 20px; display: flex; align-items: center; flex-wrap: wrap;}
.footer .bot_box .top_text a { transition: all 0.3s; }
.footer .bot_box .top_text a + a {margin-left: 20px}
.footer .bot_box .top_text a.em {font-weight: 600}
.footer .bot_box .top_text .login_box { margin-left: auto; font-size: 22px; font-weight: 500; letter-spacing: -0.7px; display: flex; align-items: center; gap: 0 60px;}
.footer .bot_box .top_text .login_box i {margin-right: 5px; font-size: 19px;}
.footer .bot_box .top_text .login_box .btn + .btn {margin-left: 0; cursor: pointer; position: relative;}
.footer .bot_box .top_text .login_box .btn + .btn::before {content: ''; position: absolute; top: 8px; left: -30px; width: 1px; height: 20px; background-color: #576d89;}
.footer .bot_box .cont_box {display: flex; margin-top: 40px; }
.footer .bot_box .cont_box .logo {width: 240px; margin-right: 50px; flex-shrink: 0}
.footer .bot_box .cont_box .text_box {display: flex; align-items: flex-end;justify-content: space-between; flex: 1;transform: translateY(-10px)}
.footer .bot_box .cont_box .text_box .text {font-size: 18px;}
.footer .bot_box .cont_box .text_box .text .mo_txt + .mo_txt { margin-left: 15px; }
.footer .bot_box .cont_box .copy_light {font-size: 18px; margin-left: auto}

.footer_info {width: 630px; display: flex; flex-wrap: wrap; gap: 5px 30px; overflow: hidden;}
.footer_info > li {position: relative;}
.footer_info > li::before {content: ''; position: absolute; top: 8px; left: -15px; width: 1px; height: 15px; background-color: rgba(255,255,255,0.3);}
.footer_info a {font-family: 'Noto Sans KR';}

.footer .top_btn_box {width: 80px; height: 80px; position: fixed;right: 60px; bottom: 20px ;border-radius: 50%; z-index: 10; opacity: 0;
    background-color: #1daadb; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: background 0.3s ease-in-out , opacity .5s}
.footer .top_btn_box.show {opacity: 1}
.footer .top_btn_box.fixed {position: absolute; top: -20px; bottom: auto;transform: translateY(-100%) }
.footer .top_btn_box .top_btn {font-size: 28px; cursor: pointer; width: 100%; height: 100%; }
.footer .top_btn_box i {transition: 0.3s ease-in-out;  color: #fff;}

.lang-select {display: flex; margin-left: auto;}
.lang-select .title-box {display: flex; align-items: center; font-size: 22px; color: #fff; font-weight: 500;}
.lang-select .title-box img {width: 24px; margin-right: 15px;}
.lang-select .lang {display: flex; gap: 0 42px; margin-left: 60px;}
.lang-select .lang a {font-size: 22px; color: #fff; margin-left: 0 !important; position: relative; letter-spacing: -0.7px;}
.lang-select .lang a:not(:first-child)::before {content: ''; position: absolute; top: 8px; left: -21px; width: 1px; height: 20px; background-color: #576d89;}


/*수술영상*/
 .YouTubePopUp-Wrap{ position:fixed; width:100%; height:100%; background-color:#000; background-color:rgba(0,0,0,0.8); top:0; left:0; z-index:9999999999999;}

 .YouTubePopUp-animation{ opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;  -webkit-animation-name: YouTubePopUp; animation-name: YouTubePopUp; }
  @-webkit-keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } }
  @keyframes YouTubePopUp { 0% { opacity: 0; } 100% { opacity: 1; } }
 .YouTubePopUp-Content{  max-width:900px; display:block; margin:0 auto; height:100%; position:relative;}
 .YouTubePopUp-Content iframe{ max-width:100% !important; width:100% !important; display:block !important; height:480px !important; border:none !important; position:absolute; top: 0; bottom: 0; margin: auto 0; }
 .YouTubePopUp-Hide{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: YouTubePopUpHide; animation-name: YouTubePopUpHide; }
  @-webkit-keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } }
  @keyframes YouTubePopUpHide { 0% { opacity: 1; } 100% { opacity: 0; } }
  .YouTubePopUp-Close { position:absolute; top:0; cursor:pointer; bottom:528px; right:0px; margin:auto 0; width:24px; height:24px; transition: all 0.3s; }
  .YouTubePopUp-Close:before { content: '\f00d'; position: absolute; right: 0; top: 50%; color: #fff; font-family: 'Font Awesome 6 Pro'; transform: translateY(-50%); font-size: 26px; }

 .YouTubePopUp-Close:hover{ opacity:0.5; }

.play-video img {width: 24px; vertical-align: middle; margin-top: -4px; margin-right: 10px;}
.video-modal {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); z-index: 1000;}
.intro-video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.video-modal .close {position: absolute; top: -50px; right: 0; width: 40px; height: 40px;}
.video-modal .close::before {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg);}
.video-modal .close::after {content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 100%; background-color: #fff; transform: translate(-50%, -50%) rotate(-45deg);}
.video-modal .video-wrap {width: 960px; aspect-ratio: 960 / 540;}
.video-wrap iframe {width: 100%; height: 100%; object-fit: cover;}

 @media all and (max-width: 768px) and (min-width: 10px){
     .YouTubePopUp-Content{
         max-width:90%;
     }
 }

 @media all and (max-width: 600px) and (min-width: 10px){
     .YouTubePopUp-Content iframe{
         height:320px !important;
     }

     .YouTubePopUp-Close{
         bottom:362px;
     }
 }

 @media all and (max-width: 480px) and (min-width: 10px){
     .YouTubePopUp-Content iframe{
         height:220px !important;
     }

     .YouTubePopUp-Close{
         bottom:262px;
     }
 }
/*수술영상끝*/

/* 구글리뷰 */
#googleReview {
	margin-top: 200px;
}
.QqUEG {
	font-family: 'Pretendard', sans-serif;
}
.before_login {
	margin-top: 20px;
	text-align: center;
	background-color: rgb(248, 248, 248);
	border-radius: 8px;
	padding-block: 40px;
}
.before_login .txt {
	font-size: 16px;
}
.before_login a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 195px;
	height: 50px;
	border-radius: 4px;
	border: 2px solid var(--blue);
	color: var(--blue);
	font-weight: 500;
	letter-spacing: -0.4px;
	font-size: 16px;
	margin-top: 20px;
}
.before_login a:hover {
	background-color: var(--blue);
	color: #fff;
	font-weight: 400;
}

/* 메인영상 */
.main-video {
    padding-top: 260px;
}
.main-video .inner {
	position: relative;
	aspect-ratio: 16 / 6.1;
}
.main-video iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: middle;
	border: 0;
}
.bg_box {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 50%;
    width: 100%;
    background-color: #fff;
}





@media (max-width: 2000px){
    .header {padding: 10px 80px 0}
    .main .visual_sect .text_box {width: 1640px}
    .main .page_wrap .text_box.control {width: 1640px}
	.main .visual_sect .detail {width: 1640px;}
}



@media (max-width: 1800px){
    .header {padding:30px 60px 0}
    .header .nav .deps1 > li > a {font-size: 18px;}
    .main .visual_sect .text_box .tit {font-size: 70px; height: 95px}
    .main .visual_sect .text_box .text {font-size: 30px; height: 45px}
    .main .sect_title {font-size: 40px}
    .main .skill_sect .right_box .text_box .txt {font-size: 40px}

    .main .number-num-li > li {margin-right: 35px}
    .main .number-num-li > li > div > strong {font-size: 66px}
    .main .number-num-li > li.on > div > strong {font-size: 100px}
    .main .number-num-li > li > div > span {font-size: 22px}
    .main .number-num-li > li.on > div > span {font-size: 34px}
    .main .number-num-li > li > div > p {font-size: 22px}
    .header .nav {margin-top: 30px; padding-left: 40px}

    .footer .logo_box {margin: 0}
}

@media (max-width: 1640px){
    .in {width: 100%; padding: 0 45px}
    .in2 {width: 100%; padding: 0 45px}

    .sub_top_visual .lnb {left: 45px}

    .header {padding: 10px 60px 0 45px}
    .header .logo {width: 180px}
    .header .nav .deps1 > li > a {font-size: 16px; padding: 0 20px 30px}
    .header .right .top {margin-right: -12px}
    .header .right .top .language {font-size: 16px}

    .main .visual_sect {padding-top: 50%}
    .main .visual_sect .text_box .tit {font-size: 60px; height: 80px}
    .main .visual_sect .text_box .text {font-size: 26px; height: 35px}

    .main .counsel .in form {display: block}
    .main .counsel .form_box {margin-left: 0}

    .main .counsel .in {flex-wrap: wrap}
    .main .counsel .form_box {width: 100%; margin-top: 30px}
    .main .counsel .form_box .inp_box {display:flex}
    .main .counsel .form_box .inp_box span {flex-shrink: 0; margin-right: 10px}
    .main .counsel .form_box .inp_box input[type="text"] {width: 100%; }
    .main .counsel .form_box .btn {flex-shrink: 0}

    .main .skill_sect .right_box {margin-left: 70px; padding-top: 60px}
    .main .skill_sect .right_box .text_box {margin-top: 50px;}
    .main .sect_title {font-size: 38px; }
    .main .skill_sect .right_box .text_box .txt {font-size: 38px}
    .arr_btn_box {width: 35px}
    .main .skill_sect .left_box .icon_wrap {width: 220px; height: 220px;}
    .main .skill_sect .left_box .icon_wrap .icon {width: 80px; height: 80px}

    .main .load_sect .in { transform: none; height: auto; position: static; width: 45%; margin-right: 80px; padding-right: 0}
    .main .load_sect .left_box {width: 100%}

    .main .load_sect .right_box .swiper-slide {margin-right: 60px; width: 50%}
    .main .number-img-li {padding-top: 47%; }
    .main .number-bar-wrap {margin-top: 80px}
    .main .number-num-li > li.on > div > strong {font-size: 80px}
    .main .number-num-li > li > div > span {font-size: 20px}
    .main .number-num-li > li.on > div > span {font-size: 30px}
    .main .number-num-li > li > div > p {font-size: 20px}
    .main .number-desc-li > li > p {font-size: 28px}

    .main .notice_sect .left_box .list li a {padding: 30px 20px}
    .main .notice_sect .left_box .list li .text {font-size: 18px}
    .main .notice_sect .right_box {height: 355px}
    .main .notice_sect .right_box .swiper-container {height: 100%}
    .main .notice_sect .right_box .img_box {height: 100%; padding-top: 0}
    .main .keep_sect .slide_box .img_box .text_box {font-size: 20px}

    .footer .top_btn_box {bottom: 60px}
    .footer .top_btn_box.fixed {top: -60px}

    .footer .top_box .right_box .time_list li {font-size: 18px}
    .footer .top_box .left_box .num_box .tit {font-size: 24px}
    .footer .top_box .left_box .icon_box a {font-size: 18px}
    .footer .top_box .left_box .num_box .add {font-size: 18px}
    .footer .bot_box .cont_box .text_box{flex-direction: column; align-items: flex-start; justify-content: flex-start}
    .footer .bot_box .cont_box .copy_light {margin-left: 0; margin-top: 15px}
    .footer .bot_box .cont_box .text_box .text{font-size: 16px}
    .footer .top_box .left_box .icon_box {margin-top: 30px}

    .main .tower_sect .text_box{padding-left: 0}

}

    .header .right .top .language a:hover span {opacity: 0.7}
    .header .nav .deps1 > li .deps_2 li > a:hover:before {width: 100%}
    .main .keep_sect .slide_box .img_box a:hover .img:before {background-color: #0e2e56; opacity: 0.7}

    .header .nav .deps1 > li:hover .deps_2 {
        opacity: 1;
        bottom: 0;
        visibility: inherit;
    }

    .header .nav .deps1 > li:hover > a::after {
        transform: translateY(-30px);
        opacity: 1;
    }

    .main .counsel .form_box .search.btn:hover {background-color: #000;color: #fff;}

    .main .counsel .form_box .app_btn:hover:before { transform: scaleX(1); }

    .arr_btn_box a:hover img {
        transform: translateX(20px)
    }

    .main .load_sect .right_box .swiper-slide:hover .img {
        filter: grayscale(0)
    }

    .main .awards_sect .swiper-button-next:hover,
    .main .awards_sect .swiper-button-prev:hover {
        color: #1a1c1e;
    }

    .main .notice_sect .left_box .list li a:hover {background-color: #f9f9f9}

    .footer .top_btn_box:hover {
        background-color: #000
    }

    .footer .top_btn_box:hover i {
        transform: translateY(-10px)
    }