@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400:700');
	body, input, select, textarea {
		font-family: 'Nanum Gothic', sans-serif;		
		-webkit-font-smoothing: antialiased;			
					
	}
	.swiper-container1 {
		width: 90%;
		height: 90%;
	}

	.swiper-slide1 {
	  background: #fff;
	  text-align: center;
	}

	.swiper-container1{
		margin-top: 25px;
	}
	.swiper-container2 {
		width: 100%;
		height: 100%;
		text-align: center;		
	}

	.swiper-slide2 {
	  background: #fff;
	  text-align: center;
	}

	.testimonial{
    background-color: #fafafa;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
	max-width:600px;
	margin: 0 auto 45px auto;
	}

	
	.footer {
	background-color:  #06112E;
	color: #ffffff;
	}		
	
	
.staff-banner{
	background-color:skyblue;
	position:relative;
}
.staff-columns{
	align-items:center;
	display:flex;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
	max-width:1080px;
}
.staff-content{
	background-color:#fff;
	border-radius:6px;
	box-shadow:0 0.2rem 0.2rem -0.2rem rgba(10,10,10,.05);
	display:block;
	box-shadow:0 0.2rem 0.2rem -0.2rem rgba(10,10,10,.2);
	max-width:500px;
	padding:3rem;
}

.staff-content h1:hover{
	color:#3273dc;
}

.staff-content h1{
	color:deepskyblue;
}

.staff-description p, .staff-header p,.man-power-header h4, .man-power-header p,.feature-content{ 
	word-break: keep-all;
	line-height: 1.5rem;
}
		
.staff-header{
	position:relative
}
.staff-cover{
	padding-top:.75rem;
	position:relative;
	text-align:center
}
.staff-cover a{
	display:inline-block;
	vertical-align:top
}
.staff-cover img{
	display:block
}
.staff-description{
	max-width:500px
}
.staff-tags{
	margin-bottom:1.5rem
}
.staff-tags .tags .tag{
	margin-right:2px
}

.staff-columns{
	align-items:center;
	display:flex;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
	max-width:1080px
}

.staff-buttons .button{
	height:auto;
	align-items: center;		
/* 		padding-bottom:calc(1em - 1px); */
	padding-top:calc(.5em - 1px);
	
}	
.staff-buttons .button>span{
	font-size:.875em
}
.staff-buttons .button>span>em{
	display:block;
	font-size:.65em;
	font-style:normal;
	line-height:1em;
	margin-bottom:.5em;

}
.staff-buttons .button img{
	display:block;
	max-height:24px
}
.staff-buttons .button.total-care{
	background-color:#abf47c;
	background-color:skyblue;		
	border-color:transparent;
}
.staff-buttons .button.total-care:hover{
	background-color:#9cf264
}
.staff-buttons .button.scientific-process{
	background-color:#ffd863;
	background-color:yellow;		
	border-color:transparent;
}
.staff-buttons .button.scientific-process:hover{
	background-color:#ffd24a
}

@media screen and (max-width:768px){
	.staff-columns{
		flex-direction:column;
	}
	.staff-buttons .button{
		width:100%
	}
	.staff-buttons .button:not(:last-child){
		margin-right:0;
		margin-bottom:1rem;
	}
	a[class="disable-link"] {
        pointer-events: auto !important;
        cursor: Pointer !important;
		color: deepskyblue !important;
    }
}

	.disable-link {
		pointer-events: none;
		cursor: default;
		color: black !important;
	}
	

@media screen and (min-width:769px),print{
	.staff-columns{
		justify-content:space-around
	}
	.staff-header .tag{
		position:absolute;
		right:calc(100% + 1.25rem);
		top:.5rem
	}
	.staff-buttons .button{
		width:calc(50% - .5rem)
	}
}
	
	.section{
    padding:3rem 1.5rem
	}
	
	.man-power-header{
		text-align:center;
		margin-bottom: 2rem;
	}
	.man-power-header span,.man-power-header strong{
		transition-duration:86ms;
		transition-property:color;
	}
	.man-power-header span{
		color:skyblue;
	}

	.man-power-header .title{
		margin-bottom: 1.5rem;
	}
	
	.man-power-header span:hover{
		color:#3273dc
	}
	.man-power-header span:hover strong{
		color:#3273dc
	}
	.man-power-header strong{
		font-weight:600;
	}
	.man-power-header .title strong{
		color: deepskyblue;
	}
	.man-power-header .subtitle{
		color:#4a4a4a!important
	}
	.man-power-header .subtitle strong{
		color:currentColor
	}
	.man-power-header:not(:last-child){
		margin-bottom:3rem
	}
	
	
