.bold {font-weight: 500;}
span.color {color: #523290;}

.content_title {margin-top: 80px; text-align:center;}
.content_title h1 {padding: 3% 0; font-size:40px; font-weight:700;}

section {padding: 5% 0;}
h1.tit {font-family: 'Nanumsquare'; font-size: 40px; text-align: center; font-weight: 700; text-transform: uppercase;}
p.tit {font-size: 18px; color: #585858; text-align: center; font-weight: 300; margin-top: 10px; word-break:keep-all;}
span.dp {display: block; word-break:keep-all;}

.sub_visual {height: 600px; display: flex; align-items:center; justify-content:center; margin-top: 80px;}
.sub_visual ul {padding: 3%; border:1px solid #fff; background: rgba(0,0,0,0.3); }
.sub_visual ul li {display: flex; justify-content:space-between; letter-spacing: 4px; color: #fff; font-size: 40px; line-height: 180%; font-weight: 400;}


@media(max-width:1220px){
section {padding: 10% 0;}
.inner {padding: 0 3%;}
h1.tit {font-size: 3.8vw;}
p.tit {font-size: 2vw;}
span.dp {display: inline;}

.content_title h1 {font-size:3.8vw; padding: 5%;}

.sub_visual ul li {font-size: 4vw;}
}

@media(max-width:800px){
h1.tit {font-size: 4.5vw;}
p.tit {font-size: 3vw; margin-top: 1%;}

.content_title {margin-top: 60px;}
.content_title h1 {padding: 10% 0 5%; font-size:6vw;}

.sub_visual {height: 50vh; margin-top: 60px;}
.sub_visual ul {padding: 4%;}
.sub_visual ul li {font-size: 5.5vw;}
}

/* s11 */
#s1 .sub_visual {background: url('../img/sub_visual01.jpg') no-repeat center; background-size: cover;}
.s11 {background: url('../img/s11_bg.png') no-repeat right bottom;}
.s11 .txt {position: relative; padding: 6% 0 6% 50%;}
.s11 .txt::before {content: ''; display: block; width: 47%; height: 100%; max-height:700px; background: url('../img/s11_img.jpg') no-repeat center; background-size: cover; position: absolute; left: 0; top: 0;}
.s11 .txt h1 {text-align: left;}
.s11 .txt h2 {color: #523290; font-size: 24px; line-height: 150%; margin: 3% 0;}
.s11 .txt p {font-size: 16px; line-height: 160%; margin-bottom: 3%;}
.s11 .txt .sign {height: 75px; line-height: 75px; font-size: 18px;}
.s11 .txt .sign span {font-weight: 500; font-size: 24px; padding: 0 1%; letter-spacing: 10px;}
.s11 .txt .sign img {max-height:75px; height: 100%; vertical-align: bottom;}

@media(max-width:1220px){
.s11 {background-size: 90%; padding-right: 3%;}
.s11 .txt {padding: 5% 0 5% 45%;}
.s11 .txt::before {width: 42%; left: 0; top: 0;}
.s11 .txt h2 {font-size: 2.2vw; margin: 5% 0;}
.s11 .txt p {font-size: 1.8vw; margin-bottom: 5%;}
.s11 .txt .sign {height: 8vw; line-height: 8vw; font-size: 2vw;}
.s11 .txt .sign span {font-size: 2.2vw; padding: 0 1%; letter-spacing: 3%;}
}

@media(max-width:800px){
.s11 {padding: 10% 3%;}
.s11 .txt {padding: 0;}
.s11 .txt::before {width: 100%; height: 55vw; left: 0; top: 7vw;}
.s11 .txt h1 {text-align: center;}
.s11 .txt h2 {font-size: 3.5vw; margin: 5% 0; margin-top: 60vw;}
.s11 .txt p {font-size: 3vw; margin-bottom: 5%;}
.s11 .txt .sign {height: 10vw; line-height: 10vw; font-size: 3vw;}
.s11 .txt .sign span {font-size: 3.5vw; padding: 0 1%; letter-spacing: 3%;}
}


/* s12 */
.s12 {background: #1b1b1b url('../img/s12_bg.png') no-repeat center top; background-size: 100%; padding: 8% 0;}
.s12 .tit {color: #fff;}
.s12 ul {display: flex; justify-content:space-between; flex-flow:row wrap; margin-top: 6%;}
.s12 li {display: flex; align-items:center; width: 48.5%; background: #fff; padding: 3% 2%; margin-bottom: 3%;}
.s12 li .img {max-width: 57px; width: 15%; margin-right: 3%; text-align: center;}
.s12 li .img img {max-width: 57px; width: 100%; display: block;}
.s12 li .txt h2 {font-size: 18px; font-weight: 400; line-height: 150%;}
.s12 li .txt p {font-size: 15px; color: #585858; line-height: 150%; word-break:keep-all;}

@media(max-width:1220px){
.s12 li {width: 48.5%; padding: 3% 1%; margin-bottom: 3%; position: relative;}
.s12 li .img {max-width: 100%; width: 20%; margin-right: 3%; opacity: 0.2; position: absolute; left: 1%; top: 10%;}
.s12 li .img img {max-width: 100%;}
.s12 li .txt {padding-left: 6%;}
.s12 li .txt h2 {font-size: 1.8vw;}
.s12 li .txt p {font-size: 1.6vw;}
}

@media(max-width:800px){
.s12 {padding: 8% 0 12%;}
.s12 li {width: 100%; padding: 5%; margin-bottom: 3%;}
.s12 li .img {max-width: 57px; width: 13vw; margin-right: 5%; opacity: 1; position: relative; left: auto; top: auto;}
.s12 li .img img {max-width: 57px;}
.s12 li .txt {padding-left: 0; width: 82%;}
.s12 li .txt h2 {font-size: 3vw;}
.s12 li .txt p {font-size: 2.8vw;}
}


/* s13 */
.s13 {background: #f9f9f9; width: 90%; margin: -5% auto 0; padding: 5% 3%; text-align: center;}
.s13 h2 {color: #523290; font-size: 24px; margin: 10px 0;}
.s13 .inner > p {font-size: 18px; line-height: 150%; color: #585858;}
.s13 ul {display: flex; width: 840px; margin: 7% auto; color: #fff;}
.s13 li {width: 280px; height: 280px; line-height: 280px; border-radius:50%; font-size: 36px; position: relative;}
.s13 li:nth-child(1) {background: rgba(82,50,144,0.9); left: 30px;}
.s13 li:nth-child(2) {background: rgba(0,0,0,0.5); z-index: 9;}
.s13 li:nth-child(3) {background: rgba(114,118,218,0.9); right: 30px;}
.s13 li:nth-child(2)::before, .s13 li:nth-child(2)::after {content: '+'; display: block; position: absolute; color: #fff; top: 0;}
.s13 li:nth-child(2)::before {left: 5px;}
.s13 li:nth-child(2)::after {right: 5px;}
.s13 .for {display: flex; justify-content:space-between; text-align: left;}
.s13 .for > div {width: 49%;}
.s13 .for > div img {width: 100%; max-width:580px;}
.s13 .for .txt {display: flex; justify-content:space-between; padding-top: 3%;}
.s13 .for .txt h3 {font-size: 24px; flex:1 0 auto; margin-right: 40px; position: relative;}
.s13 .for .txt h3::after {content: ''; display: block; width: 1px; height: 60%; background: #888; position: absolute; top: 20%; right: -20px;}
.s13 .for .txt p {font-size: 16px; line-height: 160%; word-break:keep-all;}

@media(max-width:1220px){
.s13 {width: 94%; margin: -5% auto 0; padding-top: 5%;}
.s13 h2 {font-size: 2.5vw; margin: 1% 0;}
.s13 .inner > p {font-size: 2vw;}
.s13 ul {width: 75vw; margin: 10% auto;}
.s13 li {width: 25vw; height: 25vw; line-height: 25vw; font-size: 3.5vw;}
.s13 li:nth-child(1) {left: 3vw;}
.s13 li:nth-child(3) {right: 3vw;}
.s13 li:nth-child(2)::before {left: 0.5vw;}
.s13 li:nth-child(2)::after {right: 0.5vw;}
.s13 .for .txt {flex-flow: row wrap;}
.s13 .for .txt h3 {font-size: 2.2vw; width: 100%;}
.s13 .for .txt h3::after {width: 4vw; height: 1px; position: relative; top: auto; right: auto; margin: 3% 0;}
.s13 .for .txt p {font-size: 1.8vw;}
}

@media(max-width:800px){
.s13 {padding-top: 10%;}
.s13 h2 {font-size: 3.5vw; margin: 1% 0;}
.s13 .inner > p {font-size: 3vw;}
.s13 li {font-size: 3.3vw;}
.s13 .for {flex-flow: row wrap;}
.s13 .for > div {width: 100%; margin-bottom: 5%;}
.s13 .for .txt {flex-flow:row nowrap;}
.s13 .for .txt h3 {font-size: 3.3vw; width: auto; flex:1 0 auto; margin-right: 4vw;}
.s13 .for .txt h3::after {width: 1px; height: 80%; position: absolute; top: 10%; right: -2vw;}
.s13 .for .txt p {font-size: 2.8vw;}
}




/* s14 */
.s14 h3 {font-family: 'Exo', sans-serif; text-decoration: underline; font-size: 18px; font-weight: 400; padding: 10px 0 0 10px;}
.s14 .symbol {background:url('../img/simbol_bg.png') repeat left top; border-right: 1px solid #d9dcde; border-bottom: 1px solid #d9dcde; margin-top: 8%;}
.s14 .symbol div {display: inline-block; margin: 5% 0; width: 49%; text-align: center; vertical-align: middle;}
.s14 .symbol .img01 img {max-width:255px; width: 100%;}
.s14 .symbol .img02 img {max-width:500px; width: 100%;}
.s14 .symbol+p {text-align: right; font-size: 14px; margin-top: 10px;}

.s14 .color {margin-top: 3%;}
.s14 .color ul {display: flex; justify-content:space-between; flex-flow: row wrap; margin-top: 2%;}
.s14 .color li {width: 100px; height: 100px; display: flex; flex-flow:column wrap; align-items:center; justify-content:center; color: #fff;}
.s14 .color li:nth-child(1) {background: #e83b0d;}
.s14 .color li:nth-child(2) {background: #ef8200;}
.s14 .color li:nth-child(3) {background: #fcc900;}
.s14 .color li:nth-child(4) {background: #96be3a;}
.s14 .color li:nth-child(5) {background: #34b05f;}
.s14 .color li:nth-child(6) {background: #00b094;}
.s14 .color li:nth-child(7) {background: #21b9d6;}
.s14 .color li:nth-child(8) {background: #663791;}
.s14 .color li h2 {font-size: 24px;}
.s14 .color li p {font-size: 14px; text-transform: uppercase;}

@media(max-width:1220px){
.s14 {padding: 10% 0;}
.s14 h3 {font-size: 2vw;}
.s14 .symbol {margin-top: 5%;}
.s14 .symbol div {padding: 0 3%;}
.s14 .symbol .img01 {width: 30%;}
.s14 .symbol .img02 {width: 69%;}
.s14 .symbol+p {font-size: 1.8vw;}
.s14 .color ul {margin-top: 3%;}
.s14 .color li {width: 10vw; height: 10vw;}
.s14 .color li h2 {font-size: 2vw;}
.s14 .color li p {font-size: 1.6vw;}
}

@media(max-width:800px){
.s14 {padding: 12% 0;}
.s14 h3 {font-size: 3vw;}
.s14 .symbol {margin-top: 8%;}
.s14 .symbol .img01 {width: 100%; padding: 0 30%;}
.s14 .symbol .img02 {width: 100%; padding: 0 5%;}
.s14 .symbol+p {font-size: 2.8vw;}
.s14 .color {margin-top: 5%;}
.s14 .color ul {margin-top: 5%;}
.s14 .color li {width: 20vw; height: 20vw; margin-bottom: 4%;}
.s14 .color li h2 {font-size: 4vw;}
.s14 .color li p {font-size: 2.8vw;}
}


/* s15 */
.s15 {background: #fafafa;}
.s15 .inner > .map {margin-top: 3%; }
.s15 .root_daum_roughmap {padding: 0; border: none;}
.s15 .root_daum_roughmap .wrap_map {height: 25vw;}
.s15 .mo {display: none;}
.s15 table {width: 100%; border-top: 2px solid #523290;}
.s15 table tr {border-bottom: 1px solid #d1d1d1; height: 65px;}
.s15 table th {font-size: 20px; font-weight: 500;}
.s15 table td {font-size: 16px;}

@media(max-width:1220px){
.s15 {padding: 10% 0;}
.s15 .inner > .map {margin-top: 5%;}
.s15 .root_daum_roughmap .wrap_map {height: 35vw;}
.s15 table tr {height: 7vw;}
.s15 table th {font-size: 2vw;}
.s15 table td {font-size: 1.8vw;}
}

@media(max-width:800px){
.s15 {padding: 10% 0;}
.s15 .inner > .map {margin-top: 5%;}
.s15 .root_daum_roughmap .wrap_map {height: 45vw;}
.s15 .pc {display: none;}
.s15 .mo {display: block;}
.s15 table tr {height: 10vw;}
.s15 table th {font-size: 3vw;}
.s15 table td {font-size: 2.8vw;}
}



/* s21 */
#s2 .sub_visual {background: url('../img/sub_visual02.jpg') no-repeat center; background-size: cover;}
.phone {text-align: center;}

.s21 {position: relative;}
.s21::after {content: ''; display: block; width: 100%; height: 50%; background: url('../img/s21_bg.jpg') no-repeat right center; background-size: cover; position: absolute; bottom: 0; left: 0; z-index: -1;}
.s21 p.tit {margin-bottom: 10px;}
.s21 .phone {height: 600px; margin-top: 50px;}
.s21 .phone img {max-width:530px; width: 100%; animation: s21_phone01 2s infinite;}

@keyframes s21_phone01 {
	0% {margin-top: -5%;}
	50% {margin-top: -3%;}
	100% {margin-top: -5%;}
}

@keyframes s21_phone02 {
	0% {margin-top: -7%;}
	50% {margin-top: -3%;}
	100% {margin-top: -7%;}
}

.s21 .m01_num ul {display: flex; justify-content:space-between; align-items:center; font-family: 'Nanumsquare'; text-align: center;}
.s21 .m01_num li {position: relative;}
.s21 .m01_num li.line {width: 7vw; max-width:80px; height: 1px; background: #fff;}
.s21 .m01_num p {color: #fff; font-size: 30px; margin-bottom: 5%; font-weight: 400;}
.s21 .m01_num h1 {color: #fff; font-size: 30px;}
.s21 .m01_num h1 span {font-size: 60px; font-weight: 800;}

@media(max-width:1220px){
.s21 {padding: 10% 0;}
.s21 .phone {height: 60vw; width: 60%; margin: 0 auto;}
.s21 p.tit {margin-bottom: 1%;}

.s21 .m01_num p {font-size: 2.5vw;}
.s21 .m01_num h1 {font-size: 2.5vw;}
.s21 .m01_num h1 span {font-size: 5vw;}
}

@media(max-width:800px){
.s21 .phone img {animation: s21_phone02 2s infinite;}
.s21 p.tit {font-size: 2.7vw;}
.s21 h1.tit {font-size: 5vw;}
.s21 .m01_num li.line {width: 5vw;}
.s21 .m01_num p {font-size: 3vw;}
.s21 .m01_num h1 {font-size: 3vw;}
.s21 .m01_num h1 span {font-size: 5.5vw;}
}


/* s22 */
.s22 {height: 90vmin; overflow: hidden; background: url('../img/s22_bg.png') no-repeat right center; background-size: 50%; position: relative;}
.s22::after {content: ''; display: block; width: 100%; height: 10vh; background: linear-gradient(0deg, rgba(82,50,144,1) 0%, rgba(114,118,218,1) 100%); position: absolute; bottom: 10%; left: 0; z-index: -1;}

.slick-slide img {display:inline-block; vertical-align: bottom; margin-right: 10%;}
.place_wrap {overflow: hidden; margin:0 auto; margin-top:3%; max-width:960px; position:relative; padding: 0 5%;}
.place_wrap::after {content: ''; display: block; clear:both;}
.place_wrap::before {content: ''; display: block; width: 100%; height: 1px; background: #ccc; position: absolute; left: 0; top: 9%;}
.place_wrap .slick_thumb {cursor: pointer; overflow: hidden; position: relative; float:left; width:38%;}
.place_wrap .slick_thumb .item {padding: 8%;}
.place_wrap .slick_thumb .item img {max-height:28px;}
.place_wrap .slick_thumb span {font-family: 'Nanumsquare'; font-size: 24px;}
.place_wrap .slick_big {position: relative; float:left; width:60%;cursor: pointer;}
.place_wrap .slick_big .item { height: auto; position: relative; margin-top: 2%;}
.place_wrap .slick_big .item img {margin-top: 5%; padding-bottom: 3%; max-width:534px; width: 75%;}
.place_wrap .slick_big p {font-size: 20px; line-height: 150%; word-break:keep-all;}

@media(max-width:1220px){
.place_wrap .slick_thumb span {font-size: 2.2vw;}
.place_wrap .slick_thumb .item img {height: 3vw;}
.place_wrap .slick_big p {font-size: 2vw;}
}

@media(max-width:800px){
.s22 {height: 110vmin;}
.s22::after {height: 6vh;}
.place_wrap {padding: 0; margin-top: 8%;}
.place_wrap::before {top: 10%;}
.place_wrap .slick_thumb {width:37%;}
.place_wrap .slick_thumb span {font-size: 3.2vw;}
.place_wrap .slick_thumb .item img {height: 3.5vw;}
.place_wrap .slick_big p {font-size: 2.8vw;}
}

/* s23 */
.s23 {background: url('../img/s23_bg.jpg') no-repeat center; background-size: cover; padding: 5% 2%;}
.s23 h1.tit {color: #fff; font-weight: 400;}
.s23 h1.tit span {font-weight: 700; font-size: 48px;}
.s23 .swiper-container {padding-top: 58px; position: relative; height: 35vw; margin-left: -10px;}
.s23 .swiper-slide {padding: 30px 15px; position: relative; transition:all 0.5s ease;}
.s23 .swiper-slide p {position: relative;}
.s23 .swiper-slide p:before {content: ''; display: block; position: absolute; left: -0.01%; top: -0.01%; background: url('../img/blank.png') no-repeat center; background-size: 100%; width: 100.2%; height: 100.2%; z-index: 99; opacity: 0.5;}
.s23 .swiper-slide img {max-width:245px; width: 100%; display: block; position: relative; }
.s23 .swiper-slide-active {padding: 0 ! important; position: relative; margin-left: 10px; opacity: 1;}
.s23 .swiper-slide-active p:before {display: none;}
.s23 .swiper-slide-active img {box-shadow: 20px 20px 20px #000;}
.s23 .active_phone {position: absolute; left: 50%; top: 44px; width: 276px; margin-left: -133px; z-index: 99; text-align: center;}
.s23 .active_phone img {width: 100%; max-width:276px;}

    
.s23 ul {display: flex; justify-content:space-around; align-items:center; color: #fff; text-align: center;}
.s23 li.line {width: 1px; height: 120px; background: #fff;}
.s23 li h2 {font-size: 30px; font-weight: 400; margin-bottom: 5%;}
.s23 li p {font-size: 16px;}

@media(max-width:1900px){
.s23 .active_phone {top: 54px;}
}

@media(max-width:1220px){
.s23 {padding: 10% 3%;}
.s23 h1.tit span {font-size: 4.5vw;}
.s23 .swiper-container {height: 45vw; padding-top: 40px;}
.s23 .swiper-slide {padding: 10px 5px;}
.s23 .active_phone {top: 36px;}

.s23 li {padding: 0 2%;}
.s23 li.line {width: 2px; height: 10vw; padding: 0;}
.s23 li h2 {font-size: 2.5vw;}
.s23 li p {font-size: 1.5vw;}
}

@media(max-width:800px){
.s23 {padding: 10% 3%;}
.s23 h1.tit {margin-bottom: 5%;}
.s23 h1.tit span {font-size: 5vw;}
.s23 .swiper-container {padding-top: 5px; height: 70vw;}
.s23 .swiper-slide {padding: 30px 15px;}
.s23 .swiper-slide-active img {box-shadow: 5px 5px 10px rgba(0,0,0,0.7);}
.s23 .active_phone {top: 0;}

.s23 ul {padding: 0; flex-flow: row wrap;}
.s23 li {padding: 0 10%; width: 100%;}
.s23 li.line {width: 30%; height: 1px; margin: 5% 0;}
.s23 li h2 {font-size: 3.3vw; margin-bottom: 2%;}
.s23 li p {font-size: 2.8vw;}
}


/* s24 */
.s24 {padding: 0; display: flex; position: relative;}
.s24 > div {width: 50%; padding: 13% 0 10%; position: relative; overflow: hidden; background:url('../img/s24_bg.png') repeat left top;}
.s24 > div h1.tit {display: block; width: 20vw; text-align: center; position: absolute; top: 12%;}
.s24 > div .s24_in {width: 500px; height: 50vh; position: relative;}
.s24 > div h2 {font-size: 30px; font-weight: 400; text-align: center; padding-bottom: 5%; margin-bottom: 7%; border-bottom: 2px solid #523290;}
.s24 > div li {display: flex; align-items:flex-start; margin-bottom: 5%;}
.s24 > div li .num {font-family: 'Titillium Web', sans-serif; font-size: 30px; font-style: italic; margin-right: 10%;}
.s24 > div li .txt {font-size: 18px; line-height: 150%; word-break:keep-all; padding-top: 1%;}
.s24 > div a {display: block; width: 100%; padding: 2%; color: #fff; font-size: 16px; background: #523290; text-align: center; position: absolute; bottom: 0; left: 0;}
.s24 > div a span {padding-left: 5%;}

.s24 .left h1.tit {right: -10vw;}
.s24 .right h1.tit {left: -10vw;}
.s24 .left .s24_in {float: right; margin-right: 200px;}
.s24 .right .s24_in {float: left; margin-left: 200px;}

.s24 .right {background: #523290 url('../img/s24_bg.png') repeat left top; color: #fff;}
.s24 .right h2 {border-bottom: 2px solid #fff;}
.s24 .right a {color: #523290; background: #fff;}

.s24 .phone {position: absolute; left: 50%; top: 20%; width: 20vw; margin-left: -10vw; text-align: center; animation: s24_phone 1.5s infinite;}
.s24 .phone img {max-width:350px; width: 100%;}

@keyframes s24_phone {
	0% {top: 20%;}
	50% {top: 21%;}
	100% {top: 20%;}
}


@media(max-width:1440px){
.s24 > div {width: 50%; padding: 15% 0 10%;}
.s24 > div .s24_in {width: 100%; height: 35vw;}
.s24 > div h2 {font-size: 2.5vw; padding-bottom: 5%; margin-bottom: 7%;}
.s24 > div li .num {font-size: 2.5vw; margin-right: 8%;}
.s24 > div li .txt {font-size: 1.3vw;}
.s24 > div a {font-size: 1.3vw; width: 72%; padding: 1%;}

.s24 .left .s24_in {margin-right: 0; padding: 0 25% 0 3%;}
.s24 .right .s24_in {margin-left: 0; padding: 0 3% 0 25%;}

.s24 .left a {left: 3%;}
.s24 .right a {right: 3%; left: auto;}
}

@media(max-width:1000px){
.s24 {display: block;}
.s24 > div {width: 100%; padding: 10%; position: relative;}
.s24 > div h1.tit {display: block; position: relative; width: 100%; top: 0; margin-bottom: 5%;}
.s24 > div .s24_in {width: 100%; height: auto; float: none;}
.s24 > div h2 {font-size: 3.5vw; padding-bottom: 2%; border-bottom: 2px solid #523290; width: 20%; margin: 0 auto 5%;}
.s24 > div li .num {font-size: 3.5vw; margin-right: 5%;}
.s24 > div li .txt {font-size: 3vw; padding-top: 0;}
.s24 > div a {display: block; width: 100%; padding: 2%; font-size: 3vw; position: relative;}

.s24 .left .s24_in {margin: 0; padding: 0;}
.s24 .right .s24_in {margin: 0; padding: 0;}
.s24 .left h1.tit {right: auto;}
.s24 .right h1.tit {display: none;}
.s24 .left a {left: auto;}
.s24 .right a {right: auto; left: auto;}
.s24 .phone {display: none;}
}


/* s24 */
.s25 {position: relative;}
.s25::before {content: ''; display: block; width: 100%; height: 50%; background: linear-gradient(0deg, rgba(82,50,144,1) 0%, rgba(114,118,218,1) 100%); position: absolute; left: 0; top: 0; z-index: -1;}
.s25 .tit {color: #fff;}
.s25 .phone {text-align: center; margin: -5% auto -8%;}
.s25 .phone img {max-width:800px; width: 100%;}
.s25 .phone+p {font-size: 20px; letter-spacing: -1px; text-align: center; line-height: 150%;}
.s25 a {display: block; color: #fff; width: 300px; margin: 3% auto 0; height: 50px; line-height: 50px; background: #302c31; font-size: 20px; text-align: center;}

@media(max-width:1220px){
.s25 .phone {width: 80%; margin: -8% auto -12%;}
.s25 .phone+p {font-size: 2vw;}
.s25 a {width: 30%; margin: 3% auto 0; height: auto; padding: 2% 0; line-height: 100%; font-size: 1.5vw;}
}

@media(max-width:800px){
.s25 .phone {width: 90%;}
.s25 .phone+p {font-size: 3.5vw;}
.s25 a {width: 50%; padding: 3% 0; font-size: 3vw;}
}



/* s4 */
#s4 section {padding-top: 0;}
#s4 h1 {font-size: 28px; line-height: 100%; font-weight: 500; margin-bottom: 2%; color: #212121; position: relative; padding-left: 20px;}
#s4 h1::before {content: ''; width: 5px; height: 80%; background: #523290; position: absolute; left: 0; top: 10%;}
#s4 .cls_btn {display: block; width:30%; margin: 0 auto; text-align:center; color:#585858; height:50px; line-height:50px; background: none; border: 1px solid #aaa; margin-top: 3%; font-size: 14px;}

@media(max-width:1220px){
#s4 h1 {font-size: 2.5vw; padding-left: 20px;}
}

@media(max-width:800px){
#s4 h1 {font-size: 4vw; padding-left: 2.5vw;}
#s4 h1::before {width: 0.8vw;}
#s4 .cls_btn {width:30%; height:10vw; line-height:10vw; font-size: 3vw;}
}