@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);
@font-face {
    font-family: 'Gms';
    font-weight: 300;
    font-style: normal;
    src: url('font/GmarketSansLight.eot');
    src: url('font/GmarketSansLight.eot?#iefix') format('embedded-opentype'),
         url('font/GmarketSansLight.woff2') format('woff2'),
         url('font/GmarketSansLight.woff') format('woff'),
         url('font/GmarketSansLight.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'Gms';
    font-weight: 500;
    font-style: normal;
    src: url('font/GmarketSansMedium.eot');
    src: url('font/GmarketSansMedium.eot?#iefix') format('embedded-opentype'),
         url('font/GmarketSansMedium.woff2') format('woff2'),
         url('font/GmarketSansMedium.woff') format('woff'),
         url('font/GmarketSansMedium.ttf') format("truetype");
    font-display: swap;
} 
@font-face {
    font-family: 'Gms';
    font-weight: 700;
    font-style: normal;
    src: url('font/GmarketSansBold.eot');
    src: url('font/GmarketSansBold.eot?#iefix') format('embedded-opentype'),
         url('font/GmarketSansBold.woff2') format('woff2'),
         url('font/GmarketSansBold.woff') format('woff'),
         url('font/GmarketSansBold.ttf') format("truetype");
    font-display: swap;
} 


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

/*body{
-ms-overflow-style: none;
}

::-webkit-scrollbar {
	display: none;
}*/

/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

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:middle;
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:700;
}

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

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

body,th,td,input,select,textarea,button {
color:#3b3b3b;
font-size:16px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: "Gms","Noto Sans KR",sans-serif;
font-weight:500;
}
body{
width:100%;
overflow-x:hidden;
}
:focus {
outline:none;
}

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

.gnb:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

header{
background:#fff;
position:relative;
z-index:99;
}

.header-area{
width:100%;
max-width:1280px;
margin:0 auto;
position:relative;
z-index:999;
height:135px;
line-height:115px;
top:0;
z-index:99999;
background:#fff;

}

.header-logo {
z-index:100;
box-sizing:border-box;
height:inherit;
line-height:inherit;
position:absolute;
left:50%;
margin-left:-140px;
width:280px;
}

.header-logo a{
display:inline-block;
width:100%;
}

.header-logo img {
width:100%
}


.top-num{
position:absolute;
top:20px;
background:url(img/top-num-img.png);
background-size:50px 100px;
background-repeat:no-repeat;
background-position:0% 50%;
padding:20px 0 10px;
padding-left:60px;
line-height:1.2em;
}
.top-num p span{
color:#cc3f30;
}
.top-num p br{
display:none;
}
.top-num div{
font-size:28px;
margin-top:15px;
}
.top-num div span{
display:inline-block;
font-size:1.125em;
font-weight:700;
color:#cc3f30;
}

.top-num.tnFixed{
position:fixed;
top:74px; 
right:10px;
background-color:#fff;
padding:10px;
padding-top:80px;
border:1px #f0e5e4 solid;
border-radius:15px;
box-shadow:1px 1px 10px rgba(0,0,0,0.1);
width:120px;
box-sizing:border-box;
background-position:50% 0;
background-size:35px 70px;
text-align:center;
}
.top-num.tnFixed{
font-size:13px;
}
.top-num.tnFixed p br{
display:block;
}
.top-num.tnFixed div{
font-size:20px;
margin-top:10px;
}
.login-out{
position:absolute;
left:50%;
margin-left:430px;
top:20px;
display:flex;
align-items: center;
justify-content: flex-end;
gap:15px;
font-size:15px;
width:200px;
z-index:999999;

}
.login-out span{
width:1px;
height:12px;
background:#d3d3d3;
}
.login-out a{
display:flex;
align-items: center;
color:#666;
gap:3px;
}
.login-out a i{
font-size:1.125em;
}

.tnb{
position:absolute;
right:0;
top:50%;
margin-top:-10px;
text-align:right;
height:52px;
line-height:52px;
}

.tnb a{
display:inline-block;
height:inherit;
line-height:inherit;
background-color:#50403f;
position:relative;
font-size:25px;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:0em;
color:#fff;
padding:0 20px;
border-radius:100px;
}

