/**** panel ****/
.panel-wrap .panel .panel-title { position:relative; cursor:pointer; }
.panel-wrap .panel .panel-content { display:none; }
.panel-wrap .panel .icon-panel { position:absolute; right:5%; top:50%; width:16px; height:16px; transform:translate(0, -50%); }
.panel-wrap .panel .icon-panel::before, .panel-wrap .panel .icon-panel::after { content:""; position:absolute; background-color:#686868; transition:transform 0.25s ease-out, opacity 0.25s ease-out; }
.panel-wrap .panel .icon-panel::before { top:0; left:50%; width:2px; height:100%; margin-left:-1px; }
.panel-wrap .panel .icon-panel::after { top:50%; left:0; width:100%; height:2px; margin-top:-1px; }
.panel-wrap .panel .icon-panel.open::before { transform:rotate(-45deg); opacity: 0;  }
.panel-wrap .panel .icon-panel.open::after {  }

/**************************************************
* 1 - main-sect-visual
**************************************************/
.main-section { position:relative; min-height:576px; max-height:1200px; height:100vh; overflow:hidden; background-color:#000; }
.main-section .pc-only { display:block; }
.main-section .mo-only { display:none; }
.main-section .container-fluid, .main-section .main-visual-slide { height:100%; }
.main-visual-slide .main-visual-item-bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; overflow:hidden; }

#main_video { opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%; height:100%; object-fit: contain; margin:0 auto; }
/* #main_video.full { width:110%; height:110%; } */
.swiper-slide-active #main_video { opacity: 1; }
.main-visual-item iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:100%;height:100%;object-fit:contain;margin:0 auto; }
/* @media (max-width: 1800px) {
    #main_video.full { width:135%; height:135%; }
} */
@media (max-width: 1024px) {
    .main-visual-item iframe,
    #main_video.full,
    #main_video { width: 100%; height:auto;object-fit:contain; }
    .main-section { min-height:346px; max-height:100vh; height:60vw; }
}

.main-visual-slide .swiper-slide.main-visual-item01,
.main-visual-slide .swiper-slide.main-visual-item02 { background: #000; }
.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg { background:url("../img/main_visual03.jpg") no-repeat 50% 50%/ cover; }
.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { background:url("../img/main_visual01.jpg") no-repeat 50% 50%/ cover; }


.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg,
.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg,
.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg,
.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transition:all 4s linear; -webkit-transition:all 4s linear; -moz-transition:all 4s linear; -ms-transition:all 4s linear; -o-transition:all 4s linear; background-position:center 50%; }

.main-visual-slide .swiper-slide-active.main-visual-item01 .main-visual-item-bg,
.main-visual-slide .swiper-slide-active.main-visual-item02 .main-visual-item-bg,
.main-visual-slide .swiper-slide-active.main-visual-item03 .main-visual-item-bg,
.main-visual-slide .swiper-slide-active.main-visual-item04 .main-visual-item-bg { transform:scale(1); -wekit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); background-position:center 0; }

