/**************************************************************
* 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 .btn_banner {display:block}


/**************************************************************
* Visual
**************************************************************/
.healing_visual {overflow:hidden;height:834px;background:url(../images/bg_visual.jpg) 50% 0 no-repeat}
.healing_visual .inner {position:relative;width:1080px;height:834px;}
.healing_visual .vis_banner{display:block; position:absolute; top:0px; right:50px; z-index:1; animation: wobble-hor-top 1.5s both;}
.healing_visual .title{position:absolute; top:80px; left:240px;}
.healing_visual .vis_img{position:absolute; top:337px; left:54px;}
.healing_visual .vis_img ul{position:relative;}
.healing_visual .vis_img ul li{cursor:pointer;}
.healing_visual .vis_img ul li:first-child{position: absolute; left: -100px;}
.healing_visual .vis_img ul li:last-child{position:absolute; top:0; left:390px;}

@keyframes wobble-hor-top {
  0%,100% {transform: translateX(0%); transform-origin: 50% 50%;}
  15% {transform: translateX(-30px) rotate(6deg);}
  30% {transform: translateX(15px) rotate(-6deg);}
  45% {transform: translateX(-15px) rotate(3.6deg);}
  60% {transform: translateX(9px) rotate(-2.4deg);}
  75% {transform: translateX(-6px) rotate(1.2deg);}
}

/* 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 .tag {margin-left:-35px}
.healing_list li.li02 .tag {margin-left:7px}
.healing_list li.li01 .thumb:after {margin-left:-22px;background-color:#0090af}
.healing_list li.li02 .thumb:after {margin-left:-18px;background-coloR:#0090af}
.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:0 0 94px 0;background:#f3f4ff url(../images/bg_cnt_02.jpg) 50% 0 no-repeat}
.healing_contents .contents.cnt_02 {padding:0 0 96px 0;background:url(../images/bg_cnt_03.jpg) 50% 0;}
.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:#e476aa}
.top_headline .type .ko {float:left;font-size:24px;line-height:59px;color:#e476aa;letter-spacing:-0.1em}
.top_headline .type .bar {float:left;width:33px;height:2px;margin:28px 11px 0 11px;background-color:#e476aa}
.top_headline .info {margin-bottom:87px}
.top_headline .info dt {margin-bottom:16px;font-size:22px;line-height:28px;color:#e476aa;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:#00a6ff}
.cnt_02 .top_headline .type {margin-bottom:20px}
.cnt_02 .top_headline .type .ko {color:#00a6ff}
.cnt_02 .top_headline .type .en {color:#00a6ff}
.cnt_02 .top_headline .type .bar {background-color:#00a6ff}

/* 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:261px;left:208px;padding:40px 0 0 100px}
.cnt_02 .tag_list {top:221px;right:319px;height:281px;padding:30px 0 0 90px}

/* 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:90px;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:75px;}
.box_recommend .list .rec0201 {margin-left:0;}
.box_recommend .icon {display:inline-block;width:100%;height:89px;font-size:0}
.box_recommend .rec0101 .icon {background:url(../images/icon_0101.png) 50% 4px no-repeat}
.box_recommend .rec0102 .icon {background:url(../images/icon_0102.png) 52% 7px 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% 10px no-repeat}
.box_recommend .rec0202 .icon {background:url(../images/icon_0202.png) 50% 9px no-repeat}
.box_recommend .rec0203 .icon {background:url(../images/icon_0203.png) 50% 16px no-repeat}
.cnt_01 .box_recommend {padding-left:418px}
.cnt_01 .box_recommend .title:before,
.cnt_01 .box_recommend .title:after {background-color:#e476aa}
.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:#6bb6ea}
.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 #e4e4e4}
.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:#da6b09;}
.cnt_01 .tbl_healing tr:hover td {background-color:#fff3de;}
.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:#0cb02b;}
.cnt_02 .tbl_healing tr:hover td {background-color:#e7ffed}
.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)}
}