.section.section-primary, .is-skyblue{
background-color:skyblue;
}

.text-color-white{
	color:white;
}

.flyer-feature .feature-content{
    font-size:1.1rem;
    color:#344358;
    margin-bottom: 2rem;
}

.flyer-feature-image{
    position:relative
}
.flyer-feature-image .main-image{
    position:relative;
    z-index:2
}
.flyer-feature-image .image-bg{
    position:absolute;
    top:10%;
    left:-20%;
    right:0;
    margin:0 auto;
    max-width:1096px;
    width:120%;
    z-index:0
}

.flyer-container img{
    display:block
}

.flyer-conditions{
    position:relative;
    top:12px;
    font-size:95%;
    margin-left:15px;
    color:#fff
}

	.footer{
		background-color:skyblue;
	}


.about-bottom-header{
    text-align:center
}
.about-bottom-header p,.about-bottom-header strong{
    transition-duration:86ms;
    transition-property:color
}
.about-bottom-header p{
    color:#3273dc;
}
.about-bottom-header p:hover{
    color:#3273dc
}
.about-bottom-header p:hover strong{
    color:#3273dc
}


.about-bottom-header span,.about-bottom-header strong{
    transition-duration:86ms;
    transition-property:color
}
.about-bottom-header span{
    color:#3273dc;
}
.about-bottom-header span:hover{
    color:#3273dc
}
.about-bottom-header span:hover strong{
    color:#3273dc
}

.about-bottom-header strong{
    font-weight:600
}
.about-bottom-header .title strong{
    color:skyblue;
}
.about-bottom-header .subtitle{
    color:#b5b5b5!important
}
.about-bottom-header .subtitle strong{
    color:currentColor
}
.about-bottom-header:not(:last-child){
    margin-bottom:3rem
}
.about-bottom-header.bd-is-left{
    text-align:left
}

.about-box{
    background-color: #fafafa;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
/*     max-width:420px; */
    padding:20px;
	margin-top: 20px;
    text-align:left
}

.enroll-box-1{
    background-color: #87ceeb;
    border-radius:6px;
    color:#87ceeb;
    flex-shrink:0;
    font-size:16px;
    padding:20px;
	margin-top: 20px;
    text-align:left;
    max-width:420px;	
}
.enroll-box-2{
    background-color: #7bd3f7;
    border-radius:6px;
    color:#7bd3f7;
    flex-shrink:0;
    font-size:16px;
    padding:20px;
	margin-top: 20px;
    text-align:left;
    max-width:420px;	
}
.enroll-box-3{
    background-color: #87ceeb;
    border-radius:6px;
    color:#87ceeb;
    flex-shrink:0;
    font-size:16px;
    padding:20px;
	margin-top: 20px;
    text-align:left;
    max-width:420px;	
	
}

.enroll-box-1-b{
    background-color: #d6eef8;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
    max-width:420px;
    padding:20px;
	margin-top: 20px;
    text-align:left
}

.enroll-box-2-b{
    background-color: #d2f0fc;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
    max-width:420px;
    padding:20px;
	margin-top: 20px;
    text-align:left
}

.enroll-box-3-b{
    background-color: #d6eef8;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
    max-width:420px;
    padding:20px;
	margin-top: 20px;
    text-align:left
}

.about-box.box-is-white{
    background-color:#fff;
}

.about-box.box-is-transparent{
	background: rgba(255, 255, 255, 0.85);

}

.about-box.box-is-skyblue{
	background: hsl(197.4,71.4%,72.5%)

}

.about-box.box-is-lightskyblue{
	background: rgba(227,244,254,0.85)

}

.about-box.box-is-pantone{
	background: skyblue;
	background: rgba(‎93.3, 76.0, 59.2, 0.85)!important;
}

/* lightskyblue <> Pantone 93.33% 빨강,76.08% 녹색 및 59.22% */


