/**************************************************************
* Healing Inside
**************************************************************/
.healing_inside {overflow:hidden}
.healing_inside .inner {width:1080px;margin:0 auto;}
.healing_inside .quick_banner {display:block;position:fixed;top:330px;right:50%;margin-right:-840px;z-index:10;opacity:0;transition:0.95s}
.healing_inside .quick_banner.ani {opacity:1}
.healing_inside a:hover {text-decoration:none}
.healing_foot {padding:30px 0 62px 0}
.healing_foot .btn_banner {display:block}


/**************************************************************
* Visual
**************************************************************/
.healing_visual {overflow:hidden;position:relative;height:635px;background:url(../images/bg_visual.jpg) 50% 0 no-repeat}
.healing_visual .bg_wave {position:absolute;top:0;left:50%;z-index:0;width:1920px;height:635px;margin-left:-960px;transition:1.5s;background:url(../images/bg_wave.png) 50% 0 repeat-x}
.healing_visual .bg_wave {animation:wave 300000s linear infinite alternate;}
.healing_visual .box_record {position:absolute;top:115px;right:50%;width:110px;height:400px;margin-right:-650px;z-index:1}
.healing_visual .box_record .record {position:absolute;top:0;left:0}
.healing_visual .inner {position:absolute;top:35px;left:50%;z-index:10;margin-left:-540px;width:1080px;height:567px;background:url(../images/bg_inner.png) 0 0 no-repeat}
.healing_visual .inner:after {display:block;content:'';clear:both}

.healing_visual .left {float:left;width:493px}
.healing_visual .swiper-container {width:493px}
.healing_visual .swiper-slide {position:relative;height:567px;padding-top:58px;box-sizing:border-box;cursor:pointer}
.healing_visual .swiper-slide:after {display:block;position:absolute;bottom:86px;right:96px;width:18px;height:17px;background:url(../images/icon_more.png) 0 0 no-repeat;content:''}
.healing_visual .swiper-slide:hover:after {animation:more_spin 1s linear infinite}
.healing_visual .swiper-slide img {opacity:0}
.healing_visual .swiper-slide .off {margin-left:50px;transition:1.5s}
.healing_visual .swiper-slide .on {position:absolute;top:40px;left:44px;margin-left:-40px;transition:0.8s}
.healing_visual .swiper-slide-active .off {opacity:1;margin-left:128px}
.healing_visual .swiper-slide-active .on {opacity:1;margin-left:0}

.healing_visual .btn_swiper {position:absolute;bottom:56px;left:176px;z-index:20;width:136px;height:72px}
.healing_visual .swiper-button-prev,
.healing_visual .swiper-button-next {width:17px;height:17px;margin-top:-10px;outline:0 none;transition:0.1s}
.healing_visual .swiper-button-prev {left:0;background:url(../images/btn_prev.png) 0 0 no-repeat}
.healing_visual .swiper-button-next {right:0;background:url(../images/btn_next.png) 0 0 no-repeat}
.healing_visual .swiper-button-prev:hover {background-image:url(../images/btn_prev_on.png)}
.healing_visual .swiper-button-next:hover {background-image:url(../images/btn_next_on.png)}
.healing_visual .swiper-play {position:absolute;top:0;left:34px;width:71px;height:71px;border-radius:50%;background:url(../images/btn_play.png) 0 0 no-repeat;cursor:pointer;transition:0.2s}
.healing_visual .swiper-play.stop {background:url(../images/btn_stop.png) 0 0 no-repeat}
.healing_visual .swiper-play:hover {box-shadow:0 0 10px rgba(173,106,253,0.3)}