.tnb a img{
width:40px;
}

.header-slide{
width:300px;
height:100px;
overflow:hidden;
position:absolute;
left:0;
top:50%;
margin-top:-55px;
}

.header-slide .slick-arrow{
position:absolute;
left:10px;
top:10px;
font-size:0;
width:15px;
height:15px;
background:url(img/h-slide-prev.gif);
background-size:cover;
z-index:2;
}

.header-slide .slick-arrow.slick-next{
background-image:url(img/h-slide-next.gif);
left:24px;
}

#gnb{
width: 100%;
height: 64px;
border-bottom: 1px #ddd solid;
border-width: 1px 0 0;
z-index: 10000;
background: #fff;
position: relative;
margin:0 auto;
}

.pc-gnb #gnb ul li.logo2 img{
width:100%;
}
.pc-gnb #gnb ul li.logo2 > a:after{
display:none;
}
#gnb ul li.logo2{
width:100px;
z-index:10000000; 
display:none; 
flex-shrink: 0;
padding-right:20px;
}
#gnb ul li.logo2:after{
display:none;
}
.pc-gnb{
width:100%;
border-top:1px #cccccc solid;
}

.pc-gnb .gnb {
display:flex;
justify-content: space-between;
height:64px;
line-height:64px;
box-sizing:border-box;
margin:0 auto;
width:96%;
max-width:1280px;
}

.pc-gnb .gnb > li {
position:relative;
height:inherit;
line-height:inherit;
text-align:center;
box-sizing:border-box;
vertical-align:top;
flex-grow: 1;
/*width:10%*/
}

.pc-gnb .gnb > li:hover > a{
color:#be3223
}

.pc-gnb .gnb > li > a {
display:block;
font-size:18px;
color:#333;
position:relative;
font-family:'Gms';
}

.pc-gnb .gnb > li:after{
content:"";
position:absolute;
display:block;
width:1px;
height:18px;
background:rgba(0,0,0,0.2);
top:50%;
margin-top:-9px;
left:0%;
}

.pc-gnb .gnb > li:nth-child(2):after{
display:none;
}


.pc-gnb .gnb > li > ul {
display:none;
position:absolute;
top:64px;
left:50%;
margin-left:-100px;
width:200px;
z-index:5;
background:#be3223;
box-sizing:border-box;
}

.pc-gnb .gnb > li:hover > ul {
height:auto;
display:block;
}

.pc-gnb .gnb > li > ul:before{
content:""; 
display:block; 
position:absolute;
z-index:99999; 
width:20px; 
height:10px; 
top:-10px; 
left:50%; 
margin-left:-10px; 
background:url(img/menu-arrow.png);
background-size:cover;
}

.pc-gnb .gnb > li > ul li {
height:auto;
line-height:1.25em;
word-break:keep-all;
border-top:1px rgba(255,255,255,0.2) solid;
}
.pc-gnb .gnb > li > ul li:first-child{
border-top-width:0;
}

.pc-gnb .gnb > li > ul li a {
display:block;
color:#fff;
opacity:0.8;
font-size:15px;
padding:10px 0;
font-weight:300;
}

.pc-gnb .gnb > li > ul li:hover a{
opacity:1;
font-weight:500;
}



/*footer*/
footer{
width:100%;
padding:30px 0;
background:#f1f1f1;
}

.foot-area{
width:95%; 
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
position:relative;
text-align:center;
background:url(img/foot-logo.png) no-repeat;
background-size:200px 74px;
background-position:50% 0;
padding-top:100px;
}



.foot-info{
margin-bottom:20px;
}

.foot-info p{
display:inline-block;
margin:0 10px;
font-size:18px;
}

.foot-copy{
font-family: 'Montserrat', sans-serif;
font-weight:400;
letter-spacing:0em;
text-transform:uppercase;
opacity:0.6;
}

.foot-copy strong{
font-weight:600;
}


/*foot-sitemap*/
.sitemap{
width:100%;
border:1px #e5e5e5 solid;
border-width:1px 0 1px 0;
background:url(img/sitemap-line.gif) repeat-x;
background-position:0 56px;
}