.about-box-item{
    align-items:center;
    color:#1c2022;
    display:flex;
    line-height:1.2
}
.about-box-item:hover{
    color:#2b7bb9
}

.about-box-img{
    flex-shrink:0;
    height:36px;
    margin-right:9px;
    width:36px
}
.about-box-img img{
    border-radius:290486px;
    display:block;
    height:36px;
    width:36px
}

.about-box-full{
    color:#363636;
    display:block;
    font-size:16px;
    font-weight:700
}
.about-box-short{
    color:#697882;
    display:block;
    font-size:14px
}
.about-box-content{
    color:#1c2022;
    font-size:16px;
    line-height:1.4;
    margin-top:14px
}


.about-box-content-lt-margin{
    color:#1c2022;
    font-size:16px;
    line-height:1.4;
    margin-top:14px;
    margin-left:50px	
}


.about-box-content a{
    color:#2b7bb9
}
.about-box-content .Emoji{
    height:1.25em;
    padding:0 .05em 0 .1em;
    vertical-align:-.2em;
    width:1.25em
}

.more-loves{
    align-items:center;
    display:flex;
    justify-content:center;
    margin-top:1.5rem;
    text-align:center
}
.more-loves .button{
    height:auto;
    padding:.75em 1.5em
}
.more-loves .button span{
    -webkit-transform-origin:center center;
    transform-origin:center center;
    transition:-webkit-transform 86ms ease-out;
    transition:transform 86ms ease-out;
    transition:transform 86ms ease-out,-webkit-transform 86ms ease-out
}
.more-loves .button:hover span{
    -webkit-transform:scale(1.04);
    transform:scale(1.04)
}
	
.about-bottom{
	text-align:center;
	margin-bottom: 2rem;
	background-image: url('../images/mudeungsan.jpg');
	background-position: center;
	background-repeat:  no-repeat;
	background-size:  cover;		
}
.about-strokeme, .about-strokeme h1, .about-strokeme p{
	    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 620px;
	color: white;
		text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	-webkit-font-smoothing: antialiased;
	word-break: keep-all;	
}

.about-strokeme span:hover{
	color: yellow;
}



/* 남다른서비스 */


p{
	word-break: keep-all;
    margin-bottom:0.5rem;	
}

.section-title-wrapper .section-title{
    margin-bottom:0;
    padding:10px 0
}
.section-title-wrapper .subtitle{
	word-break: keep-all;
    padding:20px 25%;
}

.section .section-title-wrapper{
    position:relative;
    padding:40px 20px
}

.section .section-title-wrapper .bg-number{
    position:absolute;
    text-align:center;
    font-weight:bolder;
    top:-18px;
    margin-left:auto;
    margin-right:auto;
    left:0;
    right:0;
    font-size:160px;
    z-index:0;
    opacity:0.1;
    color:#999;
    width:160px;
    height:160px;
}



