#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}



/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
   .shotsmv, .shotsmv_d, .shotsmv_img { width:320px; height:568px; }
   .hnb-t2 { display:block; }
   .hnb-t1 { display:block; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
   .shotsmv, .shotsmv_d, .shotsmv_img  { width:320px; height:568px; }
   .hnb-t2 { display:block; }
   .hnb-t1 { display:block; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
   .shotsmv, .shotsmv_d, .shotsmv_img  { width:180px; height:320px; }
   .hnb-t2 { display:none; }
   .hnb-t1 { display:none; }
}

#PCMEMO { display:block; padding:0;  }
#PCMEMO img { width:100%;max-width:1920px; }
#MOMEMO { display:none; }
#MOMEMO img { width:100%; }

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:top;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:var(--fsize1);
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}





body, html{
width:100%;
overflow-x:hidden !important;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}


.slick-track{
display:flex;
}
.slick-slide {
display:block;
}


.quick{
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap:10px;
position:fixed;
right:10px;
top:220px;
z-index:999999;
}
.quick ul{
box-sizing: border-box;
border-radius:var(--radius2);
background:var(--bg3);
padding:15px 0;
}
.quick ul li a{
display:flex;
align-items: center;
flex-direction: column;
gap:2px;
font-size:var(--fsize5);
color:#fff;
padding:5px 0;
width:100px;
}
.quick ul li:first-child a{
border-top-width:0;
}
.quick ul li a img{
width:25px;
}
.quick-top{
display:flex;
width:80px;
height:80px;
background:var(--bg4);
justify-content: center;
align-items: center;
border-radius:9999px;
flex-direction: column;
color:#fff;
font-weight:600;
cursor:pointer;
font-size:var(--fsize6);
line-height:1.2;
letter-spacing: 0em;
}
.quick-top i{
color:#e3c5a1;
font-size:1.25em;
}


header {
width:100%;
z-index:999999;
box-sizing:border-box;
transition: .3s ease;
border-bottom:1px var(--bdcolor1) solid;
position:fixed;
top:0;
left:0;
}

header.drop,
header.on{
background:rgba(255,255,255,0.8);
box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}
header.drop .header-area{
height:60px;
}
.header.drop .header-logo a{width:200px;}
.header.drop .logo-color{display:block;}
.header.drop .logo-white{display:none;}
.header.drop .open-btn{border-color:var(--color4); color:var(--color4); width:32px; height:32px;}


.header-area{
display:flex;
align-items: center;
justify-content: space-between;
gap:5px;
width:96%;
max-width:1400px;
margin:0 auto;
height:80px;
}
.header-logo{
flex-grow: 1;
}
.header-logo a{
width:250px;
display:block;
}
.header-logo a img{ /* width:100%; */ height:35px; }
.logo-color{display:none;}


.header-btn{
flex-shrink: 0;
display:flex;
align-items: center;
height:28px;
border-radius:var(--radius1);
color:var(--color1);
font-size:var(--fsize6);
gap:3px;
padding:0 10px;
border:var(--border1) 1px solid;
box-sizing:border-box;
}
.lang-box{
position:relative;
padding:2px 0;
}
.lang-btn{
flex-shrink: 0;
display:flex;
align-items: center;
height:28px;
border-radius:var(--radius1);
color:#fff;
background:var(--bg5);
font-size:var(--fsize6);
gap:3px;
padding:0 10px;
}
.lang-list{
position:absolute;
height:0;
opacity:0;
transition: all 0.2s;
width:100%;
left:0;
display:flex; flex-direction: column;
background:var(--color12); padding:10px; border-radius:var(--radius1);
box-sizing:border-box;
margin-top:1px;
}
.lang-list a{
color:rgba(255, 255, 255, 0.8); display:flex; gap:5px; 
align-items: center; font-size:0.75em;
}
.lang-box:hover .lang-list{
display:block;
opacity:1;
height:auto;
}
.lang-list a img{
border-radius:2px; overflow: hidden;
width:20px;
}

.all-menu-area{
display:none;
}


.header-gnb {
transition: .3s ease;
width:100%;
border-bottom:1px var(--bdcolor1) solid;
}

.header-gnb .gnb{
width:96%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
display:flex;
}

.header-gnb .gnb > li {
position:relative;
text-align:center;
box-sizing:border-box;
vertical-align:top;
flex-grow: 1;
}

.header-gnb .gnb > li:hover > a{
font-weight:600;
color:var(--color2);
}
.header-gnb .gnb a{
font-size:var(--fsize2);
} 
.header-gnb .gnb > li > a {
display:block;
position:relative;
font-weight:600;
letter-spacing:0em;
height:55px;
line-height:55px;
width:100%;
}

.header-gnb .gnb > li > ul:after{
content:"";
display:block;
background:url(img/menu-arrow.png);
width:12px;
height:7px;
position:absolute;
top:-7px;
left:50%;
margin-left:-6px;
}
.header-gnb .gnb > li > ul{
height:0;
position:absolute;
z-index:9999;
opacity:0;
left:50%;
margin-left:-100px;
overflow:hidden;
}
.header-gnb .gnb > li:hover > ul {
height:auto;
display:block;
top:50px;
transition: .3s ease;
background: rgba(255, 255, 255, 0.9);
opacity:1;
width:200px;
box-sizing:border-box;
padding-top:10px;
padding-bottom:10px;
}
.header.on .header-gnb .gnb > li > ul{
position:unset;
}

.header-gnb .gnb > li:hover > a{
font-weight:700;

}

