.content-header {
	height: 630px;
	background: none;
	}
.content-header .wide-angle {
	position: absolute; top: 0; right: 340px;
    width: 580px;
    height: 400px;
	background: url("https://gi.esmplus.com/futizen/thebetterwe/clouds_plan.jpg") bottom left no-repeat;
	animation: animatebackgroundbottom 30s;
	animation-iteration-count: infinite;
	overflow: hidden;
	z-index: -1;
	}
@keyframes animatebackgroundbottom {
	0% { background-position: 0% bottom; }
	100% { background-position: 100% bottom ; }
	}
.content-header .wide-angle .animate-airplan {
	position: absolute; top: 100px; left: 100px;
	width: 300px;
	transform: rotate(25deg);
	}
.content-header h1.logo {
	display: none;
	margin: 0;
	padding-top: 5px;
	}
.content-header h1.logo img {
	width: 200px;
	}
.content-header .logo-wrap {
	width: calc(50% - 320px);
	height: 630px;
	background: url("/common_file/image/header_top_bg.webp") 50% 0 repeat-y;
	}
.content-header .logo-wrap h2 {
	float: right;
	width: 260px;
	margin: 5px 0;
	padding-right: 10px;
	text-align: right;
	z-index: 3;
	}
.content-header .logo-wrap h2 img {
	width: 240px;
	}
.content-header .smily-wrap {
	width: calc(50% + 320px);
	height: 630px;
	background: url("/solution/plus79/common_file/image/container_bg_blue.webp") right bottom no-repeat;
	background-size: cover;
	}
.content-header .smily {
	width: 512px;
	margin: 64px 0 0 60px;
	}
.content-header .smily h2 {
	width: 340px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: "Moirai One", cursive; font-size: 64px; font-weight: bold;
	}
.content-header .smily h2 img {
	position: absolute; top: -36px; right: 32px;
	width: 80px;
	animation-name: heart_spin;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	}
@keyframes heart_spin {
	0% { transform: rotateY(0deg);}
	20% { transform: rotateY(360deg); }
	25% { transform: translateY(-8px) }
	30% { transform: translateY(0) }
	40% { transform: rotateY(-360deg);}
	75% { transform: translateY(-8px) }
	80% { transform: translateY(0) }
	}
.content-header .smily h2 span {
	position: absolute; top: 50px; left: 34px;
	font-family: "Cafe24Dangdanghae"; font-size: 32px; font-weight: normal;
	}
.content-header .smily h2 span b {
	margin-right: 20px;
	color: transparent;
	}
.content-header .smily .loader::before {
	content: '';
	position: absolute;
	left: 140px; bottom: 10px;
	width: 6px;
	height: 24px;
	background: #fff;
	animation: animateIS 1s ease-in infinite;
	}
.content-header .smily .loader::after {
	content: '';
	position: absolute; left: 138px; top: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #cb1d4c;
	animation: animateCIS 1s ease-in infinite;
	}
@keyframes animateIS {
	0% { height: 22px; }
	100% { height: 24px; }
	}
@keyframes animateCIS {
	0% { transform: translateY(-8px) scaleY(1) scaleX(1.25); }
	25%, 75% { transform: translateY(-16px) scaleY(1.2) scaleX(1); }
	50% { transform: translateY(-24px) scaleY(1) scaleX(1); }
	100% { transform: translateY(-8px) scaleY(0.8) scaleX(0.8); }
	}
.content-header .smily h2 a {
	display: block;
	width: 100%;
	}
.content-header .smily h2 a .external {
	display: none;
	position: absolute; top: 20px; left: 220px;
	float: none;
	width: auto;
	margin-top: 0;
	font-family: "Cafe24Dangdanghae"; font-weight: normal; font-size: 18px;
	}
.content-header .smily h2 a .external i {
	margin-left: 10px;
	}