@media (max-width: 767px){
    .section-title-wrapper .subtitle{
        padding:30px 0
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
    .section-title-wrapper .subtitle{
        padding:20px 10% !important;
    }
	.service-box{
        text-align:center
    }
    .service-box .title-divider{
        margin:0 auto
    }
}

	

.section .title-divider{
    margin:10px 0;
    width:80px;
    height:5px;
    background:skyblue
}

.centered-title .title-divider{
    margin:10px auto
}


.service-box h2,.service-box h5{
    padding:1.5rem 0;
	word-break: keep-all;
	
}


.simple-accordion-wrapper .accordion-section{
    position:relative;
    width:100%;
/*  height:auto; */
    background-color:#fff;
    border:1px solid #ededed
}
.simple-accordion-wrapper .accordion-section a{
    display:block;
    padding:10px 15px;
    text-decoration:none;
    color:#555;
    font-weight:600;
    transition:all 0.2s linear
}
.simple-accordion-wrapper .accordion-section a i{
    position:relative;
    float:right;
    margin-top:4px;
    color:#666
}
.simple-accordion-wrapper .accordion-section a.active{
    background-color:#444F60;
    color:#fff
}
.simple-accordion-wrapper .accordion-section a.active i{
    color:#fff
}
.simple-accordion-wrapper .accordion-section .accordion-content{
    position:relative;
    width:100%;
    height:auto;
    background-color:#fff;
    display:none
}
.simple-accordion-wrapper .accordion-section .accordion-content p{
    padding:0.75rem 0.75rem;
    margin:0;
    color:#333
}

.simple-accordion-wrapper.is-secondary a.active{
    background-color:skyblue
}

.simple-accordion-wrapper{
    counter-reset:accItems
}
.simple-accordion-wrapper .accordion-section a{
    counter-increment:accItems;
	background-color:skyblue;
}
.simple-accordion-wrapper .accordion-section a::before{
    content:"0" counter(accItems) ". "
}
.simple-accordion-wrapper .accordion-section a:nth-child(n+10):before{
    content:"0" counter(accItems) ". "
}

.centered-title{
    text-align:center
}
.centered-title h2{
    font-size:2.4rem;
    font-weight:600;
    color:#444F60
}
.centered-title .subheading{
    font-weight:600;
    max-width:70vh;
    margin:0 auto;
    padding:10px 20px;
    font-size:18px;
    color:#A9ABAC
}
.centered-title .title-divider{
    margin:10px auto
}
.centered-title.is-inverted h2,.centered-title.is-inverted .subheading{
    color:#fff
}

.section-light-grey{
	background-color:#EFF4F7;
}


.main-post .post-image{
    position:relative;
    border-radius:6px;
}


.main-post .post-image img{
    display:block;
    border-radius:6px;
    box-shadow:0 14px 26px -12px rgba(103,58,183,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(103,58,183,0.2) !important
}

.post-image-centered{
    position:relative;
    border-radius:6px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	max-width: 500px;
	
}


.post-image-centered img{
    display:block;
    border-radius:6px;
    box-shadow:0 14px 26px -12px rgba(103,58,183,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(103,58,183,0.2) !important
}


.main-post .post-content{
    padding:20px
}
.main-post .post-content h2{
    margin:10px 0 5px 0
}

.side-post{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:start;
    align-items:start;
    margin-bottom:20px
}
.side-post .post-image{
    position:relative
}
.side-post .post-image img{
    display:block;
    width:100px;
    min-width:100px;
    height:100px;
    min-height:100px;
    object-fit:cover;
    border-radius:6px;
    box-shadow:0 14px 26px -12px rgba(103,58,183,0.42),0 4px 23px 0px rgba(0,0,0,0.12),0 8px 10px -5px rgba(103,58,183,0.2) !important
}


.side-post .post-content{
    -ms-flex-positive:2;
    flex-grow:2;
    padding:0 20px
}
.side-post .post-content h3{
    margin-bottom:6px
}
.side-post .post-content h3 a{
    transition:all .3s
}
.side-post .post-content h3 a:hover{
    opacity:0.7
}

.section .title-divider.is-right{
    margin-left:auto
}
.section .title-divider.is-centered{
    margin:0 auto
}

.featured-img{
    max-width:450px;
    z-index:-1
}
@media (max-width: 767px){
    .featured-img{
        max-width:100% !important
    }
}

.title, .subtitle{
line-height:1.5!important;
}


.section.is-hero .section-header{
    max-width:520px
}

.section.is-hero .section-header .title{
    color:deepskyblue;
}

.section.is-hero .section-media{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    max-width:600px
}

.section-media{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center
}

.section-media p{
    margin-top:1rem
}

.circle-number {
	color: hsl(217, 71%, 53%);
    font-size:2.5rem;
    font-weight:700;	
}

.circle-number2 {
	color: rgb(108, 154, 230);
    font-size:2rem;
    font-weight:700;	
}

.ha-type-img{
	color: rgb(108, 154, 230);
    font-size:2rem;
    font-weight:700;
	width: 70px;
}

.hearing-box{
    background-color: skyblue;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
    padding:20px;
	margin-top: 20px;
    text-align:left
}


.binaural-box{
    background-color: white;
    border-radius:6px;
    color:#697882;
    flex-shrink:0;
    font-size:16px;
    padding:20px;
	margin-top: 20px;
    text-align:left
}

.center-icon {
	text-align:center;
	display: inline-block;
	width: 100%;
/*     padding:10px; */
}


@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 10s slidy infinite; 
}