.main-visual-item .main-visual-content { position:absolute; left:50%; top:47%; transform:translate(-50%, -50%); width:100%; text-align:center; color: #fff; }
.main-visual-item .main-visual-content h2 { font-size:1.563rem; color: #fff; font-weight: 100; letter-spacing: 2px;  }
.main-visual-item .main-visual-content .txt01 { font-size:2.75rem; line-height:1.4;  letter-spacing: 2px; color: #fff; font-weight: 200; }
.main-visual-item .main-visual-content .txt02 { font-size:2rem; line-height:1.4;  letter-spacing: 2px; color: #fff; font-weight: 200; }
.main-visual-item .main-visual-content .txt03 { font-size:1.063rem; line-height:1.4;  letter-spacing: 2px; color: #fff; font-weight: 200; }
.main-visual-item .main-visual-content img + h2 { margin-top: 1rem;}
.main-visual-item .main-visual-content h2 + p { margin-top: 2rem;}
.main-visual-item .main-visual-content .txt02 +  .txt01 { margin-top: 1rem;}
.main-visual-item .main-visual-content .txt01 +  .txt03 { margin-top: 1.4rem;}
.main-visual-item .main-visual-content strong { font-weight: 500;}

.main-visual-item01 .main-visual-content h2 em { font-size: 3rem; letter-spacing: 2px;}

.main-visual-slide .swiper-slide .slide-ani { overflow:hidden; }
.main-visual-slide .swiper-slide .slide-ani .txt-ani { transition-property:transform; transition-duration:1.65s; transform:translateY(-100%); display:block;}
.main-visual-slide .swiper-slide-active .slide-ani .txt-ani { transform:translateY(0); }

.main-visual-slide .swiper-slide .slide-ani .txt-ani { transition-delay:0.6s; }
.main-visual-slide .swiper-slide h2.slide-ani .txt-ani { transition-delay:0.2s; }

.main-visual-slide .swiper-slide.main-visual-item01 .slide-ani .txt-ani { transition-delay:0.3s; }
.main-visual-slide .swiper-slide.main-visual-item01 h2.slide-ani .txt-ani { transition-delay:0.2s; }

/* svg style */
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets { width:auto; height:auto; top:0%; left:3%; right:auto; text-align:center; padding:0; margin: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 2rem;}
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet { position: relative; width:9.5px; height: 9.5px; margin: 0; font-size: 0.938rem; border-radius:100%; padding:0; border: 2px solid rgba(255, 255, 255, 0.5); background:none; opacity: 0.5; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet:hover { opacity: 1; transition: opacity 0.2s;}
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active {width:15px; height: 15px; border:none; background:none;  border: none; border-radius:100%; padding:0; opacity:1; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > .circ { display:none; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -ms-transform:rotate(-90deg); -o-transform:rotate(-90deg); }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active > .circ { display:block; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > .circ > circle { stroke-dasharray:80px; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > .circ > .circ1 { stroke-dashoffset:80px; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet-active > .circ > .circ1 { --circle-duartion: 0;  animation:circ1 calc(1s * var(--circle-duration)) forwards linear; -webkit-animation:circ1 calc(1s * var(--circle-duration)) forwards linear; -moz-animation:circ1 calc(1s * var(--circle-duration)) forwards linear; -ms-animation:circ1 calc(1s * var(--circle-duration)) forwards linear; -o-animation:circ1 calc(1s * var(--circle-duration)) forwards linear; }
.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > p { position: absolute; width: 12.5rem; text-align: left; left: 2rem; top: 50%; transform: translateY(-50%); color: #fff; text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2); font-size: 0.938rem; white-space: noWrap; }

@keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}
@-webkit-keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}
@-moz-keyframes circ1 {
	0% { stroke-dashoffset:80px; }
	100% { stroke-dashoffset:40px; }
}

@media (max-width:1024px){
	.swiper-pagination.main-slide-pagination.swiper-pagination-bullets { flex-direction: row; top: auto; bottom: 5%; left: 50%; transform: translateX(-50%);}
	.swiper-pagination.main-slide-pagination.swiper-pagination-bullets > .swiper-pagination-bullet > p { display: none;}
}
@media (max-width:639px) {
	.main-section .pc-only { display:none; }
	.main-section .mo-only { display:block; }
	.main-visual-item .main-visual-content { top:45%; }
	
	.swiper-pagination.main-slide-pagination { top:62%; }
	
/* 	.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg { background:url("../img/main_visual01_m.jpg") no-repeat 50% 50%/ cover; }
	.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg { background:url("../img/main_visual02_m.jpg") no-repeat 50% 50%/ cover; }
	.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg { background:url("../img/main_visual03_m.jpg") no-repeat 50% 50%/ cover; }
	.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { background:url("../img/main_visual04_m.jpg") no-repeat 50% 50%/ cover; }
	 */	
	.main-visual-slide .swiper-slide.main-visual-item01 .main-visual-item-bg,
	.main-visual-slide .swiper-slide.main-visual-item02 .main-visual-item-bg,
	.main-visual-slide .swiper-slide.main-visual-item03 .main-visual-item-bg,
	.main-visual-slide .swiper-slide.main-visual-item04 .main-visual-item-bg { transform:scale(1.15); -webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transition:all 3.5s linear; -webkit-transition:all 3.5s linear; -moz-transition:all 3.5s linear; -ms-transition:all 3.5s linear; -o-transition:all 3.5s linear; background-position:center 50%; }

	.main-visual-slide .swiper-slide-active.main-visual-item01 .main-visual-item-bg,
	.main-visual-slide .swiper-slide-active.main-visual-item02 .main-visual-item-bg,
	.main-visual-slide .swiper-slide-active.main-visual-item03 .main-visual-item-bg,
	.main-visual-slide .swiper-slide-active.main-visual-item04 .main-visual-item-bg { transform:scale(1); -wekit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); background-position:center 0; }
	.main-visual-item .main-visual-content h2 { font-size:1.3rem; }
	.main-visual-item .main-visual-content .txt01 { font-size:2.1rem; letter-spacing: 1px; }
	.main-visual-item .main-visual-content .txt02 { font-size:1.6rem; letter-spacing: 1px; }
	.main-visual-item .main-visual-content .txt03 { font-size:1rem; }
	.main-visual-item .main-visual-content .txt02 + .txt01 { margin-top: 0.5rem; }
}


/**************************************************
* 1 - main_bnf
**************************************************/
.main_sect { padding: 9rem 0 4rem; position: relative;}
.main_sect + .main_sect { padding: 7rem 0 4rem;}
.main_tit { text-align: center; line-height: 1.4;}
.main_tit .tit01 { color: #a3bcc6; font-weight: 600; font-size: 1.063rem;	}
.main_tit .tit02 { font-size: 2.375rem; margin-top: 1.6rem;}
.main_tit .tit03 { font-size: 1.063rem; margin-top: 1.6rem;}
.main_tit strong { font-weight: 600;}
.main_tit em { color: #a3bcc6; }
.main_tit .tit_btn { display: inline-block; color: #939393; font-size:1.063rem; margin-top: 1.6rem; letter-spacing: 0; border-bottom: 1px solid #939393; position: relative; transition: 0.2s;}
.main_tit .tit_btn::before { content: ""; display: block; position: relative;width: 0; height: 0;border-style: solid; border-width: 5px 0px 5px 8.66px; border-color: transparent transparent transparent #939393; position: absolute;  right: -1rem; top: 30%;  transition: 0.2s;}
.main_tit .tit_btn:hover{ color: #a3bcc6;  border-bottom: 1px solid #a3bcc6;  }
.main_tit .tit_btn:hover::before { color: #a3bcc6; border-color: transparent transparent transparent #a3bcc6;  }

.main_bnf_tabBtn { display: flex; justify-content: center; align-items: center; margin-top: 2.5rem; gap: 1rem; position: relative;}
.main_bnf_tabBtn::before { content:' '; display: block; width: 28.813rem; height:10.25rem ; background:url("../img/main_bnf_backTxt.png") no-repeat 50% 50%/ cover;  color: #7b9dab; position: absolute; bottom: -5px; left: 8%;} 
.main_bnf_tabBtn a { display: inline-block; font-size: 1.2rem; color: #939393; border: 1px solid rgba(168,192,202,0); border-radius: 50%; width: 7.6rem; text-align: center; padding: 1rem 0; 	transition: all 0.2s;}
.main_bnf_tabBtn a:hover { color: #000;font-family: 'KoPubWorld_Dotum_Medium'; border: 1px solid rgba(168,192,202,0.95);  }
.main_bnf_tabBtn a.on {  color: #000; font-family: 'KoPubWorld_Dotum_Medium';  border: 1px solid rgba(168,192,202,0.95);  }

.main_bnf .inner {display: none; justify-content: center; align-items: flex-start; gap: 0 0; margin-top: 3rem; max-width:1920px; margin-left:auto; margin-right:auto;}
.main_bnf .inner.show { display: flex;}
.main_bnf .inner em { color: #a8c0ca; font-weight: 600;} 
.main_bnf .left { width: 35%; max-height: 600px;}
.main_bnf .right { width: 50%;}
.main_bnf_swiper_mini { height:600px;}
.main_bnf_swiper_mini .swiper-slide-active { height: auto !important; }
.main_bnf_swiper_mini ul{ display: flex; justify-content: flex-start; align-items: center; margin: 2rem 0; gap: 1rem;	 }
.main_bnf_swiper_mini .swiper-slide-active ul { align-items: flex-start;}
.main_bnf_swiper_mini li { position: relative; } 
.main_bnf .pr_txt { line-height: 1.3; }
.main_bnf .info { padding-left: 1rem; font-size: 1.3rem; margin: 2rem 0; cursor: pointer;}  
.main_bnf_swiper_mini .desc { display: none; }
.main_bnf .descBtn { position: absolute; bottom: 6px; right: 1rem; font-size: 1rem; color: #555555; border-bottom: 1px solid #555; display: none; }
.main_bnf .swiper-slide-active .descBtn { display: block; } 
.main_bnf_swiper_mini .swiper-slide { height: auto; border-top: 1px solid rgba(201,201,201,0.95);} 
.main_bnf .swiper-slide-active .desc { display: block;}
.main_bnf_swiper_mini .pr_img img { filter: grayscale(1) opacity(0.6); border: 2px solid  rgba(152,180,198,0); border-radius: 100%;}
.main_bnf_swiper_mini .swiper-slide-active .pr_img img { filter: grayscale(0) opacity(1); border: 2px solid  rgba(152,180,198,1); }

.main_bnf_swiper ul {display: flex; justify-content: center; align-items: flex-start; gap: 0 2rem; }
.main_bnf_swiper ul li { position: relative; border-radius: 10px; overflow: hidden;}
.main_bnf_swiper ul li  p.tag {position: absolute; width: calc(100% - 1px); height: 3rem; line-height: 3rem;text-align: center; bottom: 0; right: 0; font-size: 1.563rem; color: #fff; font-weight: 500;	}
.main_bnf_swiper ul li.b_img .login_img > p {  background: #4d4d4d; }
.main_bnf_swiper ul li.a_img > p.after {  background: #a3b9c7; }

.main_bnf_swiper .notice { margin-top: 1rem; font-size: 1rem; color: #666666; text-align: center; line-height: 1.45; }

@media (max-width: 768px) {
    /* .main_bnf_swiper .notice br { display: none; } */
}
@media (max-width: 480px) {
    .main_bnf_swiper ul li  p.tag {height: 8.125vw; line-height: 8.125vw; }
}

.main_circle_wrap{
    position:absolute; top:44%; left:97%; width:34.75rem; height:34.75rem; border-radius:100%; z-index:-1;
    background-color:transparent;
    border:1px solid rgba(196, 196, 196, 0.2); 
    opacity:1; visibility:visible;
    transform: translate(-50%,-50%) translateZ(0); 
    -webkit-transform: translate(-50%,-50%) translateZ(0);
    -moz-transform: translate(-50%,-50%) translateZ(0);
    -ms-transform: translate(-50%,-50%) translateZ(0);
    -o-transform: translate(-50%,-50%) translateZ(0);
    animation: main_cont02_circle 15s infinite linear;
    -webkit-animation: main_cont02_circle 12s infinite linear; 
    -moz-animation: main_cont02_circle 12s infinite linear; 
    -ms-animation: main_cont02_circle 12s infinite linear; 
    -o-animation: main_cont02_circle 12s infinite linear;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s; 
    -moz-animation-delay:0.5s; 
    -ms-animation-delay:0.5s; 
    -o-animation-delay:0.5s;
}
.main_circle_wrap02{
	 top:28%; left:0%;
    animation: main_cont02_circle 12s infinite linear;
    -webkit-animation: main_cont02_circle 12s infinite linear; 
    -moz-animation: main_cont02_circle 12s infinite linear; 
    -ms-animation: main_cont02_circle 12s infinite linear; 
    -o-animation: main_cont02_circle 12s infinite linear;
}
.main_circle{
    position:absolute; 
    top:50%; left:-0.4375rem;
    width:0.875rem; height:0.875rem;
    background-color:#a3b9c7;
    border-radius:100%;
}
.main_circle02{top:auto;  left:60%; background-color:#a3b9c7;}
@keyframes main_cont02_circle {
    0% {
        transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
    }
    100% {
        transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
    }
}
@-webkit-keyframes main_cont02_circle {
    0% {
        transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(0deg);
    }
    100% {
        transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -webkit-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -moz-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -ms-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
        -o-transform:translate(-50%,-50%) translateZ(0) rotate(360deg);
    }
}
/**************************************************
* 2 - main_vids
**************************************************/
.main_sect.main_vids { padding: 6rem 0 10rem;}
.main_vids_tabBtn { display: flex; justify-content: center; align-items: center; margin-top: 2.5rem; gap: 1rem; position: relative;	}
.main_vids_tabBtn::before { content:'Professional'; font-family: 'FreightBigProBook'; display: block; font-size: 94px; color: #556e7e; opacity: 0.1; position: absolute; bottom: 3rem; right: 3%; } 
.main_vids_tabBtn a { display: inline-block; font-size: 1.2rem; color: #939393; border: 1px solid rgba(168,192,202,0); border-radius: 50%; width: 16.6rem; text-align: center; padding: 1.5rem 0; transition: 0.2s;}
.main_vids_tabBtn a:hover { color: #000; font-family: 'KoPubWorld_Dotum_Medium'; border: 1px solid rgba(168,192,202,0.95);  }
.main_vids_tabBtn a.on {  color: #000; font-family: 'KoPubWorld_Dotum_Medium'; border: 1px solid rgba(168,192,202,0.95);  }

.main_vids .inner {display: none;  margin-top: 3rem;  }
.main_vids .inner.show { display: block;}
.vids_wrap { margin: 0 auto; width: 84.375%; max-width:540px; text-align:center; transition: 1s ease-in-out;}
.vids_wrap video { width: 100%; }
.on .vids_wrap { max-width:780px; }
@media (max-width: 960px) {
    .vids_wrap { max-width: 60%;  }
}


/**************************************************
* 2 - main_advantage
**************************************************/
.main_sect.main_advantage { padding: 8rem 0 14rem; background:url("../img/main_advantage_bg.jpg") no-repeat 50% 23%/ cover; }
.main_advantage_inner {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;width: 1280px; margin: 0 auto; padding: 6rem 0 8rem; position: relative; z-index: 1; }
.main_advantage_inner.mo { display: none;}
.main_advantage_inner .num { position: absolute; color: #fff; font-family: 'Capitolium_Light'; border: 1.5px solid #fff; border-radius: 50%;	 font-size: 1.813rem; width: 4rem; height: 4rem; line-height: 4rem; text-align: center; top: 3rem;}
.main_advantage_inner li { position: relative; width: 50%;display: flex; flex-direction: column; align-items: center; width: 31.438rem;transition: 0.3s ease-out; }
.main_advantage_inner li:nth-of-type(2) { margin-top: 10rem;}
.main_advantage_inner li:nth-of-type(3) {}
.main_advantage_inner li:nth-of-type(4) { margin-top: 11rem;}
.main_advantage_inner li img { transition: 0.3s linear;}
.main_advantage_inner li > a { position: relative; }
.main_advantage_inner li > a img { transition: 0.5s ease; } 
.main_advantage_inner li > a .activeImg { opacity: 0; position: absolute; top: 0; left: 0;}
.main_advantage_inner.pc li:hover > a .activeImg { opacity: 1;}
.main_advantage_inner.pc li:hover > a .defaultImg { opacity: 1;}
.main_advantage_txt { padding: 2rem  0 1rem; text-align:center; line-height: 1.4;}
.main_advantage_txt .txt01 { font-size: 1.313rem; font-weight: 500;}
.main_advantage_txt .txt02 { font-size: 2.688rem; font-weight: 600; color: #a3b9c7; margin-top: 1.3rem; }
.main_advantage_txt .txt03 { font-size: 1.063rem; font-weight: 400; margin-top: 1.4rem; }
.main_advantage_txt.white {  color: #fff;  }
.main_advantage_txt.white .txt02 {  color: #fff;  }
.main_advantage_inner li .floatimg { position: absolute; bottom: -4rem; right: -10rem;}

.main_advantage_fadeIn{
    opacity:0; visibility:hidden;
    transform:translateY(200px) translateZ(0);
    -webkit-transform:translateY(200px) translateZ(0); 
    -moz-transform:translateY(200px) translateZ(0); 
    -ms-transform:translateY(200px) translateZ(0); 
    -o-transform:translateY(200px) translateZ(0);
    transition: 0.5s ease; 
    -webkit-transition: 0.5s ease; 
    -moz-transition: 0.5s ease; 
    -ms-transition: 0.5s ease; 
    -o-transition: 0.5s ease;
}
.main_advantage_fadeIn.active{
    opacity:1; visibility:visible;
    transform:translateY(0) translateZ(0); 
    -webkit-transform:translateY(0) translateZ(0); 
    -moz-transform:translateY(0) translateZ(0); 
    -ms-transform:translateY(0) translateZ(0); 
    -o-transform:translateY(0) translateZ(0);
    transition:  1.5s ease; 
    -webkit-transition:  1.5s ease; 
    -moz-transition:  1.5s ease; 
    -ms-transition:  1.5s ease; 
    -o-transition:  1.5s ease;
}

.main_advantage .bttm{ width: 100%; height: 53rem; background:url("../img/main_adv_bttm_bg.jpg") no-repeat 50% 50%/ cover; position: absolute; bottom:0; z-index: 0; }
.main_advantage .bttm .bttm_img { position: absolute; bottom: 26%; left: 33%; }

.main_advantage .main_circle_wrap{ z-index: 0; top: 22%;}
.main_advantage .main_circle_wrap02{ top: 64%; left: 6%;}

.main_advantage_controllers { display: none;}

/**************************************************
* 3 - main_doctor
**************************************************/
.main_sect.main_doctor {  padding: 10rem 0 4rem; background:url("../img/main_doctor_bg.jpg") no-repeat 50% 50%/ cover;  }
.main_doctor .main_tit { text-align: left; padding-left: 7rem; }
.main_doctor_btn { opacity: 0.8; color: #252525; border: 1px solid rgba(130,130,130,0.6); display: flex; gap: 0.5rem; align-items: center;  justify-content: center; width: 14.188rem; height: 2.5rem; margin-top: 2rem; transition: 0.2s; }
.main_doctor_btn:hover { color: #fff; border: 1px solid #a3bcc6; background: #a3bcc6;}
.main_doctor_btn.mo { display: none;}
.main_doctor_btn i { width: 2.688rem; height: 0.438rem; background:url("../img/main_doctor_arrow.png") no-repeat 50% 50%/ cover; }
.main_doctor_btn:hover i {  background:url("../img/main_doctor_arrow_c.png") no-repeat 50% 50%/ cover; }
.main_doctor .inner { display: flex; align-items: flex-end; margin:0 7rem 0 0; position: relative;}
.main_doctor .left { width:77.25rem; max-width: 70%; margin-right: 4.3rem;}
.main_doctor .left .slider_wrap { position: relative;}
.main_doctor .left .slider_wrap.mo { display: none;}
.main_doctor .left .slider_wrap::before { content:' '; display: block; width: 463px; height:121px ; background:url("../img/main_doctor_backTxt.png") no-repeat 50% 50%/ cover;  color: #7b9dab; position: absolute; top: 23%; left: 8%;} 
.main_doctor .right { position: relative;  max-width: 24.1146vw; }
.main_doctor .top_txt { text-align: right;  margin-bottom: 0.8rem; }
.main_doctor .top_txt >p { margin-top: 0.8rem; line-height: 1.4; }
.main_doctor .r_txt { position: absolute; bottom: 2rem; left: 2rem; }
.main_doctor .txt01 { font-size: 1.25rem;  color: #90bad4;  padding-bottom: 0.8rem; border-bottom: 1px solid #90bad4; letter-spacing: 0;   }
.main_doctor .txt02 { font-size: 1.25rem; color: #fff; margin-top: 0.8rem;   }
.main_doctor .txt02 strong{ font-size: 2.563rem;  font-weight: 600; letter-spacing: 5px; margin-right: 0.5rem;  }
.main_doctor_swiper .swiper-wrapper { align-items: flex-end; }
.main_doctor_swiper .swiper-slide { display: flex; flex-direction: column; align-items: center;  justify-content: center; overflow: hidden; border-bottom: 3px solid #d7d7d7;  width: 312px;	}
.main_doctor_swiper .swiper-slide.swiper-slide-active {border-bottom: 3px solid #98b4c6; }
.main_doctor_swiper .swiper-slide > img { transform: scale(0.8); transition: transform 0.2s ease-in;  transform-origin: bottom center; cursor: pointer;}
.main_doctor_swiper .swiper-slide-active > img { transform: scale(1);   }
.main_doctor_swiper .swiper-slide .say { text-align: left; font-size: 1.05rem; opacity: 0; line-height: 1.3; position: relative; padding: 3rem 0; }
.main_doctor_swiper .swiper-slide .say span {  font-size: 6.938rem; font-family: 'Marcellus-Regular';  color: #a3bcc6; position: absolute;  }
.main_doctor_swiper .swiper-slide .say span.q_l { top:-1rem; left: 0; }
.main_doctor_swiper .swiper-slide .say span.q_r { bottom: -4.5rem ; right: 0; }
.main_doctor_swiper .swiper-slide .say strong { font-family: 'KoPubWorld_Dotum_Bold'; unicode-bidi: plaintext; }
.main_doctor_swiper .swiper-slide .say * { text-align: left; }
.main_doctor_swiper .swiper-slide.swiper-slide-active .say { opacity: 1; unicode-bidi: plaintext; }

.main_doct_big_swiper .swiper-slide {  }

.rotate-bg { position: absolute; top: 4%; left: -14%; z-index: 2; width: 167px; height: 167px;}
.rotate-bg img { animation:rotate 10s linear infinite; }
@keyframes rotate{
	0%{ transform: rotate(0deg);}
	100%{ transform: rotate(360deg);}
}

@media (min-width: 1921px) {
    .main_doctor .right { max-width: 463px; }
}

/**************************************************
* 4 - main_tube
**************************************************/
.main_sect.main_tube {  padding: 10rem 0 8rem; background:url("../img/main_tube_bg.jpg") no-repeat 50% 50%/ cover; }
.main_tube .main_tit { text-align: left; }
.main_tube .main_tit i { width: 1.938rem; height: 1.438rem; background:url("../img/main_tube_titIcon01.png") no-repeat 50% 50%/ cover;  display: inline-block;  margin-bottom: 2px;}
.main_tube .main_tit .tit01 { display: flex; align-items: center; gap: 0.4rem; }
.main_tube .inner {margin: 0 7rem; display: flex; align-items: flex-start; justify-content: flex-start; max-width:1920px;}
.main_tube_tabBtn { margin-top: 2.9rem; }
.main_tube_tabBtn a { display: flex; align-items: center;  justify-content: space-between; padding: 2.5rem 2rem;width: 29.438rem; border-radius: 20px; color: #fff; font-size: 1.25rem;line-height: 1.3; position: relative; transition: 0.2s; } 
.main_tube_tabBtn a::before { content:""; display:block; width: 100%; height: 100%; border: 4px solid #8abdcb; border-radius: 20px;  position: absolute; top: 0; left: 0; opacity: 0; }
.main_tube_tabBtn a.on::before {opacity: 1; }
/*.main_tube_tabBtn a:hover::before {opacity: 1; }*/
.main_tube_tabBtn a strong { font-weight: 600;}
.main_tube_tabBtn a span { display: inline-block; font-family: 'KoPubWorld_Dotum_Light'; font-size: 13px; letter-spacing: 0.5px;}
.main_tube_tabBtn a:nth-child(1) { background:url("../img/main_tube_tabBtn_bg01.jpg") no-repeat 50% 50%/ cover #a4a69c; }
.main_tube_tabBtn a:nth-child(2) { background:url("../img/main_tube_tabBtn_bg02.jpg") no-repeat 50% 50%/ cover #a8b3bd; }
.main_tube_tabBtn a i { width: 2.875rem; height: 2.875rem; background:url("../img/main_tube_arrow.png") no-repeat 50% 50%/ cover; } 
.main_tube_tabBtn a + a { margin-top: 1.5rem;}
.main_tube_btn { opacity: 0.8; color: #252525; border: 1px solid rgba(130,130,130,0.6); display: flex; align-items: center;  justify-content: center; width: 14.188rem; height: 2.5rem; margin-top: 1rem; gap: 0.5rem; transition: 0.2s; }
.main_tube_btn:hover { color: #fff; border: 1px solid #a3bcc6; background: #a3bcc6;}
.main_tube_btn i { width: 2.688rem; height: 0.438rem; background:url("../img/main_doctor_arrow.png") no-repeat 50% 50%/ cover; }
.main_tube_btn:hover i {  background:url("../img/main_doctor_arrow_c.png") no-repeat 50% 50%/ cover; }
.main_tube_btn.mo { display: none;}

.main_tube .left { width: 40%; }
.main_tube .right {display: none; width: 53%;  }
.main_tube .right.show { display: block;}
.main_tube .right .bttm { margin-top: 2rem; position: relative;}
.main_tube .top { display: flex; align-items: flex-end; justify-content: flex-start;    gap: 2rem; } 
.main_tube .r_txt { margin-bottom:3rem; }
.main_tube .r_txt p { line-height: 1.3; }
.main_tube .play-area { width: 592px; height: 333px; }
.main_tube .play-area iframe { width: 100%; height: 100%;}

#youtube-slide-navigation { position: relative; margin-top: 2rem;  }
#youtube-slide-navigation .swiper-button-prev { width: 10px; height: 16px; background:url("../img/main-youtube-prev.png") no-repeat center/ 100% auto; top: auto; bottom: -3px; }
#youtube-slide-navigation .swiper-button-next { width: 10px; height: 16px; background:url("../img/main-youtube-next.png") no-repeat center/ 100% auto; top: auto; bottom: -3px; }
#youtube-slide-pagination { position: static;}
#youtube-slide-pagination { display: flex; align-items: center; justify-content: center; gap: 3px; }
#youtube-slide-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #c3c3c3; opacity: 1;}
#youtube-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; background: #a3b9c7 }

#youtube-bt-slide-navigation.mo { display: none; }
	#youtube-slide-navigation { display: none;}
	#youtube-slide-pagination { display: none;}
	#youtube-bt-slide-navigation.mo {  position: relative;margin: 2rem auto 0; min-width: 100px; display: block; position: absolute;top: -5rem;right: 1rem;}
	#youtube-bt-slide-navigation .swiper-button-prev { width: 10px; height: 16px; background:url("../img/main-youtube-prev.png") no-repeat center/ 100% auto; top: auto; bottom: -3px; }
	#youtube-bt-slide-navigation .swiper-button-next { width: 10px; height: 16px; background:url("../img/main-youtube-next.png") no-repeat center/ 100% auto; top: auto; bottom: -3px;  }
	#youtube-bt-slide-pagination { position: static;}
	#youtube-bt-slide-pagination { display: flex; align-items: center; justify-content: center; gap: 3px; }
	#youtube-bt-slide-pagination .swiper-pagination-bullet { width: 6px; height: 6px; background: #c3c3c3; opacity: 1;}
	#youtube-bt-slide-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 8px; height: 8px; background: #a3b9c7 }

.tube_inner02 { position:relative;}
.main_shorts_swiper { padding-bottom: 3rem; }
.main_shorts_swiper .play-area  { width: 289px; height: 514px; }
.main_shorts_pagination.swiper-pagination-progressbar { bottom:0rem; top:auto;  width:100%;; height:3px; padding:0; left: 0%; margin:0 auto; background:rgba(50,50,50,0.1); }
.main_shorts_pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background:#3d4170; }
.swiper-button-prev.main_shorts_prev{
    top:49%; left:-8%; width: 25px; height: 47px; opacity:1; background: url(../img/main_peo_prev.png) 50% 50%/100% no-repeat; 
}
.swiper-button-next.main_shorts_next{
    top:49%; right:-8%; width: 25px; height: 47px; opacity:1; background: url(../img/main_peo_next.png) 50% 50%/100% no-repeat; 
}
.swiper-button-prev.main_shorts_prev::after, .swiper-button-next.main_shorts_next::after { display: none;}
   
.main_tube .right .bttm { max-width: 46.2rem; }
 .main_tube_bttm_swiper .swiper-slide { width:11.25rem; margin-right: 5px;}  
/*  .main_tube_bttm_swiper .swiper-slide.swiper-slide-active::before { content:""; display:block; width: 100%; height: 100%; border: 3px solid #8abdcb;  position: absolute; top: 0; left: -1px;  } */

/**************************************************
* 5 - main_people
**************************************************/
.main_people .inner { max-width: 1560px; margin: 3rem auto 0; position: relative;}

.main_people_swiper .swiper-wrapper {  }
.main_people_swiper .swiper-slide { width: 17.563rem; margin : 0 1rem;}
.main_people .swiper-button-prev { width: 25px; height: 47px; background:url("../img/main_peo_prev.png") no-repeat center/ 100% auto;  opacity:0.6;  left: -3rem; }
.main_people .swiper-button-next { width: 25px; height: 47px; background:url("../img/main_peo_next.png") no-repeat center/ 100% auto;  opacity:0.6; right: -3rem; }
.swiper-button-next:after, .swiper-button-prev:after { display: none; }



/**************************************************
* 6 - main_review
**************************************************/

.main_review .inner { margin: 3rem auto 0; position: relative;}
.main_review_btn { opacity: 0.8; color: #252525; border: 1px solid rgba(130,130,130,0.6); display: flex; align-items: center;  justify-content: center; width: 15.5rem; height: 2.5rem; margin: 4rem auto 0; gap: 0.5rem; transition: 0.2s; cursor: pointer;}
.main_review_btn:hover { color: #fff; border: 1px solid #a3bcc6; background: #a3bcc6;}
.main_review_btn i { width: 2.688rem; height: 0.438rem; background:url("../img/main_doctor_arrow.png") no-repeat 50% 50%/ cover; }
.main_review_btn:hover i {  background:url("../img/main_doctor_arrow_c.png") no-repeat 50% 50%/ cover; }

.main_review_swiper .swiper-slide {width: 31.125rem; margin : 0 1rem;}

/**************************************************
* 7 - main_maps
**************************************************/
.main_maps .inner { display: flex; align-items: flex-start;  justify-content: space-between; width: 91%; margin: 1rem 0 0 auto; color: #575757; line-height: 1.4; max-width:1920px; }
.main_maps .left {  display: flex; align-items: flex-start;  justify-content: space-between;  gap:  5rem; padding-top: 6rem;}
.main_maps .left ul + ul { margin-top: 4rem;  }
.main_maps .n01 ul .subways { margin-top: 2rem;}
.main_maps .bluetit + .txt01  {margin-top: 1rem;  }
.main_maps .n01 .txt01 + .txt02 { margin-top: 1rem;  }
.main_maps .n01 .txt02 + .subway { margin-top: 1rem;  }
.main_maps .bluetit { color: #a3b9c7; font-size: 1.375rem;  font-family: 'Sorts Mill Goudy', sans-serif; display: flex; align-items: center;  justify-content: flex-start;}
.main_maps .bluetit i {width: 8px; height: 8px; background:  #a3b9c7; display: inline-block; transform: rotate(45deg); margin-right: 9px; }
.main_maps .bluetit span { font-size: 1.063rem; margin-left: 9px; }
.main_maps .n01 .txt01 { font-size: 1.188rem; } 
.main_maps .n01 .txt01 span { font-size: 1.125rem;} 
.main_maps .n01 .txt02 { font-size: 1.125rem; text-align: right;} 
.main_maps .txt03 { font-size: 2.5rem; } 
.main_maps .subways .subway {display: flex; align-items: center;  justify-content: flex-start; gap: 0.3rem;   }
.main_maps .moreBtn { font-size: 1rem; color: #a3b9c7; display: inline-block; margin: 1rem 0 0 auto; border-bottom: 1px solid #a3b9c7 ; }
i.subway_2 {  display: inline-block; width: 3.5rem; height: 1.688rem; background:url("../img/subway_2_icon.png") no-repeat 50% 50%/ cover;  }
i.subway_9 {  display: inline-block; width: 3.5rem; height: 1.688rem; background:url("../img/subway_9_icon.png") no-repeat 50% 50%/ cover;  }
i.subway_bun {  display: inline-block; width: 4.563rem; height: 1.75rem; background:url("../img/subway_bun_icon.png") no-repeat 50% 50%/ cover;  }
.main_maps .n02 .txt01 { font-size: 1.188rem; } 
.main_maps .n02 .txt01 + .txt01 { margin-top: 0.8rem;  }
.main_maps .n02 .subtxt { font-size: 1.063rem; color: #a3b9c7; margin-top: 1rem; } 
.main_maps .reservation .btn_wrap { display: flex; align-items: center;  justify-content: flex-start; margin-top: 1rem; gap: 1rem; }
.main_maps .reservation a { width: 9.813rem; height: 2.938rem; border-radius: 10px; display: flex; align-items: center;  justify-content: center; gap: 0.6rem; font-family: 'KoPubWorld_Dotum_Medium';}
.main_maps .reservation .naver { background: #36a14b; color: #fff;}
.main_maps .reservation .naver i { width: 23px; height: 23px; background:url("../img/main_maps_naver_icon.png") no-repeat 50% 50%/ cover; } 
.main_maps .reservation .kakao { background: #ffeb44;}
.main_maps .reservation .kakao i { width: 23px; height: 21px; background:url("../img/main_maps_kakao_icon.png") no-repeat 50% 50%/ cover; } 

.main_maps .time li p {display: flex; align-items: center;  justify-content: flex-start; gap: 2rem;}
.main_maps .time .t1 { display: flex; width: 5.8rem; justify-content: space-between;} 
.main_maps .right { position: relative;}
.map_wrap { position: absolute; width: 42.313rem; right: 7rem;	margin-top: 8rem;  }

/* #youtube-slide { position:relative; width:100%; }
#youtube-slide .imgbox { width:100%; aspect-ratio:16/9; border:1px solid #c3c3c3; }

#youtube-slide .navigation-wrap { position:relative; padding-left:4%; 
margin:10px 0; } #youtube-slide .swiper-navigation span { display:inline-block; 
width:10px; height:16px; cursor:pointer; z-index:45; } #youtube-slide 
.swiper-navigation .swiper-prev { 
background:url("../../../img/icon-arrow-prev02.png") no-repeat center/ 100% 
auto; } #youtube-slide .swiper-navigation .swiper-next { 
background:url("../../../img/icon-arrow-next02.png") no-repeat center/ 100% 
auto; }

#youtube-slide .swiper-pagination { position:relative; display:inline-block; 
margin:0 15px; display:inline-flex; align-items:center; justify-content:center; 
transform:translateY(-30%); } #youtube-slide .swiper-pagination 
.swiper-pagination-bullet { margin:2px 4px; background-color:#c3c3c3; width:6px; 
height:6px; opacity:1; } #youtube-slide .swiper-pagination 
.swiper-pagination-bullet-active { margin:0 4px; background-color:#b1bd46; 
width:10px; height:10px; } */

.swiper-navigation >span { cursor:pointer;}