.healing_visual .right {float:right;position:relative;width:587px;height:567px}
.healing_visual .link_banner {display:block;position:absolute;bottom:35px;right:90px;transition:0.2s}
.healing_visual .link_banner:hover {box-shadow:5px 5px 5px #aaa}
.healing_visual .swiper-pagination {position:absolute;top:220px;right:90px}
.healing_visual .swiper-pagination-bullet {width:7px;height:7px;margin-left:4px;background-color:#c0c0c0;opacity:1}
.healing_visual .swiper-pagination-bullet-active {background-color:#54449a}

/* Visual : °­ÀǸñ·Ï */
.healing_list {position:absolute;top:228px;right:0;width:480px}
.healing_list:after {display:block;content:'';clear:both}
.healing_list li {float:left;cursor:pointer}
.healing_list li.li01 {width:160px;margin-right:40px;}
.healing_list li.li02 {width:165px;}
.healing_list .tag {display:block;position:relative;margin:0}
.healing_list .tag .on {position:absolute;top:0;left:0;opacity:0;transition:0.2s}
.healing_list .thumb {display:block;position:relative;}
.healing_list .thumb .on {position:absolute;top:0;left:0;opacity:0;transition:0.2s}
.healing_list .thumb:after {display:block;position:absolute;bottom:9px;left:50%;width:0;height:8px;border-radius:30px;background:#000;content:''}
.healing_list li.li01 .thumb:after {margin-left:-22px;background-color:#ad6afd}
.healing_list li.li02 .thumb:after {margin-left:-18px;background-coloR:#33f4cb}
.healing_list li.li02 .thumb {margin-left:10px}
.healing_list li.active .on {opacity:1}
.healing_list li.active .thumb:after {width:31px;transition:2s}


/**************************************************************
* Contents
**************************************************************/
/* Contents : layout */
.healing_contents .contents.cnt_01 {padding:58px 0 100px 0;background:#f1f6f2 url(../images/bg_contents_01.jpg) 50% 0 no-repeat}
.healing_contents .contents.cnt_02 {padding:63px 0 90px 0;background:#f6edff url(../images/bg_contents_02.jpg) 50% 0 no-repeat}
.healing_contents .contents .inner {position:relative}

/* Contents : headline */
.top_headline {position:relative;box-sizing:border-box}
.top_headline .headline {margin-bottom:30px;font-weight:normal;font-size:42px;line-height:48px;color:#333;letter-spacing:-0.1em}
.top_headline .type {display:block;overflow:hidden;height:51px;margin-bottom:9px;font-style:normal}
.top_headline .type .en {float:left;font-size:42px;line-height:46px;color:#772cd0}
.top_headline .type .ko {float:left;font-size:24px;line-height:59px;color:#772cd0;letter-spacing:-0.1em}
.top_headline .type .bar {float:left;width:33px;height:2px;margin:28px 11px 0 11px;background-color:#772cd0}
.top_headline .info {margin-bottom:87px}
.top_headline .info dt {margin-bottom:16px;font-size:22px;line-height:28px;color:#248b63;letter-spacing:-0.1em}
.top_headline .info dd {font-size:17px;line-height:26px;color:#484848;letter-spacing:-0.1em}
.top_headline .info .source {margin-left:5px;font-size:16px}

.cnt_01 .top_headline {padding-left:480px}
.cnt_02 .top_headline .info {margin-bottom:110px}
.cnt_02 .top_headline .info dt {margin-bottom:21px;color:#299fb4}
.cnt_02 .top_headline .type {margin-bottom:20px}
.cnt_02 .top_headline .type .ko {color:#299fb4}
.cnt_02 .top_headline .type .en {color:#299fb4}
.cnt_02 .top_headline .type .bar {background-color:#299fb4}

/* Contents : tag */
.tag_list {position:absolute;width:281px;height:281px;box-sizing:border-box}
.tag_list li {font-weight:bold;font-size:22px;line-height:56px;color:#fff;letter-spacing:-0.1em}
.cnt_01 .tag_list {top:248px;left:186px;padding:48px 0 0 132px}
.cnt_02 .tag_list {top:221px;right:319px;height:281px;padding:56px 0 0 77px}

/* Contents : ÀÌ·± ¼±»ý´Ô²² ÃßõÇÕ´Ï´Ù! */
.box_recommend {margin-bottom:40px}
.box_recommend .title {display:block;position:relative;margin-bottom:22px;text-align:right;}
.box_recommend .title:before,
.box_recommend .title:after {display:block;position:absolute;top:-12px;width:4px;height:4px;border-radius:50%;content:''}
.box_recommend .list {overflow:hidden}
.box_recommend .list li {float:left;margin-left:80px;text-align:center}
.box_recommend .list li p {height:76px;margin:0;font-size:16px;line-height:24px;color:#333;letter-spacing:-0.1em;text-align:center}
.box_recommend .list .rec0101 {margin-left:62px}
.box_recommend .list .rec0201 {margin-left:33px}
.box_recommend .icon {display:inline-block;width:100%;height:89px;font-size:0}
.box_recommend .rec0101 .icon {background:url(../images/icon_0101.png) 50% 10px no-repeat}
.box_recommend .rec0102 .icon {background:url(../images/icon_0102.png) 52% 12px no-repeat}
.box_recommend .rec0103 .icon {background:url(../images/icon_0103.png) 50% 11px no-repeat}
.box_recommend .rec0201 .icon {background:url(../images/icon_0201.png) 50% 23px no-repeat}
.box_recommend .rec0202 .icon {background:url(../images/icon_0202.png) 50% 25px no-repeat}
.box_recommend .rec0203 .icon {background:url(../images/icon_0203.png) 50% 20px no-repeat}
.cnt_01 .box_recommend {padding-left:418px}
.cnt_01 .box_recommend .title:before,
.cnt_01 .box_recommend .title:after {background-color:#7b33d1}
.cnt_01 .box_recommend .title:before {right:121px}
.cnt_01 .box_recommend .title:after {right:92px}
.cnt_02 .box_recommend .icon {height:88px}
.cnt_02 .box_recommend {margin-bottom:43px;padding-right:418px}
.cnt_02 .box_recommend .title {margin-bottom:34px;text-align:left}
.cnt_02 .box_recommend .title:before,
.cnt_02 .box_recommend .title:after {background-color:#0f8ca2}
.cnt_02 .box_recommend .title:before {left:188px}
.cnt_02 .box_recommend .title:after {left:216px}

/* Contents : table */
table {border-collapse:collapse;border-spacing:0;background-color:#fff}
.tbl_healing {width:100%;border-top:2px solid #f16702;border-bottom:1px solid #474747}
.tbl_healing th,
.tbl_healing td {border-bottom:1px solid #e2e0e1;font-family:"Malgun Gothic"}
.tbl_healing tr:last-child td {border-bottom:0 none}
.tbl_healing thead th {height:50px;font-weight:bold;font-size:16px;letter-spacing:-0.075em;color:#111}
.tbl_healing tbody td {height:44px;padding:8px 0;font-size:16px;text-align:center;color:#111;letter-spacing:-0.075em;transition:0.35s}
.tbl_healing .title {display:block;padding:0 34px;font-weight:normal;text-align:left}
.tbl_healing .btn_play {display:inline-block;width:96px;height:29px;font-size:0;background:url(../images/icon_play.png) 52% 50% no-repeat;transition:0.3s}
.cnt_01 .tbl_healing {border-top-color:#772cd0}
.cnt_01 .tbl_healing tr:hover td {background-color:#F5F0FC}
.cnt_01 .tbl_healing .btn_play:hover {text-decoration:none;background-image:url(../images/icon_play_01.png)}
.cnt_02 .tbl_healing {border-top-color:#299fb4}
.cnt_02 .tbl_healing tr:hover td {background-color:#EEF7F9}
.cnt_02 .tbl_healing .btn_play:hover {text-decoration:none;background-image:url(../images/icon_play_02.png)}

/* animation */
.box_recommend .title:before,
.box_recommend .title:after {
	-webkit-animation:jump 0.3s ease-in-out infinite alternate;
	-moz-animation:jump 0.3s ease-in-out infinite alternate;
	animation:jump 0.3s ease-in infinite alternate;
}

@-webkit-keyframes jump{
	0% {top:-12px}
	100% {top:-8px}
}

@-moz-keyframes jump{
	0% {top:-12px}
	100% {top:-8px}
}

@keyframes jump{
	0% {top:-12px}
	100% {top:-8px}
}

@keyframes wave{
	0% {background-position:0 0}
	100% {background-position:-10000000px 0}
}

@keyframes more_spin{
	0% {transform:rotate(0)}
	100% {transform:rotate(360deg)}
}