.sitemap .gnb{
width:95%;
max-width:1280px;
margin:0 auto;
text-align:center;
display:table;
border-left:1px #e5e5e5 solid;
}

.sitemap .gnb > li{
display:table-cell;
width:12%;
border-right:1px #e5e5e5 solid;
}

.sitemap .gnb > li:nth-child(2), .sitemap .gnb > li:nth-child(3),  .sitemap .gnb > li:nth-child(4){
width:18%;
}

.sitemap .gnb > li > a{
color:#293954;
line-height:57px;
font-size:18px;
}

.sitemap .gnb > li > ul{
padding:20px 0;
}

.sitemap .gnb > li > ul > li > a{
font-weight:300;
color:#666;
font-size:15px;
}

.sitemap .gnb > li > ul > li > a:hover{
color:#000;
font-weight:500;
}
.sitemap .gnb > li.logo2{
display:none;
width:0;
}	

/*QUICK*/
#right-quick{
position:fixed;
right:10px;
top:240px;
z-index:999;
border-radius:15px;
overflow:hidden;
background:#fff;
}


#right-quick li{
cursor:pointer;
border-top:1px #f0e5e4 dashed;
border-left:1px #f0e5e4 solid;
border-right:1px #f0e5e4 solid;
width:120px;
text-align:center;
box-sizing:border-box;
}

#right-quick li div img{
width:30px;
display:block;
margin:0 auto 5px;
}

#right-quick a{
display:block;
background:#fff;
width:100%;
box-sizing:border-box;
/*padding:15px 10px;*/
font-family:'Gms';
font-weight:500;
font-size:15px;
vertical-align:middle;
line-height:1.1em;
color:#444;
display:block;
}

#right-quick .rq-kakao a{

}

#right-quick .rq-naver a{

}

#right-quick .rq-tel a{
background:#e9d9df;
color:#333;
line-height:1.5em;
}
#right-quick .rq-tel img{
width:30px;
display:block;
margin:0 auto 5px;
}

#right-quick .rq-tel p{
font-weight:700;
color:#333
}
#right-quick .rq-tel span{
display:block;
font-weight:700;
letter-spacing:0em;
margin-top:5px;
font-size:18px;
}

#right-quick .top{
text-align:center;
background:#cc3f30;
color:#fff;
padding:10px 0;
font-family: 'Montserrat', sans-serif;
font-weight:700;
letter-spacing:0em;
border:0;
}
#right-quick .top i{
margin-right:4px;
}

#right-quick .rq-tel,
#right-quick .top{
border-top-width:0;
}

.contain {
overflow-x:visible;
width:100%;
}



/********************* main *********************************/
.slick-slide{
display:inline-block;
}
.slick-list {
position:relative;
z-index:1;
}

.slick-arrow {
background:transparent;
}

#visual {
position:relative;
height:100%;
overflow:hidden;
margin-bottom:-7px;
z-index:1;
}
.visual-mo{
display:none;
}
.visual-pc{
display:;
}

.visual-img {
position:relative;
}

.visual-img-bg {
position:relative;
overflow:hidden;
z-index:77;
}

.visual-img-bg img {
position:relative;
left:50%;
margin-left:-1000px;
}

.visual-img-text {
position:absolute;
height:100%;
width:100%;
top:0;
display:table;
table-layout:fixed;
text-align:center;
z-index:99;
}
.vit-box{
display:table-cell;
width:100%;
vertical-align:middle;
text-align:center;
}

#visual .slick-arrow{
position:absolute;
z-index:99;
font-size:55px;
color:rgba(255,255,255,0.7);
left:150px;
top:50%;
margin-top:-40px;
line-height:80px;
}
#visual .slick-arrow.slick-next{
left:auto;
right:150px;
}

.slick-dots {
position:absolute;
bottom:40px;
z-index:999;
text-align:center;
width:100%;
background:transparent;
}

.slick-dots li {
display:inline-block;
margin:0 5px;
}

.slick-dots li button {
display:block;
background:transparent;
width:17px;
height:17px;
font-size:0;
box-sizing:border-box;
background:transparent;
border:3px #fff solid;
border-radius:9999px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.2);

}

