@charset "UTF-8";
/*-------------------------------------------------
title       : 메인
Author      : ㅈㅁㅈ
Create date : 2020-08-03
-------------------------------------------------*/
#visual { position: relative; z-index: 0; padding-bottom: 7.5rem; background-color: #fff8e1; }

#visual > .desc { position: absolute; top: auto; left: 50%; transform: translateX(-50%); font-size: 2rem; line-height: 1.5; top: 13rem; z-index: 1; color: #555; text-align: center; word-break: keep-all; }

#visual > .desc strong img { width: 44rem; opacity: 0; transform: scale(1.2); filter: blur(10px); }

#visual > .desc strong::after { display: block; width: 0; height: 0.5rem; margin: 0.5rem auto 2rem; background-color: #f8d05e; content: ''; }

#visual > .desc span { display: block; position: relative; top: 2rem; width: 35rem; max-width: 100%; margin: 0 auto; font-weight: 400; opacity: 0; }

#visual .img { width: 120rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; display: block; position: relative; z-index: -1; max-width: 100%; height: 61.5rem; margin-bottom: -13.5rem; }

#visual .img::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background: url("/child/img/main/visual_bg.gif"); background-position-x: center; }

#visual .img .img1 { position: absolute; left: -9.5rem; bottom: 0; width: 49rem; max-width: 40%; background: url("/child/img/main/visual1_bg.png") no-repeat center center/cover; opacity: 0; filter: blur(5px); }

#visual .img .img2 { position: absolute; right: -13.5rem; bottom: 0; width: 56rem; max-width: 46%; background: url("/child/img/main/visual2_bg.png") no-repeat center center/cover; opacity: 0; }

#visual .img .img2 img { left: 2rem; }

#visual .img img { position: relative; left: -2rem; opacity: 0; }

#visual.active > .desc strong img { opacity: 1; transform: scale(1); filter: blur(0); transition: 0.5s 1.25s; }

#visual.active > .desc strong::after { width: 7rem; transition: 0.2s 1.5s; }

#visual.active > .desc span { top: 0; opacity: 1; transition: 0.5s 2s; }

#visual.active .img .img1, #visual.active .img .img2 { opacity: 1; filter: blur(0); transition: 0.5s 0.25s; }

#visual.active .img img { left: 0; opacity: 1; transition: 0.5s 0.75s; }

#visual .link { display: table; width: calc(100% + 0px); table-layout: fixed; width: 120rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; overflow: hidden; /*margin-bottom: 3.5rem;*/ border-radius: 6rem; }

#visual .link > * { display: table-cell; padding-right: 0px; vertical-align: top; }

#visual .link li:nth-child(1) a { background-color: #ffc444; }

#visual .link li:nth-child(2) a { background-color: #ff7b41; }

#visual .link li:nth-child(3) a { background-color: #57483f; }

#visual .link li:nth-child(n+2) span { color: #f8d05e; }

#visual .link li:nth-child(n+2) strong { color: #fff; }

#visual .link li:nth-child(n+2) strong::after { color: #4e4e4e; }

#visual .link li:nth-child(2) strong::after { background-color: #fff; }

#visual .link li:nth-child(3) strong::after { background-color: #ffc444; }

#visual .link a { position: relative; z-index: 0; font-size: 1.5rem; display: block; height: 24.5rem; padding: 4rem; font-weight: 500; color: #4e4e4e; }

#visual .link a:hover strong::after, #visual .link a:focus strong::after { transform: rotate(180deg); }

#visual .link strong { font-size: 2.5rem; line-height: 1.4; display: block; width: 18rem; max-width: 100%; margin-top: 1rem; font-family: "Godo"; font-weight: 400; color: #404040; word-break: keep-all; }

#visual .link strong::after { font-size: 1.4rem; display: block; width: 3.5rem; height: 3.5rem; margin-top: 2rem; border-radius: 100%; background-color: #635044; font-family: "xeicon"; font-weight: 600; color: #fff; content: ''; text-align: center; line-height: 3.5rem; transition: all 0.2s; }

#visual .link i { position: absolute; right: 4rem; bottom: 3rem; width: 11rem; }