.content-header .smily h2 a:link, .content-header .smily h2 a:visited { font-weight: bold; color: #fff; }
.content-header .smily h2 a:hover {
	font-weight: bold; color: #fff;
	animation: bounce 1s linear;
	}
.content-header .smily h2 a:hover .external {
	display: block;
	}
.content-header .smily h2 a:active { font-weight: bold; color: #fff; }

.content-header .smily .video-wrap {
	margin-top: 120px;
	}
.content-header .smily .video-wrap iframe {
	width: 512px; height: 292px;
	border: 3px solid #a7a9ac;
	}
.content-header .smily .video-wrap h3 {
	margin: 0;
	color: #fff;
	font-family: "Cafe24Danjunghae"; font-size: 18px;
	}
.content-header .smily .video-wrap h3 .serendipity {
	position: absolute; top: 0; right: 0;
	font-family: "Moirai One", cursive; font-size: 36px; font-weight: bold;
	transform: rotate(44deg);
	}
.content-header .smily .video-wrap .news {
	position: absolute; bottom: -38px; right: 10px;
	width: 140px;
	}
.content-header .smily .video-wrap .news a {
	display: block;
	font-family: "Cafe24Dangdanghae"; font-size: 24px;
	}
.content-header .smily .video-wrap .news a img {
	width: 48px;
	height: 48px;
	margin-left: 10px;
	border: 3px solid #d7f1fd; border-radius: 50%;
	}
.content-header .smily .video-wrap .news a:link, .content-header .smily .video-wrap .news a:visited { color: #b5e6fb; }
.content-header .smily .video-wrap .news a:hover, .content-header .smily .video-wrap .news a:active { color: #fff; }

.content-header .channel-wrap {
	position: absolute; top: 0; left: 0;
	width: calc(50% - 320px);
	height: 630px;
	}
.content-header .channel-wrap .channel-slider {
	position: absolute; top: 286px; right: 10px;
	width: 168px;
	height: 292px;
	overflow: hidden;
	}
.content-header .channel-wrap .channel-slider li {
	margin: 1px 0;
	border: 1px solid #fff;
	}
.content-header .channel-wrap .channel-slider li img {
	width: 100%;
	}
.content-header .channel-wrap .channel-slider li button {
	position: absolute; bottom: 5px; right: 5px;
	border-radius: 10px;
	}
.content-header .channel-wrap .channel-slider li button:hover {
	animation: bounce 1s linear;
	}
.content-header .channel-wrap .channel-slider li button img {
	width: 32px;
	}
h3.youtube {
	margin: 30px 0;
	padding: 0;
	border: none;
	font-family: "Cafe24Dangdanghae";
	color: #212121;
	}
h3.youtube img {
	margin-right: 10px;
	vertical-align: text-bottom;
	}
.content-section dd {
    margin-bottom: 0;
    padding-left: 0;
	}
.content-section .studio dl {
	width: 50%;
	padding-right: 20px;
	}
.content-section .studio dt {
	width: 180px;
	margin: 0;
	height: 34px;
	font-family: "Cafe24Dangdanghae";
	color: #000938;
	}
.content-section .studio dt sub {
	position: absolute; right: 5px; bottom: 10px;
	}
.content-section .studio dd {
	width: calc(100% - 180px);
	height: 34px;
	padding-top: 10px;
	border-bottom: 1px solid #000938;
	font-weight: bold;
	text-align: right;
	}
.content-section .studio dt.pack {
	width: 100%;
	height: auto;
	}
.content-section .studio dd.pack {
	width: 100%;
	height: auto;
	padding-top: 5px;
	}
.content-section .studio dd.pack span {
	position: absolute; left: 0;
	font-size: 14px; font-weight: bold;
	color: #000938;
	}
.content-section .studio div.channel {
	width: 50%;
	}
.content-section .studio div.channel img[alt="smily"] {
	width: 100%;
	}
.content-section .studio div.channel ul {
	display: none;
	position: absolute;
	height: 100%;
	}
.content-section .studio div.channel li {
	background-color: rgba(255,255,255, .9);
	height: 36%;
	}
.content-section .studio div.channel li span {
	margin-left: 10px;
	font-family: "Cafe24Dangdanghae"; font-size: 24px;
	color: #212121;
	}
.content-section .studio div.channel ul li:nth-child(1) span {
	position: absolute; bottom: 20px; left: 40%;
	margin-left: 0;
	color: #fff;
	}
.content-section .studio div.channel ul li:nth-child(2) {
	padding-top: 3%;
	height: 36%;
	}
.content-section .studio div.channel ul li:nth-child(3) {
	height: 28%;
	}
.content-section .studio div.channel ul li:nth-child(1) img {
	width: 100%;
	}
.content-section .studio div.channel ul li:nth-child(2) img {
	width: 80px;
	}
.content-section .studio div.channel ul li:nth-child(3) img {
	width: 33.33333%;
	}
.content-section .studio:hover div.channel ul {
	display: block;
	}
.service-wrap dl {
	width: calc(33.33333% - 2px);
	margin: 1px;
	padding: 10px;
	border: 1px solid #ddd;
	}
.service-wrap dl:nth-child(1), .service-wrap dl:nth-child(2), .service-wrap dl:nth-child(3) {
	height: 640px;
	}
.service-wrap dl:nth-child(6) {
	height: 450px;
	}
.service-wrap dt {
	padding: 10px 0;
	font-size: 24px; font-family: "Cafe24Danjunghae";
	text-align: center;
	}
.service-wrap dt span {
	display: block;
	font-size: 18px;
	}
.service-wrap .cost {
	height: 68px;
	padding: 10px;
	font-size: 24px; font-family: "Cafe24Danjunghae"; font-weight: normal; color: #328fc1;
	text-align: center;
	}
.service-wrap .cost p {
	font-size: 16px; font-family: "Nanum Gothic"; font-weight: bold;
	color: #ff33cc;
	}
.service-wrap .used {
	height: 24px;
	font-weight: bold;
	text-align: center;
	}
.service-wrap .used em {
	display: inline-block;
	margin-right: 10px;
	padding: 0 5px;
	border-radius: 5px;
	background-color: #388ded; color: #fff;
	}
.service-wrap dd ul {
	margin-top: 20px;
	}
.service-wrap dd li {
	margin: 1px 0;
	padding: 5px 0 5px 10px;
	border: 1px solid #d1d1d1; border-left-width: 5px;
	font-size: 16px; font-family: "Nanum Gothic"; font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}
.service-wrap dd .info li {
	border: none;
	white-space: normal;
	overflow: visible;
	text-overflow: initial;
	text-align: justify;
	}
.add-info-wrap .add-info-head {
	height: 512px;
	margin-top: 20px;
	border-top: 3px solid transparent; border-bottom: 3px solid transparent;
	border-image: url("/common_file/image/gold_line.jpg") 1 stretch;
	overflow: hidden;
	}
.add-info-wrap .add-info-head iframe {
	position: absolute; top: 40%; left: 50%;
	width: 120vw;
	height: 120vh;
	transform: translate(-50%, -40%);
	}
@media (min-aspect-ratio: 16/9) {
	.add-info-wrap .add-info-head iframe {
		height: 56.25vw; /* height = 100 * (9 / 16) = 56.25 */
		}
	}
@media (max-aspect-ratio: 16/9) {
	.add-info-wrap .add-info-head iframe {
		width: 177.78vh; /* width = 100 / (9 / 16) = 177.777777 */
		}
	}
.add-info-wrap .add-info-head div {
	height: 512px;
	background: url("../image/container_bottom_blue.webp") center top no-repeat;
	background-size: cover;
	opacity: .5;
	}
.add-info-wrap .add-info-body {
	height: 512px;
	margin-top: -512px;
	}
.add-info-wrap .add-info-body .content::after {
    content: url("/common_file/image/bars_yp.png");
    position: absolute; right: 0; top: -140px;
	}
.add-info-wrap .add-info {
	}
.add-info-wrap .add-info::after {
	content: url("/common_file/image/bars_multi.png");
	position: absolute; left: 0; top: -140px;
	}
.add-info-wrap .add-info .channel-info {
	width: calc(100% - 360px);
	padding-top: 80px;
	font-weight: bold;
	}
.add-info-wrap .add-info .channel-info h3 {
	margin: 0;
	font-family: "Oswald";
	color: #212121;
	}
.add-info-wrap .add-info .channel-info h3 span {
	display: block;
	margin-top: 5px;
	font-family: "SF_HambakSnow"; font-size: 42px;
	color: #e70014; 
	}
.add-info-wrap .add-info .channel-info img[alt="youtube note"] {
	position: absolute; top: 0; right: 0;
	width: 240px;
	border-top-left-radius: 50%; border-bottom-left-radius: 50%;
	}
.add-info-wrap .add-info .channel-info h4 {
	margin: 80px 0 10px;
	font-family: "Cafe24Dangdanghae"; font-size: 24px;
	color: #212121;
	}
.add-info-wrap .add-info .channel-info h4 img {
	margin-right: 10px;
	vertical-align: text-bottom;
	}
.add-info-wrap .add-info .channel-info ul {
	}
.add-info-wrap .add-info .channel-info li {
	padding: 5px 0 5px 20px;
	}
.add-info-wrap .add-info .channel-info li:before {
	content: url("/common_file/image/bullet_green_16.png");
	position: absolute; top: 7px; left: 0;
	}
.add-info-wrap .add-info .channel-info ul p {
	padding-left: 20px;
	}
.add-info-wrap .add-info .channel-info ul p:before {
	content: "⤿";
	position: absolute; top: -3px; left: 0;
	}
.add-info-wrap .add-info .channel-info pre {
	width: 90%;
	margin-top: 30px;
	padding: 10px;
	border: 1px solid #d1d1d1; border-radius: 12px;
	text-align: justify;
	}
.add-info-wrap .add-info .channel-info pre em {
	margin: 0 10px;
	color: #e70014;
	}
.add-info-wrap .add-info .shorts {
	width: 360px;
	height: 720px;
	margin-top: -50px;
	padding: 80px 18px 0;
	background: url("../image/iphone_360.png") top center no-repeat;
	}
.add-info-wrap .add-info .shorts iframe {
	width: 320px;
	height: 560px;
	border: none;
	}
.add-info-wrap .add-info .shorts p button {
	position: absolute; top: 16px; left: 70px;
	width: 40px;
	height: 40px;
	background-color: #fff;
	border-radius: 50%;
	box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 0px, rgba(255, 255, 255, 0.6) -2px -2px 4px 0px;
	}
.add-info-wrap .add-info .shorts p button:last-child {
	left: auto; right: 70px;
	}
.add-info-wrap .add-info .shorts p button:active {
	box-shadow: rgba(0, 0, 0, 0.3) -2px -2px 4px 0px, rgba(255, 255, 255, 0.6) 2px 2px 4px 0px;
	}
.reserve-wrap {
	margin-top: -40px;
	z-index: -1;
	}
.add-info-wrap .add-info .shorts .slick-prev {
	display: none !important;
	z-index: 1;
	}
@media (max-width: 1400px) {
	.content-header .smily-wrap {
		background-image: url("/common_file/image/container_bg_blue.webp");
		background-size: auto;
		}
	.content-header .wide-angle {
			right: 10px;
		}
	}
@media (max-width: 1160px) {
	.content-header .logo-wrap {
		width: 260px;
		}
	.content-header .smily-wrap {
		width: calc(100% - 260px);
		}
	.content-header .channel-wrap {
		width: 260px;
		}
	}
@media (max-width: 860px) {
	.content-header {
		height: auto;
		}
	.content-header .logo-wrap {
		width: 100%;
		height: auto;
		background-image: none;
		}
	.content-header .logo-wrap h2 {
		float: left;
		}
	.content-header .smily-wrap {
		width: 100%;
		height: auto;
		margin-top: -142px;
		padding-bottom: 10px;
		}
	.content-header .wide-angle {
		top: 40px;
		}
	.content-header .smily {
		margin: 160px 0 0 10px;
		}
	.content-header .channel-wrap {
		left: 530px; top: 98px;
		width: 168px;
		}
	.content-header .channel-wrap .channel-slider {
		right: 0;
		width: 100%;
		}
	.content-header .smily .video-wrap .news {
		bottom: 0px;
		}
	}
@media (max-width: 740px) {
	.content-header .channel-wrap {
		position: relative; top: auto; left: auto;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 10px 0;
		background: url("/common_file/image/header_top_bg.webp") 50% 0 repeat-y;
		}
	.content-header .channel-wrap .channel-slider {
		position: relative; top: auto; right: auto;
		width: 512px;
		height: 97px;
		margin-left: 10px;
		}
	.content-header .channel-wrap .channel-slider li {
		width: 33.33333%;
		}
	}
@media (max-width: 600px) {
	.content-header .smily-wrap {
		background-position: -600px 0;
		}
	}
@media (max-width: 532px) {
	.content-header .smily {
		width: 100%;
		margin-left: 0;
		}
	.content-header .smily .video-wrap {
		padding: 0 5px;
		}
	.content-header .smily .video-wrap iframe {
		width: 100%;
		}
	.content-header .channel-wrap .channel-slider {
		width: calc(100% - 10px);
		margin: 0 5px;
		}
	}
@media (max-width: 340px) {
	.content-header .logo-wrap h2 {
		text-align: left;
		}
	.content-header .logo-wrap h2 img {
		width: 200px;
		}
	.content-header .smily h2 {
		width: 100%;
		}
	.content-header .smily h2 img {
		right: 0; top: -64px;
		}
	.content-header .wide-angle .animate-airplan {
		left: calc(100% - 150px);
		width: 140px;
		}
	.content-header .smily .video-wrap h3 {
		font-size: 16px;
		}
	}