.slick-dots li.slick-active button {
background:#fff;
}
@keyframes text-ani {
0%   { transform: translateY(-50px); opacity: 0 }
100%  { transform:translateY(0); opacity: 1 }

}

#visual .visual-img-text p{opacity:0;}
#visual .slick-active  .visual-img-text p.vb-t1{
animation: text-ani 1.5s linear;	
animation-fill-mode: forwards;
}
#visual .slick-active .visual-img-text p.vb-t2{
animation: text-ani 1.5s linear;	
animation-fill-mode: forwards;
animation-delay:1.5s;
margin-top:50px;
}
.main-tit1{
font-weight:700;
font-size:44px;
/*color:#c40f0f;*/
color:#000;
display:inline-block;
}
.main-tit2{
font-weight:300;
font-size:20px;
color:#6a6060;
margin-top:10px;

}
.main-tit3{
font-size:44px;
color:#c40f0f;
display:inline-block;
font-weight:300;
}


/*의료항목소개*/
@keyframes slidein {
	from {
	  opacity:0;
	  right:0;
	}
  
	to {
	  opacity:1;
	  right:-34px;
	}
  }
#item{
background:#f8f0f0;
}

.item-tab{
width:95%;
max-width:1280px;
text-align:center;
margin:0 auto;
display:flex;
}

.item-tab li{
width:33%;
text-align:left;
box-sizing:border-box;
position:relative;
padding:40px 0;
padding-left:110px;
background-image:url(img/item-ico1.png);
background-repeat:no-repeat;
background-size:80px;
background-position:20px 50%;
font-size:15px;
font-weight:300;
color:#66302e;
}
.item-tab li a{
display:block;
color:#66302e;
}

.item-tab li a span{
color:#a78988;
font-family: 'Montserrat', sans-serif;
letter-spacing:0em;
}

.item-tab li.item-tab2{
background-image:url(img/item-ico2.png);
}

.item-tab li.item-tab3{
background-image:url(img/item-ico3.png);
}
.item-tab li.item-tab4{
background-image:url(img/item-ico4.png);
}

.item-tab li:after{
position:absolute;
content:"";
width:1px;
height:68px;
border-left:1px #dccccb dashed;
left:-1%;
top:50%;
margin-top:-34px;
}

.item-tab li:first-child:after{
display:none;
}

.item-tab li h2{
font-size:22px;
font-weight:700;
}

.item-tab li.current{
background-color:#26458a;
background-position:40px 50%;
background-size:120px;
color:#fff;
}

.item-tab li.item-tab1.current{
background-image:url(img/item1-hover.png);
}

.item-tab li.item-tab2.current{
background-image:url(img/item2-hover.png);
}

.item-tab li.item-tab3.current{
background-image:url(img/item3-hover.png);
}
	
	
.item-area{
display:table;
width:100%;
table-layout:fixed;
margin-top:1px;
display:none;
position:relative;
}

.item-area.current{
display:table;
}

.ita-tab, .ita-box-area{
display:table-cell;
width:50%;
height:400px;
vertical-align:middle;
background-color:#fff;
}

.ita-tab{
text-align:right;
background:url(img/item-bg.jpg);
background-size:cover;
background-position:100% 50%;
}
.ita-tab ul{
width:50%;
margin-left:50%;
}

.ita-tab li{
height:100px;
line-height:100px;
background:url(img/item-line.png);
background-repeat:no-repeat;
background-position:100% 100%;
color:rgba(255,255,255,0.6);
font-size:20px;
padding-right:40px;
position:relative;
}

.ita-tab li a{
color:rgba(255,255,255,0.6);
}

.ita-tab li.current{
background-image:url(img/item-line-hover.png);
background-position:100% 0;
right:-34px;
color:rgba(255,255,255,1);
font-weight:700;
padding-right:74px;
animation-duration: 0.5s;
animation-name: slidein;
}
.ita-tab li.current a{
	color:rgba(255,255,255,1);
}