.header-gnb .gnb > li > ul li {
height:2em;
line-height:2em;
}

.header-gnb .gnb > li > ul li:first-child{
border-top-width:0;
}

.header-gnb .gnb > li > ul li a {
display:block;
font-weight:300;
font-size:0.85em;
}
.header-gnb .gnb > li > ul li a:hover{
font-weight:600;
}

.all-menu-area{
display:none;
}

.close-btn{
position:absolute;
right:20px;
top:20px;
z-index:99999;
width:60px;
height:60px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
font-size:25px;
background:var(--color12);
border-radius: var(--radius1);
}

.open-btn{
display:flex;
align-items: center;
justify-content: center;
font-size:var(--fsize2);
box-sizing:border-box;
width:38px;
height:38px;
flex-shrink: 0;
border:1px #e0e0e0 solid;
border-radius: var(--radius1);
color:#fff;
margin-right:10px;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
left:-200px; 
z-index:999999999; 
transition: left 1s; 
overflow:visible; 
background:#000;
margin-left:0;
left:auto;
border:0;
}

.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
left: 0;
z-index: 44;
}
.menu{
position:relative;
z-index:55; 
width:100vw; 
left:auto; 
right:0; 
overflow-x:hidden; 
overflow-y:auto; 
height:100vh; 
background:#fff;
text-align:left;
box-sizing:border-box;
padding:100px;
display:flex;
flex-wrap:wrap;

}
header .menu{
line-height:1.5em;
}

.menu > li{
display:block;
width:25%;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
margin-bottom:30px;
padding-bottom:30px;
border-bottom:1px rgba(0,0,0,0.2) solid;

}

.menu > li > ul > li{
padding:5px 0;
}

.menu > li > a{
height:30px;
line-height:30px;
font-weight:800;
display:block;
width:100%;
}

.menu > li > ul > li > a{
display:block;
}








/********************* main *********************************/
/*레이어 롤링팝업*/
.rolling-popup{
width:100vw;
height:100vh;
position:absolute;
z-index:99999999;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
background:rgba(0,0,0,0.9);
}
.rp-box{
width:80%; max-width:1280px; overflow:hidden;
border-radius:var(--radius1);
background:var(--color10); 
}

.rps-area{
width:100%;
}
.rps-a-pc{
width:100%; padding-top:51.56%; position:relative;
overflow:hidden;
}
.rps-a-mo{
width:100%; padding-top:140%; position:relative;
overflow:hidden; display:none;
}
.rps-area a{
width:100%; height:100%; 
position:absolute; left:0; top:0;
display:flex; justify-content: center; align-items: center;
}
.rps-area img{
width:100%;
}
.rp-nav{margin:0px 0 1px;}
.rp-nav .slick-track{ 
display:flex; gap:1px; width:100% !important;
}
.rp-nav .slick-slide{
flex-grow: 1; color:#fff; text-align:center; font-weight:700;
background:var(--color12); padding:10px 0;
cursor:pointer;
}
.rp-foot{
display:flex; justify-content: space-between; align-items: center;
 background:var(--bg5);
}
.rp-foot a{
background:transparent; color:#fff; font-size:0.85em; opacity:0.8; cursor:pointer;
padding:10px 20px; display:inline-block;
}


/*visual*/
#visual .slick-track{
gap:0;
}
#visual{
width:100%;
height:100vh;
background:var(--bg5);
overflow:hidden;
position:relative;
z-index:333;
}
/*#visual:after{
display:block;
width:100%;
height:250px;
content:"";
position:absolute;
left:0;
bottom:-2px;
background-image:url(img/visual-bg.png);
background-size:100%;
background-position:50% 110%;
z-index:9999;
background-repeat:no-repeat;
}*/
.va-ment{
position:absolute;
width:1400px;
height:100vh;
margin:0 auto;
left:50%;
margin-left:-700px;
top:30px;
z-index:999;
display:flex;
flex-direction: column; 
justify-content: center;
box-sizing:border-box;
color:#fff;
line-height:1.1;
gap:20px;
animation: fade_txt 1s forwards;
animation-delay: 5s;
text-align:left;
}

.vam-t1{
font-size:40px;
color:#baa687;
text-transform: uppercase;
letter-spacing: 0.1em;
}

.vam-t2{
font-size:65px;
color:#2d3136;
font-weight:700;
}
.vam-t3{
color:#64676b;
font-size:35px;
font-family: 'Arita buri';
font-weight:500;
}

.visual-area{
position:relative;
z-index:11;
}
.va-box{
position:relative;
text-align:right;
}

.va-img{
position:relative;
width:100%;
height:100vh;
background-size:cover;
background-position:40% 0;
}

.va-img img{
height:100%;
}
.vai-mo{display:none;}

.visual-video{width:100%; position:relative; padding-top:56.25%; z-index:66;}
.visual-video iframe{position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

#visual .slick-list{
position:relative;
z-index:1;
}

#visual .slick-arrow{
position: absolute;
text-align: center;
top: 50%;
margin-top: -45px;
right:50px;
z-index: 99999999;
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
font-size: 32px;
color: var(--color2);
border-radius:9999px;
background:rgba(255,255,255,0.8);
cursor:pointer;
}
#visual .slick-arrow i{
margin-top:-2px;
}
#visual .slick-prev{
left:50px;
}
#visual .slick-dots{display:flex !important; position:absolute; gap:5px;
left:0; bottom:200px; z-index:99; width:1400px; left:50%; margin-left:-700px; font-size:0;}
#visual .slick-dots button{background:#fff; border-radius:999px; font-size:0; width:15px; height:15px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); opacity:0.5;}
#visual .slick-dots .slick-active button{opacity:1;}
#mVisual { position:relative; width:100%; height:100vh; overflow:hidden;}