.notice { position: relative; z-index: 0; width: 120rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; padding: 2rem 10rem 2rem 16.5rem; box-shadow: 0 0.4rem 0 #efdcac; border-radius: 2rem 0 2rem 2rem; background-color: #fff; }

.notice h2 { font-size: 2.5rem; position: absolute; left: 4rem; top: 3rem; width: 10.5rem; height: 2.5rem; border-right: 1px solid #ddd; font-family: "Godo"; color: #4e4e4e; line-height: 2.5rem; letter-spacing: -0.1rem; }

.notice .list a { position: relative; z-index: 0; display: block; height: 4rem; padding-right: 3rem; line-height: 4rem; }

.notice .list a .desc { font-size: 0; }

.notice .list a .title { font-size: 2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding-right: 22rem; font-weight: 500; }

.notice .list a .date { position: absolute; top: 50%; left: auto; transform: translateY(-50%); font-size: 1.8rem; right: 14.5rem; font-weight: 500; color: #b9b9b9; }

.notice .list a .date strong { font-weight: inherit; }

.notice .list a::after { position: absolute; top: 50%; left: auto; transform: translateY(-50%); height: 3.5rem; border: 2px solid #463e3a; line-height: 3.1rem; right: 0; width: 11rem; border-radius: 3.5rem; background-color: #463e3a; color: #fff; text-align: center; line-height: 3rem; content: '자세히보기'; transition: all 0.2s; }

.notice .list a:hover::after, .notice .list a:focus::after { background-color: #fff; color: #463e3a; }

.notice .control { overflow: hidden; position: absolute; right: 4rem; bottom: 2rem; width: 3rem; height: 3rem; text-align: center; line-height: 3rem; }

.notice .control::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 3rem; content: ''; transition: all 0.2s; }

.notice.active .control::before { transform: rotate(180deg); }

#contents { width: 120rem; max-width: calc(100% - 6rem); margin-left: auto !important; margin-right: auto !important; }

.section1 { position: relative; z-index: 0; margin: 7.5rem 0 9rem; padding-left: 30.5rem; }

.section1 .bx-controls-direction { position: absolute; left: -30.5rem; top: 21rem; }

.section1 .bx-controls-direction a { display: inline-block; overflow: hidden; position: static; width: 6rem; height: 6rem; margin-right: 1rem; border-radius: 100%; border: 1px solid #ddd; background: none #fff; color: #4e4e4e; text-indent: 0; text-align: center; line-height: 6rem; vertical-align: top; transition: all 0.2s; }

.section1 .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 3rem; content: ''; }

.section1 .bx-controls-direction a:hover, .section1 .bx-controls-direction a:focus { border-color: #463e3a; background-color: #463e3a; color: #fff; }

.section1 .bx-controls-direction .bx-next::before { content: ''; }

.section1 .bx-wrapper { min-width: 100%; }

.section1 .title { font-size: 2rem; position: absolute; left: 0; top: auto; width: 27rem; margin-top: 3rem; font-weight: 400; color: #767676; word-break: keep-all; }

.section1 .title h2 { font-size: 4rem; line-height: 1.125; display: block; margin-bottom: 2rem; font-family: "Godo"; font-weight: 400; color: #000; }

.section1 .list li { padding: 3rem 0 0.5rem; }

.section1 .list a { font-size: 1.8rem; display: block; position: relative; top: 0; text-align: center; transition: all 0.2s; }

.section1 .list a:hover, .section1 .list a:focus { top: -3rem; }

.section1 .list a:hover .img::before, .section1 .list a:focus .img::before { opacity: 0.4; }

.section1 .list a:hover .img::after, .section1 .list a:focus .img::after { opacity: 1; }

.section1 .list strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; margin: 1.5rem 0; font-weight: 500; }

.section1 .list span { display: none; font-weight: 500; color: #b9b9b9; line-height: 3.3rem; }

.section1 .list span::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; font-size: 2rem; width: 3.3rem; height: 3.3rem; margin-right: 1rem; border-radius: 100%; background-color: #ffc444; color: #fff; content: ''; text-align: center; line-height: 3.5rem; }

.section1 .img { position: relative; z-index: 0; display: block; overflow: hidden; border-radius: 5rem 0 5rem 5rem; }

.section1 .img::before { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; content: ''; z-index: 1; background-color: #000; opacity: 0; transition: all 0.2s; }

.section1 .img::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; z-index: 2; width: 6.5rem; height: 6.5rem; border-radius: 100%; background-color: rgba(255, 255, 255, 0.5); font-family: "xeicon"; color: #fff; content: ''; text-align: center; line-height: 6.5rem; opacity: 0; transition: all 0.2s; }

.section2 { position: relative; z-index: 0; padding: 6.5rem 0 8.5rem 54.5rem; word-break: keep-all; }

.section2 .img { position: absolute; top: -2.5rem; left: -11.5rem; width: 54rem; animation: section2 1s infinite alternate; }

.section2 .title { position: relative; z-index: 0; font-size: 1.8rem; height: 12.5rem; margin-bottom: 1.5rem; padding-left: 16rem; font-weight: 400; color: #fff; }

.section2 .title span { position: absolute; left: 1.5rem; top: 0; width: 11.1rem; }

.section2 .title h2 { font-size: 4rem; display: block; font-family: "Godo"; line-height: 1.2; }

.section2 .list li { display: block; padding-right: 2.5rem; }

.section2 .list li + li { margin-top: 1rem; }

.section2 .list a { position: relative; z-index: 0; display: block; /*padding-left: 12.5rem;*/ padding-left: 5rem; border-radius: 10rem 0 10rem 10rem; background-color: #fff; }

.section2 .list a::after { position: absolute; top: 50%; left: auto; transform: translateY(-50%); font-size: 2.5rem; height: 5rem; border: 2px solid #1a375e; line-height: 4.6rem; right: -2.5rem; width: 5rem; border-radius: 100%; background-color: #1a375e; font-family: "xeicon"; color: #fff; content: ''; text-align: center; transition: all 0.2s; }

.section2 .list a:hover::after, .section2 .list a:focus::after { background-color: #fff; color: #1a375e; }

.section2 .list strong { position: absolute; top: 50%; left: auto; transform: translateY(-50%); font-size: 1.8rem; line-height: 1.11111; left: 2.5rem; display: flex; width: 7rem; height: 7rem; padding: 0 1rem; border-radius: 7rem; background-color: #1a375e; font-weight: 400; color: #f8d05e; text-align: center; align-items: center; justify-content: center; }

.section2 .list span { font-size: 2.3rem; display: flex; height: 10rem; font-weight: 400; align-items: center; }

.section2::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background: url("/child/img/main/section2.png") no-repeat center 0 #1d4883; }

@keyframes section2 { 0% { margin-top: 0; }
  100% { margin-top: -2rem; } }

.section3 { overflow: hidden; margin: 7.5rem 0; }

.section3 [class*="group"] { float: left; width: 30%; height: 36rem; }

.section3 .group1 { position: relative; z-index: 0; padding: 6.5rem 6rem 0; border-radius: 9rem 0 0 9rem; background-color: #fed74a; }

.section3 .group1::before { position: absolute; top: 3.5rem; right: 4rem; z-index: -1; width: 11.5rem; height: 11.5rem; background: url("/child/img/main/section3_1.png") no-repeat center center/cover; content: ''; }

.section3 .group1 h2 { font-size: 3.3rem; margin-bottom: 3rem; font-family: "Godo"; color: #000; line-height: 1.2; }

.section3 .group1 h2 span { font-size: 3rem; display: block; }

.section3 .group1 a { height: 3rem; border: 1px solid #303030; line-height: 2.8rem; position: absolute; left: auto; bottom: 4.5rem; width: 12rem; border-radius: 3rem; text-align: center; transition: all 0.2s; }

.section3 .group1 a:hover, .section3 .group1 a:focus { background-color: #303030; color: #fff; }

.section3 .group1 .list { font-size: 1.8rem; font-weight: 400; color: #2d2d2d; line-height: 4.5rem; }

.section3 .group1 .list li + li { border-top: 1px solid #e9ba33; }

.section3 .group1 .list a { position: relative; z-index: 0; display: block; transition: all 0.2s; }

.section3 .group1 .list a::before { position: absolute; left: -1.5rem; top: 0; z-index: -1; width: calc(100% + 3rem); height: 100%; margin-left: -1rem; border-radius: 4.5rem; background-color: #fff; content: ''; opacity: 0; transition: all 0.2s; }

.section3 .group1 .list a::after { position: absolute; top: 50%; left: auto; transform: translateY(-50%); right: 0.5rem; width: 0.8rem; height: 0.8rem; border-radius: 100%; background-color: #e9ba33; content: ''; opacity: 0; transition: all 0.2s; }

.section3 .group1 .list a:hover, .section3 .group1 .list a:focus { color: #767063; }

.section3 .group1 .list a:hover::before, .section3 .group1 .list a:focus::before { margin-left: 0; opacity: 1; }

.section3 .group1 .list a:hover::after, .section3 .group1 .list a:focus::after { opacity: 1; }

.section3 .group2 { width: 40%; }

.section3 .group2 .link { display: table; width: calc(100% + 0px); table-layout: fixed; font-size: 2.3rem; line-height: 1.3913; height: 50%; font-family: "Godo"; color: #fff; text-align: center; }

.section3 .group2 .link > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.section3 .group2 .link a { position: relative; z-index: 0; overflow: hidden; background-color: #000; }

.section3 .group2 .link a::before { position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; content: ''; background: url("/child/img/main/link1.jpg") no-repeat center center/cover; transition: all 0.2s; }

.section3 .group2 .link a:nth-child(2)::before { background: url("/child/img/main/link2.jpg") no-repeat center center/cover; }

.section3 .group2 .link a:hover::before, .section3 .group2 .link a:focus::before { opacity: 0.75; transform: scale(1.2); }

.section3 .group2 .board { position: relative; z-index: 0; height: 50%; padding: 4rem 5rem; background-color: #f6f1e7; }

.section3 .group2 .board h2 { font-size: 2.5rem; line-height: 1.4; float: left; font-family: "Godo"; color: #767063; }

.section3 .group2 .board h2 span { display: block; color: #353535; }

.section3 .group2 .board .more { position: absolute; bottom: 4.5rem; left: 4.5rem; line-height: 2.5rem; }

.section3 .group2 .board .more::after { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; width: 2.5rem; height: 2.5rem; margin-left: 0.5rem; border-radius: 100%; background-color: #4e4e4e; font-weight: 600; color: #fff; content: ''; text-align: center; transition: all 0.2s; }

.section3 .group2 .board .more:hover::after, .section3 .group2 .board .more:focus::after { transform: rotate(180deg); }

.section3 .group2 .board .list { float: right; width: calc(100% - 12rem); line-height: 1.5; }

.section3 .group2 .board .list li + li { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid #ddd; }

.section3 .group2 .board .list .desc { font-size: 0; }

.section3 .group2 .board .list .desc strong { position: relative; padding-left: 1rem; text-align: left; font-size: 1.6rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: 400; }

.section3 .group2 .board .list .desc strong::before { position: absolute; left: 0; top: auto; content: ''; }

.section3 .group2 .board .list .desc strong::before { top: 1.5rem; width: 0.3rem; height: 0.3rem; border-radius: 100%; background-color: #767063; }

.section3 .group2 .board .list .date { font-size: 1.4rem; padding-left: 1rem; color: #a7a7a7; }

.section3 .group2 .board .list .date strong { font-weight: inherit; }

.section3 .group2 .sns { display: table; width: calc(100% + 0px); table-layout: fixed; height: 50%; padding: 5rem; background-color: #f6f1e7; text-align: center; }

.section3 .group2 .sns > * { display: table-cell; padding-right: 0px; vertical-align: middle; }

.section3 .group2 .sns a { display: inline-block; overflow: hidden; width: 7rem; height: 7rem; border-radius: 100%; background-color: #fff; text-align: center; line-height: 7rem; vertical-align: middle; }

.section3 .group2 .sns a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; font-size: 3rem; }

.section3 .group2 .sns .facebook a::before { color: #4267b2; content: ""; }

.section3 .group2 .sns .youtube a::before { color: #ff0000; content: ""; }

.section3 .group2 .sns .blog a::before { font-weight: 800; color: #1DC321; content: 'b'; }

.section3 .group2 .sns .post a { background-color: #1DC321; }

.section3 .group2 .sns .post a::before { display: block; background: url("/main/img/layout/sns_post.png") no-repeat center center; content: ''; }

.section3 .group3 { position: relative; z-index: 0; padding: 7rem 5rem 0; border-radius: 0 0 9rem 0; background: url("/child/img/main/group3.png") no-repeat right bottom #333c54; color: #fff; word-break: keep-all; }

.section3 .group3 h2 { font-size: 3.2rem; line-height: 1.3125; width: 20rem; max-width: 100%; margin-bottom: 3rem; font-family: "Godo"; word-break: keep-all; }

.section3 .group3 span { color: #f8d05e; }

.section3 .group3 p { opacity: 0.8; }

.section3 .group3 a { height: 3rem; border: 1px solid #fff; line-height: 2.8rem; position: absolute; bottom: 4.5rem; left: auto; width: 13rem; border-radius: 3rem; text-align: center; transition: all 0.2s; }

.section3 .group3 a:hover, .section3 .group3 a:focus { background-color: #fff; color: #333c54; }

/* 230718 메인 개편 */

@keyframes scrollDown {
	from {
		top : 0;
	}
	
	to {
		top : .5rem;
	}
}
.layout {  max-width:calc(100% - 6rem);  margin:0 auto;  position:relative; }

.section { position:relative; letter-spacing : -0.05em; font-weight:400;}

.scrollDown {animation:scrollDown .25s linear alternate infinite; display:flex; flex-direction:column; align-items:center; gap:1rem; position:absolute; right:0; top:0; transform:translateX(120%)}

.scrollDown span {padding-left:.3rem; writing-mode:vertical-rl; color:#989898; font-size:1.6rem; font-weight:400;}

.scrollDown img {width:1.7rem;}

@media (max-width:1720px) {
	.scrollDown {transform:translateX(50%)}
}
/* section01 */
#section01 .visual {position:relative;}

#section01 .visual img {width:100%;}

/* section02 */

#section02 { padding:7rem 0 11.2rem; overflow:hidden;}

#section02 .layout { width:120rem; }

#section02 .new-contents { position:relative; }

#section02 .new-contents-title { display:flex; justify-content:space-between; align-items:center; gap : 4rem; padding:0 2rem; margin-bottom:3.6rem;}

#section02 .new-contents-title .topic { width:30.2rem;}

#section02 .new-contents-title .tabs {display:flex; gap : 1rem;}

#section02 .new-contents-title .tabs a {display:flex; width:8.35rem; height:4.3rem; border-radius: 2.25rem; background:#eaeaea; color:#989898; font-size:2rem; font-weight:500; align-items:center; justify-content:center;}

#section02 .new-contents-title .tabs a.active {background:#ff8200; color:#fff;}

#section02 .new-contents-info {position:relative;}

#section02 .new-contents-line {position:absolute; width:100%; height:200%; bottom:0; left:0; display:flex; z-index:-1;}

#section02 .new-contents-line span {flex:1; border-left:1px solid #eaeaea;}

#section02 .new-contents-line span:last-of-type {border-right:1px solid #eaeaea;}

#section02 .new-contents-item {display:none;}

#section02 .new-contents-item.active {display:block;}

#section02 .new-contents-list {display:flex; flex-wrap:wrap; gap : 4.6rem 0; align-items:flex-start}

#section02 .new-contents-list > li {width:33.3333%; padding:0 2rem; display:none;}

#section02 .new-contents-list > li:nth-of-type(odd) {padding-top:6rem;}

#section02 .new-contents-list > li:nth-of-type(n + 1):nth-of-type(-n + 8) {display:block;} 

#section02 .new-contents-detail {display:flex; gap : 3.2rem; flex-direction:column;}

#section02 .new-contents-detail-image {background:#fff; width:100%; height:0; padding-bottom:66.115%; position:relative; overflow:hidden; border-radius : 5rem 0 5rem 0; border:1px solid #ddd;}

#section02 .new-contents-detail-image img { position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:auto;}

#section02 .new-contents-detail-text { gap: .4rem; display:flex; align-items:flex-start;flex-direction:column;}

#section02 .new-contents-detail-text-label {font-size:1.8rem;font-weight:700;}

#section02 .new-contents-detail-text-label-type1 {color:#35ada9;}

#section02 .new-contents-detail-text-label-type2 {color:#4f52c6;}

#section02 .new-contents-detail-text-label-type3 {color:#ff8200;}

#section02 .new-contents-detail-text-title {font-size:2.3rem;color:#000;font-weight:500; line-height:1.4; word-break:keep-all; max-height: 6.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}

#section02 .new-contents-more {display:flex;align-items:center;justify-content:center;margin-top:12.5rem;background:#f9f9f9;color:#989898;font-size:2rem;gap : 1rem;border:1px solid #eaeaea;height:6.3rem;padding:.75rem 1rem;}

#section02 .new-contents-more i {font-size:2.2rem; line-height:1;}

/* section03 */

#section03 .layout {width:120rem;}

#section03 .reservation {padding:7rem 0 8rem 8.8rem;position:relative;}

#section03 .reservation::before {display:block;content:"";width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#1d4883 url(/child/img/main/reservation-bg.png)no-repeat center center / auto 100%; z-index:-1;}

#section03 .reservation-title {width:44.6rem;position:relative;max-width:100%;}

#section03 .reservation-title::before {display:block;content:"";width:5rem;height:3.5rem;position:absolute;top:0;left:0;background:url(/child/img/main/reservation-title-star.png)no-repeat center center / contain;transform:translateX(calc(-100% - 2rem));}

#section03 .reservation-info {margin-top:4rem; display:flex; align-items:center; justify-content:space-between; gap : 3.5rem; color:#fff;}

#section03 .reservation-date { position:relative; font-size:2.3rem;}

#section03 .reservation-date-item {display:flex; align-items:center;}

#section03 .reservation-date-item-title {display:flex; align-items:center; gap :1.2rem; width:20rem; flex-shrink:0;} 

#section03 .reservation-date-item-title span { font-weight:700;	 }

#section03 .reservation-date-item-title i { font-size:2.5rem; font-weight:400; opacity: 0.7}

#section03 .reservation-date-item-info {flex-grow:1; white-space:nowrap; font-weight:400;}

#section03 .reservation-date-item-info br {display:none;}

#section03 .reservation-character { position:absolute; left:0; bottom:-7.25rem; width:15rem;}

#section03 .reservation-button {padding-left:17.4rem; flex-grow:1; position:relative; display:flex; flex-direction:column; gap : 2.2rem; align-items:center;}

#section03 .reservation-button button {letter-spacing:-0.05em; display:flex;justify-content:center;align-items:center; gap:2rem; text-align:center;width:100%; height:14rem;background:#fff;border-radius:2.5rem;color:#1d4883;}

#section03 .reservation-button button span {font-size:3.5rem; font-weight:700; font-family:'TmoneyRoundWind'}

#section03 .reservation-button button i {font-size:5rem;}

#section03 .reservation-button > img {position:absolute; top:-2.35rem; right:-3.3rem; width:14.6rem;}

#section03 .reservation-button > span { font-size:1.7rem; opacity : 0.5;}

/* section04 */

#section04 .layout {width:120rem;}

#section04 .sns {position:relative; display:flex; align-items:center; gap :3rem; padding:7rem 0 5rem;}

#section04 .sns::before {display:block;content:"";width:100vw;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);background:#e3edfb url(/child/img/main/sns-bg.png)no-repeat center center / 100% auto; z-index:-1;}

#section04 .sns-title {width:51.7rem; max-width:calc(100% - 4rem);}

#section04 .sns-info {flex-grow:1; }
 
#section04 .sns-info ul {display:flex; justify-content:space-between;gap : 2rem; align-items:flex-start;}

#section04 .sns-info ul li {width:21rem; max-width:100%;}

#section04 .sns-info ul li:nth-of-type(even) {padding-top:4.3rem;}