.ita-box{
background-position:100% 0;
background-size:cover;
display:none;
width:100%;
height:inherit;
box-sizing:border-box;
padding:130px 0 0 80px;
background-position:100% 100%;
}

.ita-box.current{
display:block;
}

.ita-box.tab11{
background-image:url(img/tab-1-1.jpg)
}
.ita-box.tab12{
background-image:url(img/tab-1-2.jpg)
}
.ita-box.tab13{
background-image:url(img/tab-1-3.jpg)
}
.ita-box.tab14{
background-image:url(img/tab-1-4.jpg)
}

.ita-box.tab21{
background-image:url(img/tab-2-1.jpg)
}
.ita-box.tab22{
background-image:url(img/s0303-bg1.jpg)
}
.ita-box.tab23{
background-image:url(img/s0304-bg1.jpg)
}
.ita-box.tab24{
background-image:url(img/s0305-bg1.jpg)
}

.ita-box.tab31{
background-image:url(img/s0402-bg1.jpg)
}
.ita-box.tab32{
background-image:url(img/s0403-bg1.jpg)
}
.ita-box.tab33{
background-image:url(img/s0404-bg1.jpg)
}
.ita-box.tab34{
background-image:url(img/s0405-bg1.jpg)
}

.mi-t1{
color:#1f2e4f;
font-size:18px;
}
.mi-t2{
color:#1f418e;
font-size:38px;
font-weight:700;
margin:5px 0 10px;
}
.mi-t3{
font-size:16px;
color:#565c6b;
font-weight:300;
}

.item-text{
position:absolute;
bottom:30px;
left: 50%;
margin-left:-640px;
font-family: 'Montserrat', sans-serif;
letter-spacing:0em;
color:rgba(255,255,255,0.4);
text-transform: uppercase;
font-size:35px;
line-height:1.2em;
}

.item-text strong{
font-weight:700;
}


/*이미지배너*/
#img-banner{
display:flex;
flex-wrap:wrap;
}
#img-banner a{
display:wrap;
flex:1 1 40%;
overflow:hidden;
}
#img-banner a img{
width:100%;
}
/*
#img-banner a img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transition: .3s;}
*/
/*의료진소개*/
#staff{
position:relative;
padding:80px 0;
width:100%;
overflow:hidden;
text-align:center;
/*background:url(img/staff-bg.gif);*/
}

.staff-tit{
text-align:Center;
}

.staff-list{
overflow:hidden;
/*width:96%;
max-width:1200px;*/
margin:0 auto;
margin-top:30px;
width:100%;
max-width:1920px;
}

.staff-list .slick-arrow{
position:absolute;
left:50%;
margin-left:-600px;
width:50px;
height:50px;
background:url(img/staff-prev.png);
background-size:cover;
font-size:0;
top:350px;
z-index:99999;
display:block;
}

.staff-list .slick-arrow.slick-next{
background-image:url(img/staff-next.png);
margin-left:600px;
}


.staff-list .slick-list{
width:100%;
overflow:hidden;
}
.sl-box{
position:relative;
display:table;
table-layout:fixed;
width:100%;

}
.staff-list img{
width:100%;
}

.staff-list .slick-slide{
vertical-align:top;
}
.sl-img{
width:100%;
vertical-align:top;
}
.sl-img img{
overflow:hidden;
width:100%;
}
.staff-list dl{
z-index:2;
text-align:left;
display:table-cell;
vertical-align:top;
padding-left:30px;
}

.staff-list .slick-track{
/*display:flex;
gap:20px;*/

}
.staff-list .slick-track .slick-slide{
box-sizing:border-box;
/*width:590px;
border-radius:15px;
border:1px #deb7b5 solid;*/
overflow: hidden;
width:100%;
max-width:100%;
}

.staff-list dt{
font-size:20px;
margin-bottom:10px;
}

.staff-list dt strong{
font-size:1.5em;
}
.staff-list dd{
font-size:16px;
font-family:'Noto Sans KR';
}
.staff-list ol, .staff-list li{
font-size:15px;
color:#5f5e5f;
font-weight:300;
}

.staff-list ol{
padding-left:20px;

}
.staff-list li{
padding-left:-20px;
list-style-type: disc;
}

