/* Reset
   http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;vertical-align:baseline;box-sizing:border-box}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none}
table {border-collapse: collapse;border-spacing:0}
img {width:100%;border:0 none}
a {display:block}
.show{display:block}
.hide{display:none}
.newfooter ul li span {display:none}
.footer img {width:auto}


/* 񃧯 layout */
.teaser {position:relative;min-width:320px;background:url('../images/bg_slide.jpg') no-repeat center top;background-size:cover}
.teaser .centerBox {width:100%;height:100%;position:relative}
.teaser .inner {padding:0 6%;box-sizing:border-box}

/* ½º¿ÍÀÌÆÛ */
.swiper-slide {box-sizing:border-box;}
.swiper-slide .slide_title {margin-bottom:3%;}
.swiper-slide a {display:block;}
.swiper-pagination {position:fixed;top:2%;bottom:auto;right:0;width:100%;padding:0 6.25%;font-size:11px;color:#fff;text-align:right}

/* ³Ñ°Üº¸±â */
.guide_round {display:none;position:fixed;top:50%;left:50%;z-index:1000;width:30%;margin:-15% 0 0 -15%;border-radius:50%;background-color:rgba(0,0,0,0.9);}
.guide_round img.hand {position:absolute;top:0;left:0;transform:rotate(-60deg);animation:hand_ani 5s ease-in-out infinite alternate;}
.guide_round img.arrow {position:absolute;top:0;left:0;opacity:0;margin-left:-5px;animation:arrow_ani 5s ease-in-out infinite alternate;}

/* visual */
.healing_visual {position:relative}
.healing_visual .txt {position:absolute;top:0;left:0;width:100%;height:100%}
.healing_visual .txt img {position:absolute;left:0;opacity:0;transition:0.95s}
.healing_visual .txt .tit_01 {top:16%;margin-left:-3%}
.healing_visual .txt .tit_02 {top:29%;margin-left:-3%}
.healing_visual .txt .tit_03 {top:35%;margin-left:3%}
.healing_visual .txt .tit_04 {top:53%;margin-top:3%}
.healing_visual .txt .tit_05 {top:68%;margin-left:-3%}
.healing_visual .txt img.ani {margin:0;opacity:1}

/* list */
.contBox {position:relative}
.list_lecture {position:absolute;top:23%;left:0;width:100%;height:100%}
.list_lecture li a {display:block;padding-bottom:19.5%;font-size:0}
.list_intro {background-color:#b7aced}
.list_intro .banner {display:block;margin-top:-3.6%}

/* animation */
@keyframes hand_ani{
	0% {transform:rotate(-60deg)}
	10% {transform:rotate(0)}
	20% {transform:rotate(-60deg)}
	30% {transform:rotate(0)}
	100% {transform:rotate(0)}
}

@keyframes arrow_ani{
	0% {opacity:0;margin-left:-5px}
	10% {opacity:1;margin-left:0}
	20% {opacity:0;margin-left:-5px}
	30% {opacity:1;margin-left:0}
	100% {opacity:1;margin-left:0}
}