.main{
background-image:url(img/m-bg1.jpg);
background-color:#f8f8f7;
background-size:cover;
background-position:50% 0;
padding-bottom:140px;
}
.main2{
background:url(img/m-bg2.jpg);
padding-bottom:140px;
}

.main-tit{
text-align:center;
margin-bottom:60px;
position:relative;
z-index:11;
}
.mt1{
/*font-family: "Cormorant Garamond";*/
font-weight:700;
color:var(--color15);
font-size:var(--fsize2);
letter-spacing: 0em;
text-transform: uppercase;
}
.mt1 span{
color:var(--color14);
}
.mt2{
font-size:var(--fsize7);
font-family: 'Arita buri';
font-weight:700;
margin-top:10px;
color:var(--color15);
}
.mt2 em{
display:block;
font-weight:300;
}
.ms-area{
padding-top:140px;
width:96%;
max-width:1400px;
margin:0 auto;
position:relative;
}

.main-btn{display:flex; justify-content: center; gap:5px; margin-top:50px;}
.main-btn a{display:flex; align-items: center; padding:10px 20px; border-radius:var(--radius3);
color:var(--color10); border:1px var(--border2) solid; transition: all 0.2s}
.main-btn a i{opacity:0.7; padding-left:100px;}
.main-btn a:hover{background:var(--color4); border-color:var(--color4); color:#fff;}

.slide-arrow{
position:absolute;
left:0;
top:120px;
width:100%;
justify-content:space-between;
display:flex;
align-items: center;
z-index:22;
}
.slide-arrow button{
color:var(--color9);
font-size:var(--fsize9);
background:transparent; cursor:pointer;
}


/*코앤영 프로그램*/
.main-section1 .slide-arrow{top:110px;}
.main-section1 .slide-arrow.sub-mps-aq{
top:140px;
}
.main-pro-slide{
width:calc(100% + 30px);
margin-left:-30px;
overflow:hidden;
}
.mps-box a{
display:block;
position:relative;
width:100%;
padding-top:125%;
border-radius:var(--radius3);
overflow:hidden;
}
.mps-txt{
position:absolute;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
left:0;
top:0;
z-index:22;
color:#fff;
/*font-family: 'Arita buri';*/
font-weight:700;
font-size:var(--fsize3);
}
.mps-txt span{
opacity:0.5;
font-size:var(--fsize8);
font-family: "Cormorant Garamond";
font-weight:700;
text-transform: uppercase;
letter-spacing: 0em;
}
.mps-txt div{
width:85px;
height:85px;
opacity:0.7;
border:1px #fff solid;
border-radius:var(--radius3);
display:flex;
justify-content: center;
align-items: center;
margin-top:40px;
transition: all 0.3s;
}
.mps-box a:hover .mps-txt div{
background:#fff;
opacity:0.9;
color:var(--color2);
}
.mps-img{
position:absolute;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
left:0;
top:0;
z-index:11;
}
.mps-img img{
width:100%;
transition: all 0.3s;
}
.main-pro-slide .slick-track{
gap:0px;
}
.main-pro-slide .slick-slide{
margin-left:30px;
}
.mps-box a:hover .mps-img img{
transform:scale(1.1);    
}


.ms2-box{
display:flex;
gap:40px;
}



/*HOT한 영상*/
.hot-s-box{width:100%; position:relative; padding-top:56.25%; border-radius:var(--radius3); overflow:hidden;}
.hot-s-box iframe{position:absolute; width:100%; height:100%; left:0; top:0;}
.hot-left{flex-grow: 1; width:900px;}
.hot-right{flex-shrink: 0; width:380px; position:relative;}
.hnb-iframe{
width:100%; position:relative;padding-top:56.25%;
border-radius:var(--radius3) var(--radius3) 0 0; overflow:hidden;}
.hnb-img{position:absolute; width:100%; height:100%; display:flex; justify-content: center; align-items: center; left:0; top:0;}
.hnb-img img{width:100%;}
.hnb-iframe iframe{
position:absolute; width:100%; height:100%; left:0; top:0;}
.hnb-txt{position:relative; background:#fff;box-sizing:border-box;
padding:5px 20px;}
.hnb-new{position:absolute; right:10px; top:0; background:#c66a38; 
font-weight:700; font-size:var(--fsize5); color:#fff; padding:5px 10px;}
.hnb-t1{font-size:1.125em; font-weight:700; height:1.5em; line-height:1.5em; overflow:hidden; /*padding-right:70px;*/}
.hnb-t2{font-size:0.95em; color:var(--color3);}
.hot-nav{padding-right:10px; height:calc(100%); overflow:hidden; overflow-y:scroll;}
.hot-n-box{margin-bottom:10px; box-shadow: 1px 1px 5px rgba(0,0,0,0.2); border-radius:var(--radius3); overflow:hidden;}
.hot-nav .slick-track{flex-direction: column; gap:0px;}
.hot-nav .slick-list{height:100%;}
.hot-nav .slick-slide{margin-bottom:15px;}
.hot-nav::-webkit-scrollbar {width: 5px;}
.hot-nav::-webkit-scrollbar-track {background-color: #dadada; border-radius:999px;}
.hot-nav::-webkit-scrollbar-thumb {background:var(--color4);}
.slick--visual__paging{display:none;}
.progress-bar{height:100%; width:5px; position:absolute; top:0; right:0; border-radius:999px; background:#dadada; overflow:hidden; display:none;}
 .visual__progress {
height:auto;
    background-color: #4f698d;
    background-repeat: no-repeat;
    background-image: linear-gradient(to bottom, #4f698d);
    z-index: 2;
width:100%;
position:absolute;
top:0; right:0; 
  }
.vp-mo{display:none;}


/*쇼츠*/
.shorts-slide .slick-track{gap:30px;}
.shorts-s-box a{display:block; position:relative; border-radius:var(--radius3); overflow:hidden; 
width:320px; padding-top:177.5%;}
.shorts-thump{position:absolute; display:flex; width:100%; height:100%; left:0; top:0; justify-content: center; align-items: center;}
.shorts-thump img{max-width:100%;}
.shorts-ico{position:absolute; display:flex; width:100%; height:100%; left:0; top:0; justify-content: center; align-items: center;}
.shorts-ico img{width:60px;}


/*원장*/
.main-section4{position:relative; margin-top:-90px;}
.main-section4 .ms-area{padding-top:0;}
.ms4-bg{display:flex; width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:11;}
.ms4-bg:before{width:23%; background:url(img/doctor-bg1.png); background-size:260%; background-position:50% 100%; background-repeat:no-repeat;
content:""; display:block;}
.ms4-bg:after{flex-grow: 1; content:""; display:block; background:url(img/doctor-bg2.png); background-size:130%; 
 background-position:20% 100%; background-repeat:no-repeat;}
.doctor-box{display:flex; z-index:44; position:relative;}
.doctor-img{width:600px;}
.doctor-img img{width:100%;}
.doctor-txt{flex-grow: 1; box-sizing:border-box; display:flex; flex-direction: column; justify-content: flex-end; padding-left:120px; position:relative;
font-family: 'Arita buri'; padding-bottom:180px;}
.dt-t1{font-weight:300; font-size:var(--fsize7); color:var(--color11);}
.dt-t2{font-weight:500; font-size:var(--fsize3); color:var(--color12);}
.dt-t2 strong{font-weight:700; font-size:var(--fsize9); color:var(--color4);}
.dt-t3{font-weight:500; font-size:var(--fsize3); color:var(--color13);}
.dt-t4{font-weight:400; font-size:var(--fsize8); color:var(--color1); font-family:"SUIT"; margin-top:50px;} 
.dt-t5{position:absolute; left:-135px; bottom:-30px; font-size:125px; color:#e9e2dc; font-family: "Cormorant Garamond"; font-weight:700; opacity:0.4; line-height:1.1;}


/*내가바라는나와의 만남*/
.main-tab{display:flex; justify-content: center; align-items: center; 
gap:40px; margin-bottom:50px;}
.main-tab button{display:flex; align-items: center; gap:40px; position:relative;
background:transparent; font-weight:300; color:var(--color8);  font-family: 'Arita buri'; cursor:pointer;}
.main-tab button:hover{font-weight:600;}
.main-tab button.current{font-weight:600; color:#4f6485;}
.main-tab button p{position:relative;}
.main-tab button.current p:after{position:absolute; width:100%; height:5px; border-radius:999px;
background:rgba(166,180,201,0.6); left:0; bottom:3px; content:"";}
.main-tab button:before{content:""; display:block; width:1px; height:18px; background:#d5d5d2;}
.main-tab button:first-child:before{display:none;}

.beaf-slide{width:100%; overflow:hidden;}
.beaf-box{display:none;}
.beaf-box.current{display:block;}
.bas-box{display:flex !important;gap:1%;}
.bas-before{width:48.5%; border-radius:var(--radius3) 0 0 var(--radius3); overflow:hidden; position:relative;}
.bas-after{width:48.5%; border-radius:0 var(--radius3) var(--radius3) 0; overflow:hidden; position:relative;}
.bas-img{width:100%; padding-top:81.8%; overflow:hidden; position:relative; z-index:22;}
.bas-img > div{width:100%; height:100%; position:absolute; display:flex; justify-content: center; align-items: center; left:0; top:0;}
.bas-img > div img{width:100%;}
.bas-txt{position:absolute; z-index:99; left:0; top:0; background-color:var(--color11); padding:5px 30px; 
border-radius:0 var(--radius3) 0 0; color:#fff; font-size:var(--fsize6);} /*bottom:0;*/
.bas-after .bas-txt{left:auto; right:0; border-radius:var(--radius3) 0 0 0;}
.guest-box{position:absolute; width:110%; height:110%; z-index:88; display:flex; align-items: center;   object-fit: contain;
backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); left:-5%; top:-5%; gap:10px;
justify-content: center; flex-direction: column; background:rgba(255,255,255,0.9); color:var(--color4); opacity:0.8;}
.guest-box i{font-size:var(--fsize4);}

/*코앤영에서 진행하는 이벤트*/
.main-section6{
background-image:url(img/event-bg.png);
background-position:0% 50%;
background-repeat:no-repeat;
background-size:190px 700px;
width:100%;
}
.main-section6 .ms-area{
position:relative;
}
.main-section6 .main-tit{
text-align:left;
position:absolute;
left:50%;
margin-left:-700px;
top:140px;
}

.ms6-box{
position:relative;
display:flex;
gap:100px;
padding-top:140px;
}
.event-left{
width:50%; flex-shrink: 0;
}

.event-nav{
position:absolute;
left:50%; margin-left:-700px;
width:100%; max-width:600px;
top:500px; z-index:22;
}
.event-right{
flex-grow: 1;
width:50%;
overflow:hidden;

}
.event-right .slick-track{gap:100px;}


.main-section6 .slick-current .es-info{display:block;} 
.es-img{width:600px; position:relative; padding-top:115%;
overflow:hidden; border-radius:var(--radius3);}
.es-img a{
display: flex;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
justify-content: center;
align-items: center;
}
.es-img a img{width:100%;}
.event-info-box{

}
.pagingInfo{font-size:var(--fsize8); font-weight:300; 
color:var(--color1); top:440px;
position:absolute;  left:50%; margin-left:-700px;
}
.pagingInfo span{font-size:1.125em; font-weight:700;}
.es-txt{font-size:var(--fsize2);}
.es-txt p{font-size:1.125em; font-weight:600; margin-bottom:10px;}
.event-slide-arrow{margin-top:70px;display:flex; align-items: center;
position:absolute; left:50%; margin-left:-700px;
bottom:0;
}
.event-slide-arrow button{background:transparent; color:var(--color9); font-size:var(--fsize4); display:flex; 
align-items: center; cursor:pointer;}
.event-slide-arrow button:before{content:""; display:block; width:1px; height:44px; opacity:0.6; background:var(--color9); margin:0 10px;}
.event-slide-arrow button:first-child:before{display:none;}
.es-more{
position:absolute; left:50%; margin-left:-200px; bottom:0;
width:220px; height:220px; display:flex; justify-content: center; align-items: center;
z-index:99; font-size:var(--fsize9); color:var(--color10);
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.es-more span{
display: block;
width: 100%;
height: 100%;
background: url(img/more-text.png) center / contain no-repeat;
position: absolute;
top: 0;
left: 0;
z-index: 1;
-webkit-animation: rotate 40s linear infinite;
animation: rotate 40s linear infinite;
}


/*코앤영 셀피*/
.ms7-box{position:relative;}
.sel-slide{postion:relative; z-index:11;}
.sel-slide .slick-track{gap:100px;}
.sel-slide .slick-slide:nth-child(even){
padding-top:60px;
}
.sel-slide .slick-current{}
.ss-box{
width:385px !important;
padding-top:176%; position:relative; overflow:hidden; border-radius:var(--radius3);
}
.ss-box a{
display:flex; width:100%; height:100%; position:absolute; left:0; top:0;
justify-content: center; align-items: center;
}
.ss-box a img{
width:100%;
}
.sel-arrow{
color:var(--color9);
font-size:var(--fsize10);
background:transparent;
position:absolute;
z-index:99;
left:50%;
top:50%;
margin-top:-55px;
}
.sel-prev{
margin-left:-290px;
}
.sel-next{
margin-left:210px;
}




/*하단병원정보*/
.bottom-customer{
background:var(--bg2);
width:100%;
padding:80px 0;
}
.bottom-customer-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:50px 50px;
}
.bc-left{
flex-grow: 1;
}
.bcl-top{font-weight:700; color:var(--color5); font-size:var(--fsize2);}
.bcl-dl{margin-top:40px;}
.bcl-dl dt{display:inline-block; font-weight:700; color:var(--color4); padding:7px 30px;
font-size:var(--fsize8); border:2px var(--color4) solid; border-radius:999px;}

.bcl-ul{max-width:450px;}
.bcl-ul li{margin-top:10px; display:flex; justify-content: space-between; font-size:var(--fsize8); gap:30px;}
.bcl-ul li p{color:var(--color1);  width:220px; text-align: justify; height:28px; text-justify: distribute;}
.bcl-ul li p:after{
                content: "";
                display: inline-block;
                width: 100%; height:0;
            }
.bcl-ul li strong{color:var(--color6); font-weight:700;}
.bcl-p1{color:var(--color7); font-size:var(--fsize8); margin-top:10px; display:block;}
.bcl-p2{color:var(--color8); font-size:var(--fsize8); margin-top:10px; font-weight:700;}

.bc-right{
flex-shrink: 0;
width:720px;
display:flex;
flex-direction: column;
gap:10px;
}
.bcr-map{border-radius:var(--radius3); flex-grow: 1; overflow:hidden; box-sizing:border-box; overflow:hidden; }
.bcr-map .root_daum_roughmap .wrap_map{}
.bcr-map .root_daum_roughmap .wrap_controllers{}
.bcr-map .root_daum_roughmap .cont{display:none;}
.bcr-link{flex-shrink: 0; display:flex; justify-content: space-between; align-items: center;
padding:15px 30px; background:var(--color11); color:#fff; border-radius:var(--radius3); gap:5px; }
.bcr-link i, .bcr-link p{flex-shrink: 0; font-size:var(--fsize8);}
.bcr-link .xi-long-arrow-right{flex-grow: 1; text-align:right;}
.bc-banner{
width:100%;
}
.bc-banner ul{
display:flex;
gap:2%;
}
.bc-banner li{
width:32%; border-radius:var(--radius4);
box-sizing:border-box; padding:50px;  padding-top:120px; 
position:relative; display:flex;
flex-direction: column; justify-content: flex-end;
align-items: flex-start;
color:#fff;
}
.bc-banner li img{
width:80px;
position:absolute;
right:30px; top:30px;
}
.bcb-btn{
display:inline-block;
border-radius:9999px;
background:rgba(0,0,0,0.6);
color:#fff;
padding:10px 20px;
margin-top:15px;
transition: all 0.3s;
opacity:0.5;
}
.bcb-btn:hover{opacity:1; background:rgba(0,0,0,0.5);}
.bcb-p1{
font-size:var(--fsize2);
}
.bcb-p2, .bcb-tel{font-weight:800; font-size:var(--fsize7); color:#fff;}
.bc-b1{background:#4f698d;}
.bc-b2{background:#4ea269;}
.bc-b3{background:#eabb2d}



.foot-area{
width:96%;
max-width:1280px;
margin:0 auto;
padding:30px 0 200px;
}

.fi-top{
display:flex;
align-items: center;
gap:15px;
width:100%;
border:1px var(--bg8) solid;
border-width:1px 0 1px 0;
}
.fi-top ul{
width:100%;
max-width:1280px;
margin:0 auto;
display:flex;
align-items: center;
border-left:1px var(--bg8) solid;
}
.fi-top li{
flex-grow: 1;
border-right:1px var(--bg8) solid;
}
.fi-top a{
display:flex;
align-items: center;
justify-content: center;
flex-grow: 1;
padding:15px 0;
}


.fi-middle{
display:flex;
gap:10px 10px;
flex-wrap:wrap;
font-size:0.95em;
margin:15px 0;
opacity:0.7;
max-width:1000px;
}
.fi-middle strong{
font-weight:700;
}
.fi-middle p{
display:flex;
align-items: center;
gap:10px;
}

.fi-middle p:after{
content:"";
display:block;
width:1px;
height:14px;
background:#b0b0b0;
}
.fi-middle p:last-child:after,
.fi-middle p.fi-no-line:after{
display:none;
}
.fi-link{
display:inline-block;
border-radius:var(--radius2);
background:var(--bg3);
color:#fff;
padding:5px 15px;
font-size:0.9em;
}



.fi-bottom{
font-size:0.95em;
opacity:0.5;
border-top:1px var(--bg8) solid;
margin-top:30px;
padding-top:30px;
}




.mo-fixed-btn, .mo-fixed-close{
display:none;
}
.fixed-form{
position:fixed;
width:100%;
bottom:40px;
left:0;
display:flex;
justify-content: center;
z-index:9999;
cursor:pointer;
}
.fixed-form-area{
width:96%;
border-radius:var(--radius3);
overflow:hidden;
background:var(--bg6);

}
.ff-content{
display:flex;
align-items: center;
justify-content: space-between;
padding:0 65px;
height:110px;
gap:30px;
}
.ffc-tit{
box-sizing:border-box;
color:#fff;
display:flex;
flex-direction: column;
line-height:1.2;
font-size:var(--fsize2);
font-weight:700;
}
.ffc-tit span{
font-size:0.65em;
opacity:0.6;
}

.ffc-input{
display:flex;
gap:10px;
flex-grow: 1;
}
.ffc-input p{
flex-grow:1;
box-sizing:border-box;
}

.ffc-input input{
background:#fff;
border:0;
opacity:1;
flex-grow: 1;
border-radius:var(--radius1);
height:38px;
padding:0 5px;
box-sizing:border-box;
}
.ffc-input input::placeholder{
color:rgba(0,0,0,0.8);
}
.ffc-input select{
background:#fff;
color:rgba(0,0,0,0.8);
border:0;
flex-shrink: 0;
width:200px;
height:38px;
border-radius:var(--radius1);
box-sizing:border-box;
}
.ffc-agree{color:#fff; font-size:var(--fsize5);}
.ffc-agree input{border-color:transparent;}
.ffc-agree button{margin-left:5px; font-size:var(--fzise5); background:transparent;
color:#fff; font-weight:600; text-decoration: underline;}

.ff-btn{
background:var(--bg7);
display:flex;
padding:5px 20px;
border-radius:999px;
flex-shrink: 0;
color:#fff;
font-weight:700;
}
.ff-btn i{
opacity:0.3;
font-size:1.55em;
}

/*layer popup*/
.privacy-box{display:none;}
.layer-popup{
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0,0,0,.85);
z-index:99999999;
overflow: auto;
display:flex;
justify-content: center;
align-items: center;
}
.layer-pop-area{
width:70%;
height:50vh;
background:#fff;
padding:30px;
box-shadow: 2px 2px 10px rgba(0,0,0,.84);
box-sizing:border-box;
font-size:var(--fsize5);
font-weight:400;
overflow:hidden;
overflow-y:scroll;
position:relative;
border-radius:10px;

}
.layer-tit{
font-weight:600;
font-size:1.25em;
box-sizing:border-box;
width:100%;
padding-bottom:10px;
}
.layer-content{
color:#555;
height:90%;
overflow-y:scroll;
box-sizing:border-box;
}
.close-box{
position:absolute;
left:50%;
margin-left:-25px;
top:50%;
margin-top:-30vh;
background:var(--bg7);
color:#fff;
width:50px;
height:50px;
display:flex;
justify-content: center;
align-items: center;
font-size:26px;
border-radius:999px;
}



/**코앤영의료시스템**/
.sub-bottom-content .slide-arrow{top:140px;}
.sub-bottom-content{
width:96%; max-width:1280px;
margin:0 auto; padding-bottom:140px;
position:relative;
}
.sbc-top{
width:100%; max-width:900px; margin:0 auto;
display:block;
}
.sbc-slide{
width:calc(100% + 30px);
margin-left:-30px;
overflow:hidden;
}
.sbc-box a{
display:block;
position:relative;
width:100%;
/*padding-top:92.92%;*/
padding-top:125%;
border-radius:var(--radius3);
overflow:hidden;
}
.sbc-txt{
position:absolute;
width:100%;
height:100%;
display:flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
left:0;
top:0;
z-index:22;
color:#fff; 
font-weight:700;
font-size:var(--fsize3); 
box-sizing:border-box;
padding:30px;
}
.sbc-txt span{
font-size:var(--fsize8);
}


.sbc-img{
position:absolute;
width:100%;
height:100%;
display:flex;
justify-content: center;
align-items: center;
left:0;
top:0;
z-index:11;
}
.sbc-img img{
width:100%;
transition: all 0.3s;
}
.sbc-slide .slick-track{
gap:0px;
}
.sbc-slide .slick-slide{
margin-left:30px;
}
.sbc-box a:hover .mps-img img{
transform:scale(1.1);    
}


.ms2-box{
display:flex;
gap:40px;
}

/********************* sub *********************************/
.sub-visual{
width:100%;
max-width:2000px;
margin:0 auto;
padding-top:34%;
background-color:#000;
background-size:cover;
background-position:50%;
display:flex;
align-items: center;
justify-content:center;
position:relative;
overflow:hidden;
}

.sv-img{
width:100%;
max-width:2000px;
height:100%;
position:absolute;
/*
left:50%;
margin-left:-1000px;
*/
top:0;
display:flex;
justify-content: center;
align-items: center;
z-index:1;
}
.sv-img img{
width:100%;
}

.sub-tit{
text-align:center;
color:#fff;
display:flex;
width:100%;
max-width:1280px;
flex-direction: column;
justify-content: center;
align-items: center;
position:absolute;
top:0;
height:100%;
z-index:2;
}

.sub-tit p{
display:none;
/*
font-size:var(--fsize4);
font-weight:700;
font-family: 'Arita buri';
*/
}

 .snb{width:100%; background:rgba(71, 87, 110, 0.9); 
position:absolute; left:0; bottom:0; z-index:3;}
.snb ul{width:100%; max-width:1280px; margin:0 auto; display:flex; justify-content:center; 
align-items: center;}
.snb ul a{display:block; padding:0 30px; height:65px; display:flex; justify-content: center; align-items: center;
color:#fff; opacity:0.7; font-family: 'Arita buri';} 
.snb ul a:hover{opacity:1;}
.snb ul li.current a{opacity:1; position:relative; font-weight:700;}
.snb ul li.current a:before{width:calc(100% - 60px); height:4px;
content:""; display:block; position:absolute; left:30px; bottom:0;background:#fff;}

.sub-content{
width:100%;
max-width:2000px;
margin:0 auto;
padding:80px 0;
font-size:var(--fsize8);
line-height:1.8;
}
.sub-content:after{
content:""; display:block; width:100%; height:0; clear: both;
}
.sub-content_adm{
width:100%;
max-width:2000px;
margin:0 auto;
padding: 0;
font-size:var(--fsize8);
line-height:1.8;
}
.sc1{background:var(--bg9);}
.sc1-top{
color:#947764; opacity:0.4; text-align:center; 
font-family: "Cormorant Garamond"; font-weight:700; font-size:var(--fsize9);
margin-bottom:50px;
}
.sc1-ul{
display:flex; flex-direction: column; gap:80px;
width:96%; max-width:1400px; margin:0 auto;
}
.sc1-ul li{
display:flex; align-items: center;
}
.sc1l-img{
width:48%;
border-radius:var(--radius3);
overflow:hidden;
}
.sc1l-img img{
width:100%;
}
.sc1l-txt{
width:52%; box-sizing:border-box; padding:70px 50px;
font-size:var(--fsize2); color:var(--color6);
}
.sc1l-txt strong{
display:block;  /*font-family: 'Arita buri';*/ font-weight:700; line-height:1.5;
color:var(--color4); font-size:var(--fsize3); margin-bottom:30px;
}

.course-box{
background-image:url(img/course-bg.jpg); background-repeat:no-repeat; 
padding:100px 0; background-size:100%; background-position:0% -40px;
}
.cb-tit{text-align:center; color:#fff;}
.cb-tit span{opacity:0.3; font-family: "Cormorant Garamond"; font-weight:700; font-size:55px;}
.cb-tit p{font-weight:600; font-size:40px;}
.cb-tit div{font-size:22px; margin-top:20px;}
.cb-ul{display:flex; gap:2%; width:96%; max-width:1400px; margin:80px auto 0;}
.cb-ul li{width:23.5%;}
.cb-img{width:100%; padding-top:85%; overflow:hidden; 
border-radius:var(--radius4); position:relative;}
.cb-img > div{width:100%; height:100%; display:flex; left:0; top:0; position:absolute; 
justify-content: center; align-items: center;}
.cb-img > div img{width:100%;}
.cb-txt{
text-align:center; margin-top:10px; font-size:0.95em;
}


.sub-bottom{width:100%; padding:100px 0; background-image:url(img/sub-bottom-bg.jpg); 
background-size:cover; background-position:50%;}
.sub-bottom ul{width:96%; max-width:1400px; margin:0 auto; display:flex; flex-wrap:wrap;
border:1px rgba(255,255,255,0.1) solid; border-radius:var(--radius3);}
.sub-bottom ul li{box-sizing:border-box; width:50%; padding:45px; display:flex; gap:20px; 
border:1px rgba(255,255,255,0.1) solid; border-width:0;
align-items: center;}
.sub-bottom ul li:nth-child(1){border-bottom-width:1px; border-right-width:1px;}
.sub-bottom ul li:nth-child(2){border-bottom-width:1px;}
.sub-bottom ul li:nth-child(3){border-right-width:1px;}
.sub-b-txt{color:#fff; font-size:var(--fsize8);}
.sub-b-txt strong{font-size:1.25em; font-weight:600; display:block; margin-bottom:10px;}
.sub-b-img{width:120px; height:120px; box-sizing:border-box; display:flex; justify-content: center; align-items: center;
border:3px solid #fff; border-radius:9999px; overflow:hidden; flex-shrink: 0;}
.sub-b-img img{width:110%;}

.sc-tit1{
font-weight:900; font-size:var(--fsize4); text-align:center; margin-bottom:30px; color:var(--color11);
}
.form-box{
width:96%; max-width:780px; border-radius:var(--radius4);
margin:0 auto; display:flex; flex-direction: column; background:#fff;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
box-sizing:border-box; padding:40px;
overflow:hidden;
}

.form-box li{
border-top:1px var(--border3) solid;
padding:20px 0;
}
.form-box li:first-child{
border-top-width:0;
}
.form-box li p{
font-weight:700; color:#514940; padding-bottom:10px;
}
.form-box li > div{
flex-grow: 1;
box-sizing:border-box;
}
.form-box li input[type="text"], .form-box li select{
border-radius:var(--radius2); background:#efeeee;
border:1px #e2dede solid; height:45px; width:30%;
}
.form-box li span{width:3%;}
.form-box li input.fb-i-w1{width:100%;}
.form-box li textarea{
width:100%; height:160px; border:1px #e2dede solid; border-radius:var(--radius2);
}
.agree_desc{
font-size:0.85em; height:120px; overflow-y:scroll; padding:10px; box-sizing:border-box; border-radius:var(--radius2);
border:1px #e2dede solid; opacity:0.8;
}
.agree{display:flex; align-items: center; font-size:0.85em; margin-top:5px;}
.s-btn{text-align:center; display:flex; justify-content: center; align-items: center; margin-top:30px;}
.s-btn a{padding:7px 30px; border-radius:var(--radius3); background:var(--bg3); color:#fff; font-weight:700;}
.s-btn a i{margin-right:10px;}


.gallery-list{
display:flex; gap:30px 2%; flex-wrap:wrap; width:96%; 
max-width:1280px; margin:0 auto;
}
.gallery-list li{width:23.5%;}
.gallery-list.beaf-list li{width:49%;}
.gallery-list li a{display:block;}
.gl-img{
position:relative; width:100%; padding-top:82.35%; overflow:hidden; 
border-radius:var(--radius3);
}
.gl-img.gl-youtube{
padding-top:56.25%;
}

.gl-img.gl-selfie{
padding-top:176%;
}
.gl-img.gl-event{
padding-top:115%;
}

.gallery-list li a:hover .gl-img img{
 transform: scale(1.4);
}
.gl-img > div{
position:absolute; width:100%; height:100%; left:0; top:0;
display:flex; justify-content: center; align-items: center;
}
.gl-img img{
width:100%; transition: all 0.3s;
}
.gl-txt{
margin-top:20px;
}
.gl-txt p{
line-height:1.5em; height:1.5em; overflow:hidden;
}
.gl-txt span{
opacity:0.6; font-size:0.85em;
}
.glt-meta{
font-size: 0.75em; color: var(--color3);
margin-bottom:0px;
}

.view-box{
width:96%; max-width:1280px; margin:0 auto;
}
.view-top{    
font-weight: 700; font-size: var(--fsize7);
margin-bottom: 30px; padding-bottom:30px;
color: var(--color11); border-bottom:2px var(--color11) solid;
}
.view-cont{
border-bottom:1px var(--border3) solid;
padding-bottom:30px; margin-botto:30px;
}
.view-cont img{
max-width:100%;
}

/*page*/
.paging{width:95%;
max-width:1280px;
margin:50px auto 0;
display:flex;
align-items: center;
justify-content: center;
}

.paging a,
.paging strong{
height:36px;
width:36px;
box-sizing:border-box;
color:#222;
display:flex;
align-items: center;
justify-content: center;
font-size:15px;
border-radius:var(--radius3);
}

.paging .p-prev{
margin-right:10px;
color:#c5c5c5;
font-size:25px;
box-sizing:border-box;
border:1px #e0e0e0 solid;
}

.paging .p-next{
margin-left:10px;
color:#c5c5c5;
font-size:25px;
box-sizing:border-box;
border:1px #e0e0e0 solid;
}

.paging strong{
background:#444;
color:#fff;
}

.sub-map{
width:96%; max-width:1280px; margin:0 auto;
}

.sub-tab{
width:96%; max-width:1280px; margin:50px auto 0;
}
.sub-tab ul{
display:flex; justify-content: center; flex-wrap:wrap;
gap:20px;
}

.sub-tab ul a{display:block; padding:7px 60px;
border-radius:999px; border:1px var(--color9) solid;
color:var(--color10); box-sizing:border-box;
}
.sub-tab ul a:hover{
color:var(--color12);
border-color:var(--color12);
font-weight:600;
}
.sub-tab ul li.current a{
border-color:var(--color12);
background:var(--color12);
color:#fff;
font-weight:600;
}
#momo { display:none; }