.staff-more{
display:inline-block;
padding:10px 50px;
background:#cc3f30;
color:#fff;
font-size:18px;
border-radius:100px;
margin-top:30px;
}

.more-box{
text-align:center;
}



/*banner*/
#banner{
width:100%;
background:#ecf1fa;
}

.banner-area{
width:95%;
max-width:1280px;
margin:0 auto;
padding:20px 0;
}

.banner-area:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}

.banner-area > div{
width:50%;
float:left;
box-sizing:border-box;
}

.banner-area > div.banner1{
padding-right:60px;
}

.banner-area > div.banner2{
padding-left:60px;
position:relative;
}

.banner-area > div.banner2:after{
position:absolute;
content:"";
width:1px;
height:60%;
background:#ccd5e3;
left:0;
top:20%;
}
	

.banner-area a{
display:table;
width:100%;
}

.bn-txt, .bn-img{
display:table-cell;
vertical-align:middle;
}

.bn-img{
text-align:right;
}

.bn-img img{
width:165px;
}

.bnt-t1{
color:#2f405e;
font-weight:300;
font-size:20px;
}

.bnt-t2{
color:#296fc5;
font-weight:700;
font-size:32px;
margin:5px 0;;
}

.bnt-t3{
font-family: 'Montserrat', sans-serif;
letter-spacing:0em;
font-size:16px;
font-weight:300;
text-transform: uppercase;
color:#7194be;
}

.bnt-t3 strong{
font-weight:700;
}

.banner2 .bnt-t2{
color:#0c7074;
}

.banner2 .bnt-t3{
color:#89c3c5;
}

/*customer-box*/
.customer-box{
background-image:url(img/customer-box-bg.jpg);
background-size:cover;
background-position:50% 0;
padding:55px 0 55px;
}

.cb-area{
width:95%;
max-width:1280px;
margin:0 auto;
}

.cb-tit{
text-align:center;
margin-bottom:40px;
}

.board{
width:32%;
margin-left:2%;
height:300px;
float:left;
box-sizing:border-box;
padding:30px;
background:#fff;
border:1px #e5e5e5 solid;
position:relative;
}


.board h2{
font-weight:700;
font-size:22px;
}

.board#online{
margin-left:0;
}

.board ul{
border-top:2px #333 solid;
margin-top:15px;
padding-top:15px;
}
.board ul li{
position:relative;
height:37px; 
line-height:37px;
overflow:hidden;
box-sizing:border-box;
padding-right:90px;
}

.board ul li span{
position:absolute;
top:2px;
right:0;
font-size:15px;
color:#888;
height:inherit;
line-height:inherit;
font-family: 'Montserrat', sans-serif;
letter-spacing:0em;
}

.board ul li a{
display:block;
font-family:'Noto Sans KR';
font-size:16px;
font-weight:400;
position:relative;
height:inherit;
line-height:inherit;
word-break:keep-all;
padding-left:10px;
}
.board ul li a:after{
content:".";
display:block;
position:absolute;
left:0;
top:-5px;
}

.board ul li a:hover{
color:#000;
text-decoration: underline;
}

.board .more{
display:inline-block;
position:absolute;
color:#888;
font-size:16px;
top:37px;
right:30px;
}
.board .more i{
vertical-align:-1px;
}

.board#popup{
padding:0;
}

.popup-area{
width:100%;
overflow:hidden;
}
.board#popup img{
width:100%;
}

.info{
float:left;
display:table;
}

.info h2{
width:110px;
height:110px;
box-sizing:border-box;
background:#c94d5c;
border-radius:1000px;
color:#fff;
font-weight:700;
font-size:18px;
text-align:center;
background-image:url(img/itel-ico.png);
background-repeat:no-repeat;
background-size:45px;
background-position:50% 15px;
padding-top:65px;
overflow:hidden;
}

.info#info-tel{
width:32%;
}

.info#info-time{
margin-left:1.5%;
}

.info#info-time h2{
background-image:url(img/itime-ico.png)
}

.it-div1{
display:table-cell;
padding-left:22px;
color:#c13232;
vertical-align:middle;
padding-top:20px;
}

.it-div1 p{
font-size:35px;
}

.it-div2{
display:table-cell;
padding-left:22px;
vertical-align:middle;
}

.it-div2 a{
display:block;
background-color:#435e99;
background-repeat:no-repeat;
background-image:url(img/facebook-ico.png);
background-size:35px;
background-position:10px 50%;
color:#fff;
width:155px;
height:45px;
line-height:45px;
margin:5px 0;
box-sizing:border-box;
padding:0 20px 0 50px;
border-radius:9999px;
}

.it-div2 a.it-sns1{
background-image:url(img/insta-ico.png), url(img/insta-bg.gif);
background-size:35px, 120%;
background-position:10px 50%, 0px 0%;
}
.it-div2 a.it-sns3{
background-image:url(img/rq-ico5.png), url(img/kakao-bg.gif);
background-size:35px, 120%;
background-position:10px 50%, 0px 0%;
color:#000;
}

.it-table{
display:table-cell;
vertical-align:top;
padding-top:13px;
}

.it-table th, .it-table td{
text-align:left;
padding:2px 0;
padding-left:22px;
min-width:110px;
}
.color1{
color:#296fc5;
}

.color2{
color:#aa1f3b;
}

.cb-area:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}


/*board*/
#board{background:url(img/board-bg.jpg); background-size:cover; background-position:50%; padding:100px 0;}
#board .board-area{width:96%; max-width:1200px; margin:0 auto; display:flex; gap:1.5%; justify-content: space-between;}
#board section{height:400px; box-sizing:border-box; background:#fff; width:25%; padding:30px; position:relative; border-radius:10px; overflow:hidden;}
#board section:first-child{margin-left:0;}
#board .board-title{text-align:center; font-size:17px; padding:5px 0 20px;}
#board .board-title h2{font-family:"Montserrat"; text-transform:uppercase; letter-spacing:0em; font-weight:600; font-size:22px;}
#board .board-btn{position:absolute; width:40px; height:40px; background:#3b3b3b; right:0; top:0;} 
#board .board-btn a{display:block;}
#board .board-btn a img{width:100%;}
#board .board-list li{border-top:1px #eeeeee solid; padding:10px 0;}
#board .board-list li:first-child{border-top-width:0;}
#board .board-list li div{height:1.5em; line-height:1.5em; overflow:hidden; color:#666; }
#board .board-list li a{font-family:"Noto Sans KR"; font-weight:400;}
#board .board-list li p{font-family:"Montserrat"; color:#999999; font-size:14px;}
#board .board-list li p i{vertical-align:-1px;}
#board .board-list li a:hover div{color:#c63622;}
#board .board-gallery{width:100%; overflow:hidden; position:relative;}
#board .board-gallery a{font-family:"Noto Sans KR"; font-weight:400;}
#board .gallery-img-area{width:100%; position:relative; padding-top:95%; margin-top:5px; overflow:hidden; background:#fff;}
#board .gallery-img-area img{position:absolute; left:50%; top:50%; transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s; max-width:100%;}
/*
#board .gallery-img-area:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
*/

#board .gallery-img-area2{width:100%; position:relative; padding-top:95%; margin-top:5px; overflow:hidden; background:#fff;}
#board .gallery-img-area2 img{position:absolute; left:50%; top:50%; transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s; max-width:180%;}
/*
#board .gallery-img-area2:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
*/

#board .gallery-text{line-height:1.5em; height:3em; overflow:hidden; margin-top:20px;}
#board .slick-arrow{cursor:pointer; background:url(img/arrow-right.png) no-repeat rgba(0,0,0,0.4); background-size:40px; position:absolute; font-size:0;  width:40px; height:40px; z-index:999999999; top:50%; margin-top:-50px;  right:0;}
#board .slick-prev{left:0;background-image:url(img/arrow-left.png)}
#board #event .board-btn a{background-color:#dd5b6a;}
#board #event{background:#ede3e3;}
#board #news .board-btn a{background-color:#8149ce;}
#board #news{background:#e4dbef;}

/*보건복지부 배너*/
#mohw-banner{background:url(img/banner-bg.png); background-size:cover;}
.mohw-banner-area{width:96%; max-width:1200px; padding:60px 0 50px; padding-left:420px; position:relative; box-sizing:border-box; margin:0 auto;}
.mohw-banner-area h2{position:absolute; width:370px; left:0;}
.mohw-banner-area h2 img{width:100%;}
.mohw-banner-area p{line-height:45px; font-size:28px; }
.mohw-banner-area p img{vertical-align:text-bottom; width:240px;}

/*커서*/
.cursor {
    position:absolute;
    top:0;
    left:0;
    z-index:99999999;
    width: 80px;
    height: 67px;
    transform:translate(-50%, -50%);
}
/*20230509*/
.m-section-box{
width:96%; 
max-width:1200px; 
margin:0 auto;
padding:0 0 90px;
}
.m-section-box-bg{
background:#f3f3f3;
}

.b3-padding{
padding:60px 0 30px;
}

.main-section-tit{
text-align:center;
padding-top:80px;
margin-bottom:30px;
}

.main-section-tit span{
display:inline-block;
background:url(img/m-tit-ico.png) no-repeat 50% 0;
background-size:50px 58px;
text-transform:uppercase;
color:#c79798;
font-size:23px;
font-family: 'Montserrat', sans-serif;
letter-spacing:0em;
font-weight:500;
padding-top:55px;
}
.main-section-tit img{
width:100%;
max-width:120px;
}
.main-section-tit p{
font-size:44px;
font-weight:700;
}

.main-section-tit p em{
color:#e7141b;
}

/*메인 게시판*/

.board-box{
width:75%;
float:left;
}
.board-box li{
display:inline-block;
width:31%;
margin-right:2%;
background:#fff;
box-sizing:border-box;
border:1px #eaeaea solid;
border-radius:15px;
overflow:hidden;
}
.board-box li a{
display:block;
overflow:hidden;

}
.board-box li a:hover{
color:#cd3439;
}
.board-img{
position:relative;
width:100%;
padding-top:58%;
overflow:hidden;
}
.board-img .board-name{
position:absolute;
display:inline-block; 
padding:5px 10px;
color:#fff;
background:#aaaaaa;
font-size:13px;
font-weight:500;
left:0;
bottom:-1px;
}
.board-img img{
position:absolute;
max-width:100%;
left:50%;
top:50%;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}
/*
.board-box li a:hover .board-img img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
*/
.board-text{
border-top:1px #eaeaea solid;
padding:20px;
}

.board-text p{
font-size:16px;
font-weight:500;
line-height:1.5em;
height:3em;
overflow:hidden;
margin-bottom:10px;
}

.board-text p.bt2{
height:1.5em;
}

.board-text span{
font-size:14px;
color:#777777;
letter-spacing:0em;
}

#board3 .board-box{
width:100%;
position:relative;
}

#board3 .board-box .slick-list{
width:100%;
overflow:hidden;
}
#board3 .board-box .slick-arrow{
position:absolute;
font-size:40px;
left:-50px;
line-height:50px;
top:50%;
margin-top:-25px;
}
#board3 .board-box .slick-arrow.slick-next{
left:auto;
right:-50px;
}
#board3 .board-box .slick-slide > div{
padding:0 10px;
}
#board3:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;    
}

/*event*/
.event-box{
width:25%;
float:right;
overflow:hidden;
position:relative;
box-sizing:border-box;
}
.event-box a{
display:block;
width:100%;
position:relative;
padding-top:106%;
overflow:hidden;
background:#fff;
border-radius:15px;
}

.event-box a img{
position:absolute;
left:50%;
top:50%;
width:110%;
transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
}

/*
.event-box a:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
*/

.event-box .slick-arrow{
position:absolute;
z-index:55;
width:48px;
height:48px;
background:rgba(0,0,0,0.9);
font-size:0;
background-image:url(img/event-arrow-prev.png);
background-size:cover;
left:0;
top: 50%;
margin-top:-24px;
}

.event-box .slick-arrow.slick-next{
background-image:url(img/event-arrow-next.png);
left:auto;
right:0;
}


#board2:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;    
}