@charset "utf-8"; .cinner {max-width: 1200px;margin: 0 auto;color: #000;} .cinner * {line-height: 1.3;word-break: keep-all;word-wrap: break-word;} .cinner p {margin: 0;} @media all and (max-width: 1300px){ .cinner {margin: 0 50px;} } @media all and (max-width: 1199px){ .cinner {margin: 0 30px;} } @media all and (max-width: 640px){ .cinner {margin: 0 20px;} } /******************************/ /* === 뮤직필름(academy01) === */ /******************************/ #academy01 {padding: 90px 0 150px;} #academy01 .cont-box1 {margin-bottom: 150px;} #academy01 .cont-box1 .txt-cont {margin-bottom: 50px;} #academy01 .cont-box1 .txt-box {position: relative;} #academy01 .cont-box1 .txt-box:first-child {margin-bottom: 50px;padding-bottom: 50px;} #academy01 .cont-box1 .txt-box:first-child::after {content: '';display: block;width: 56px;height: 1px;background: #000;position: absolute;left: 0;bottom: 0;} #academy01 .cont-box1 .txt-cont p {font-size: 30px;line-height: 1.5;} #academy01 .cont-box1 .txt-cont p b {font-weight: 700;} #academy01 .cont-box1 .txt-cont p span {color: #B96300;font-size: 1.17em;font-weight: 700;line-height: 1.6;} #academy01 .cont-box1 .txt-box:last-child p span {font-size: inherit;} #academy01 .cont-box1 .txt-cont p em {font-style: normal;font-weight: 500;} #academy01 .cont-box1 .img-cont {} #academy01 .cont-box1 .img-cont .img {} #academy01 .cont-box1 .img-cont .img img {width: 100%;} #academy01 .cont-box1 .img-cont .img-title {padding: 12px 0;border-bottom: 1px solid #D9D9D9;font-size: 23px;font-weight: 600;text-align: center;} #academy01 .cont-box1 .img-cont .img-title span {color: #939393;font-size: max(0.87em, 15px);font-weight: 400;} #academy01 .cont-box2 {margin-bottom: 100px;padding: 125px 50px 50px;box-sizing: border-box;background: #F5F5F5;} #academy01 .cont-box2 .cont-title {margin-bottom: 35px;font-size: 30px;font-weight: 500;text-align: center;line-height: 1.4;} #academy01 .cont-box2 .cont-title span {color: #B96300;} #academy01 .cont-box2 .contents {} #academy01 .cont-box2 .img-cont {display: flex;align-items: center;gap: 56px;margin-bottom: 56px;border-bottom: 1px solid #D9D9D9;} #academy01 .cont-box2 .img-cont .item {position: relative;} #academy01 .cont-box2 .img-cont .item:first-child::after {content: '';display: block;width: 1px;height: 29%;background: #515151;position: absolute;top: 0;bottom: 0;left: calc(100% + 28px);margin: auto;transform: translate(-50%, -25%);} #academy01 .cont-box2 .img-cont .item > img {width: 100%;} #academy01 .cont-box2 .img-cont .item > p {padding: 13px 10px 18px;font-size: 20px;font-weight: 600;text-align: center;} #academy01 .cont-box2 .list-title {display: flex;justify-content: center;align-items: center;margin-bottom: 35px;font-size: 35px;font-weight: 700;text-align: center;line-height: 1.2;} #academy01 .cont-box2 .list-title span {padding: 0 18px;position: relative;} #academy01 .cont-box2 .list-title span::before, #academy01 .cont-box2 .list-title span::after {content: '';display: block;width: 3px;height: 32px;height: 75%;background: #111;position: absolute;top: 3px;bottom: 0;margin: auto;} #academy01 .cont-box2 .list-title span::before {left: 0;} #academy01 .cont-box2 .list-title span::after {right: 0;} #academy01 .cont-box2 .list {max-width: 886px;width: 95%;margin: 0 auto;} #academy01 .cont-box2 .list > li {padding: 30px;box-sizing: border-box;background: #fff;font-weight: 500;text-align: center;} #academy01 .cont-box2 .list > li:not(:last-child) {margin-bottom: 25px;} #academy01 .cont-box2 .list > li:nth-child(even) {border: 2px solid #EFEFEF;box-sizing: border-box;} #academy01 .cont-box2 .list > li > .tit {font-size: 30px;line-height: 1.35;} #academy01 .cont-box2 .list > li > .txt {font-size: 20px;} #academy01 .cont-box2 .btm-txt {margin-top: 15px;color: #212121;font-size: 20px;font-weight: 500;text-align: center;} #academy01 .cont-box3 {max-width: 800px;margin: 0 auto 160px;padding: 50px 10px;border-top: 1px solid #000;border-bottom: 1px solid #000;box-sizing: border-box;} #academy01 .cont-box3 p {font-size: 30px;font-weight: 700;text-align: center;line-height: 1.4} #academy01 .cont-box3 p span {color: #B96300;} #academy01 .cont-box4 {} #academy01 .cont-box4 .cont-title {margin-bottom: 40px;font-size: 25px;;text-align: center;line-height: 1.4;} #academy01 .cont-box4 .cont-title span {font-size: 1.20em;color: #B96300;font-weight: 700} #academy01 .cont-box4 .list {margin-bottom: 55px;border-top: 1px solid #A8A8A8;} #academy01 .cont-box4 .list li {display: flex;padding: 23px 0;border-bottom: 1px solid #A8A8A8;} #academy01 .cont-box4 .list li .txt {flex: 1;color: #666;font-size: 20px;font-weight: 500;} #academy01 .cont-box4 .list li .tit {flex-shrink: 0;width: 60%;font-size: 25px;font-weight: 500;} #academy01 .cont-box4 .btm-txt {color: #111;font-size: 25px;text-align: center;line-height: 1.4} @media (max-width: 1024px){ #academy01 .cont-box1 .txt-cont p {font-size: 26px;} #academy01 .cont-box1 .img-cont .img-title {font-size: 20px;} #academy01 .cont-box2 {padding: 100px 50px 50px;} #academy01 .cont-box2 .img-cont {gap: 30px;} #academy01 .cont-box2 .list-title {font-size: 32px;} #academy01 .cont-box2 .list .item {padding: 20px 100px;} #academy01 .cont-box2 .list > li > .tit {font-size: 26px;} #academy01 .cont-box2 .list > li > .txt {font-size: 18px;} #academy01 .cont-box3 {margin: 0 auto 120px;} #academy01 .cont-box3 p {font-size: 28px;} } @media (max-width: 768px){ #academy01 .cont-box1 .txt-box:first-child {margin-bottom: 30px;padding-bottom: 30px;} #academy01 .cont-box1 .txt-cont p {font-size: 24px;} #academy01 .cont-box1 .txt-cont p br:not(.line-br) {display: none;} #academy01 .cont-box2 {padding: 80px 30px 50px;} #academy01 .cont-box2 .cont-title {font-size: 26px;} #academy01 .cont-box2 .img-cont .item > p {font-size: 18px;} #academy01 .cont-box2 .list-title {font-size: 28px;} #academy01 .cont-box2 .list > li > .tit {font-size: 24px;} #academy01 .cont-box2 .list > li > .txt {font-size: 17px;} #academy01 .cont-box3 {margin: 0 auto 100px;} #academy01 .cont-box3 p br {display: none;} #academy01 .cont-box4 .cont-title {font-size: 23px;} #academy01 .cont-box4 .list li .tit {width: 70%;font-size: 24px;} #academy01 .cont-box4 .btm-txt {font-size: 23px;} } @media (max-width: 640px){ #academy01 .cont-box1 .txt-cont p {font-size: 22px;} #academy01 .cont-box1 .img-cont .img-title {font-size: 18px;} #academy01 .cont-box2 .cont-title {font-size: 24px;} #academy01 .cont-box2 .img-cont {gap: 10px;} #academy01 .cont-box2 .img-cont .item > p {font-size: 17px;} #academy01 .cont-box2 .list-title {font-size: 26px;} #academy01 .cont-box2 .list > li > .tit {font-size: 20px;} #academy01 .cont-box2 .list > li > .txt {font-size: 15px;} #academy01 .cont-box2 .btm-txt {font-size: 16px;} #academy01 .cont-box3 p {font-size: 25px;} #academy01 .cont-box4 .list li {padding: 18px 0;} #academy01 .cont-box4 .list li .tit {width: 75%;font-size: 22px;} #academy01 .cont-box4 .list li .txt {font-size: 17px;} } @media (max-width: 480px){ #academy01 .cont-box2 {padding: 80px 20px 50px;} #academy01 .cont-box2 .img-cont {flex-direction: column;gap: 15px;} #academy01 .cont-box2 .img-cont .item:first-child::after {display: none;} #academy01 .cont-box4 .list li {flex-direction: column;align-items: center;gap: 10px;padding: 22px 0;} #academy01 .cont-box4 .list li .tit {width: 100%;text-align: center;} } /********************************/ /* === 대표소개(academy02) === */ /********************************/ #academy02 {padding: 80px 0 150px;} #academy02 .page-title {margin-bottom: 135px;font-size: 60px;font-weight: 700;text-align: center;} #academy02 .profile-info {margin-bottom: 35px;} #academy02 .profile-info .name {display: flex;flex-wrap: wrap;align-items: baseline;gap: 7px 20px;margin-bottom: 50px;padding-bottom: 52px;position: relative;} #academy02 .profile-info .name::after {content: '';display: block;width: 50px;height: 2px;background: #B96300;position: absolute;left: 0;bottom: 0;} #academy02 .profile-info .name .ko {font-size: 30px;font-weight: 500} #academy02 .profile-info .name .en {padding-left: 20px;color: #898989;font-size: 20px;position: relative;} #academy02 .profile-info .name .en::before {content: '';display: block;width: 1px;height: 20px;background: #D9D9D9;position: absolute;top: 50%;left: 0;transform: translateY(-50%);} #academy02 .profile-info .desc {font-size: 23px;font-weight: 600;line-height: 1.5;} #academy02 .profile-info .desc span {color: #B96300;} #academy02 .profile-career {} #academy02 .profile-career ul {} #academy02 .profile-career ul li {padding-left: 16px;font-size: 23px;line-height: 1.5;position: relative;} #academy02 .profile-career ul li:not(:last-child) {margin-bottom: 25px;} #academy02 .profile-career ul li::before {content: '-';display: block;position: absolute;top: 0;left: 0;} #academy02 .profile-career ul li .line-br {display: block;} @media (max-width: 1200px){ #academy02 .page-title {margin-bottom: 100px;font-size: 50px;} } @media (max-width: 1024px) { #academy02 .profile-career ul li br:not(.line-br) {display: none;} } @media (max-width: 768px){ #academy02 .page-title {margin-bottom: 80px;font-size: 45px;} #academy02 .profile-info .desc {font-size: 22px;} #academy02 .profile-career ul li {font-size: 22px;} } @media (max-width: 640px){ #academy02 .profile-info .desc {font-size: 20px;} #academy02 .profile-info .desc br {display: none;} #academy02 .profile-career ul li {font-size: 20px;} } /********************************/ /* === 유학클래스(abroad01) === */ /********************************/ #abroad01 {padding: 80px 0 150px;} #abroad01 .page-title {margin-bottom: 90px;font-size: 60px;font-weight: 700;text-align: center;} #abroad01 .cont-box1 {margin-bottom: 80px;text-align: center;} #abroad01 .cont-box1 .cont-logo {margin-bottom: 30px;} #abroad01 .cont-box1 .title {margin-bottom: 75px;font-size: 45px;font-weight: 700;} #abroad01 .cont-box1 .txt-cont {padding-bottom: 77px;text-align: center;position: relative;} #abroad01 .cont-box1 .txt-cont::after {content: '';display: block;width: 50px;height: 2px;background: #B96300;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;} #abroad01 .cont-box1 .txt-cont .tit {margin-bottom: 10px;font-size: 25px;font-weight: 500;} #abroad01 .cont-box1 .txt-cont .txt {font-size: 18px;line-height: 1.8} #abroad01 .cont-box1 .txt-cont .txt span {color: #B96300;font-size: 1.22em;font-weight: 600;} #abroad01 .cont-box1 .txt-cont .txt b {font-size: 1.22em;font-weight: 600;} #abroad01 .cont-box2 {margin-bottom: 195px;} #abroad01 .cont-box2 .content {margin-bottom: 30px;border: 20px solid #F3F3F3;background: #fff;padding: 80px 100px;box-sizing: border-box;} #abroad01 .cont-box2 .cont-title {display: flex;justify-content: center;align-items: center;margin-bottom: 30px;font-size: 35px;font-weight: 700;text-align: center;line-height: 1.2;} #abroad01 .cont-box2 .cont-title span {padding: 0 18px;position: relative;} #abroad01 .cont-box2 .cont-title span::before, #abroad01 .cont-box2 .cont-title span::after {content: '';display: block;width: 2px;height: 32px;background: #111;position: absolute;top: 0;bottom: 0;margin: auto;} #abroad01 .cont-box2 .cont-title span::before {left: 0;} #abroad01 .cont-box2 .cont-title span::after {right: 0;} #abroad01 .cont-box2 .cont-title b {color: #B96300;} #abroad01 .cont-box2 .list {} #abroad01 .cont-box2 .list li {display: flex;align-items: center;gap: 10px;padding: 16px 50px;border: 3px solid #000;box-sizing: border-box;} #abroad01 .cont-box2 .list li:not(:last-child) {margin-bottom: 20px;} #abroad01 .cont-box2 .list li .name {font-size: 25px;} #abroad01 .cont-box2 .list li .name span {color: #B96300;font-weight: 600;} #abroad01 .cont-box2 .list li .desc {font-size: 18px;} #abroad01 .cont-box2 .list li .desc span {color: #B96300;} #abroad01 .cont-box2 .btm-txt {font-size: 25px;font-weight: 500;text-align: center;line-height: 1.5;} #abroad01 .cont-box2 .btm-txt span {color: #B96300;} #abroad01 .cont-box3 {margin-bottom: 180px;} #abroad01 .cont-box3 .title {margin-bottom: 30px;font-size: 40px;font-weight: 800;} #abroad01 .cont-box3 .text-cont {margin-bottom: 100px;} #abroad01 .cont-box3 .text-cont p {font-size: 20px;line-height: 1.6;} #abroad01 .cont-box3 .text-cont p span {color: #B96300;font-weight: 500;} #abroad01 .cont-box3 .list {display: flex;gap: 50px;} #abroad01 .cont-box3 .list li {width: 50%;padding: 50px 20px;border: 1px solid #E0E0E0;border-top-width: 10px;box-sizing: border-box;} #abroad01 .cont-box3 .list li p {font-size: 20px;text-align: center;line-height: 1.6;} #abroad01 .cont-box3 .list li p span {color: #6C4A26;font-weight: 700;} #abroad01 .cont-box4 {margin-bottom: 125px;overflow: hidden;} #abroad01 .cont-box4 .marquee {min-height: 145px;color: #eee;font-family: "Outfit", sans-serif;font-size: 100px;font-weight: 700;} #abroad01 .cont-box5 {margin-bottom: 120px;} #abroad01 .cont-box5 .cont-title {margin-bottom: 90px;font-size: 60px;font-weight: 700;text-align: center;} #abroad01 .cont-box5 .content {} #abroad01 .cont-box5 .box-txt {margin-bottom: 40px;padding: 60px 20px 50px;border: 1px solid #6C4A26;font-size: 32px;font-weight: 500;text-align: center;box-shadow: 10px 10px 0px 0px rgba(108,74,38,1);-webkit-box-shadow: 10px 10px 0px 0px rgba(108,74,38,1);-moz-box-shadow: 10px 10px 0px 0px rgba(108,74,38,1);} #abroad01 .cont-box5 .box-txt span {color: #6C4A26;font-weight: 700;} #abroad01 .cont-box5 .desc-cont {font-size: 20px;text-align: center;line-height: 1.5;} #abroad01 .cont-box5 .desc-cont span {color: #6C4A26;font-weight: 600;} #abroad01 .cont-box6 {margin-bottom: 100px;padding: 155px 0 100px;background: #FEF8F0;} #abroad01 .cont-box6 .content {display: flex;align-items: center;gap: 30px;margin-bottom: 90px;padding-right: 32px;} #abroad01 .cont-box6 .content .txt-cont {flex: 1;} #abroad01 .cont-box6 .content .txt-cont .title {margin-bottom: 40px;font-size: 40px;font-weight: 700;} #abroad01 .cont-box6 .content .txt-cont .title span {color: #6C4A26;} #abroad01 .cont-box6 .content .txt-cont .text {font-size: 20px;} #abroad01 .cont-box6 .content .txt-cont .text p {line-height: 1.6;} #abroad01 .cont-box6 .content .img-cont {flex-shrink: 0;width: 42.84%;box-shadow: 32px -32px 0px 0px rgba(108, 74, 38, 1);-webkit-box-shadow: 32px -32px 0px 0px rgba(108, 74, 38, 1);-moz-box-shadow: 32px -32px 0px 0px rgba(108,74,38,1);} #abroad01 .cont-box6 .content .img-cont img {display: block;width: 100%;} #abroad01 .cont-box6 .btm-txt {padding: 24px 15px;border: 1px solid #EDEDED;background: #fff;} #abroad01 .cont-box6 .btm-txt p {font-size: 22px;font-weight: 500;text-align: center;line-height: 1.6;} #abroad01 .cont-box7 {margin-bottom: 140px;} #abroad01 .cont-box7 .content {display: flex;align-items: stretch;} #abroad01 .cont-box7 .content .img-cont {max-width: 600px;width: 50%;} #abroad01 .cont-box7 .content .img-cont img {display: block;width: 100%;} #abroad01 .cont-box7 .content .txt-cont {display: flex;flex-direction: column;justify-content: space-evenly;width: 50%;padding: 10px 0;} #abroad01 .cont-box7 .content .txt-cont .desc {padding: 0 70px;box-sizing: border-box;} #abroad01 .cont-box7 .content .txt-cont .desc p {font-size: 20px;line-height: 1.8;} #abroad01 .cont-box7 .content .txt-cont .btm-txt {color: #B3997E;font-family: "Outfit", sans-serif;font-size: 80px;font-weight: 700;text-align: right;position: relative;} #abroad01 .cont-box7 .content .txt-cont .btm-txt span {padding-left: 20px;background: #fff;} #abroad01 .cont-box7 .content .txt-cont .btm-txt::before {content: '';display: block;width: 100%;height: 3px;background: #B3997E;position: absolute;left: 0;right: 0;bottom: 21px;margin: auto;z-index: -1;} #abroad01 .cont-box8 {margin-bottom: 85px;} #abroad01 .cont-box8 .cont-title {margin-bottom: 25px;color: #111;font-size: 30px;font-weight: 600;text-align: center;} #abroad01 .cont-box8 .list {margin-bottom: 50px;} #abroad01 .cont-box8 .list li {padding: 12px 15px;border-radius: 999px;background: #6C4A26;color: #fff;font-size: 20px;font-weight: 700;text-align: center;line-height: 1.5;} #abroad01 .cont-box8 .list li:not(:last-child) {margin-bottom: 15px;} #abroad01 .cont-box8 .txt-cont {} #abroad01 .cont-box8 .txt-cont p {font-size: 20px;font-weight: 500;line-height: 1.5;} #abroad01 .cont-box8 .txt-cont p span {color: #6C4A26;font-weight: 700;} #abroad01 .cont-box9 {} #abroad01 .cont-box9 .cont-title {margin-bottom: 15px;padding-top: 70px;font-size: 40px;font-weight: 700;position: relative;} #abroad01 .cont-box9 .cont-title::before {content: '';display: block;width: 50px;height: 7px;border-top: 2px solid #B96300;border-bottom: 2px solid #B96300;position: absolute;top: 0;left: 0;} #abroad01 .cont-box9 .cont-title span {color: #6C4A26;} #abroad01 .cont-box9 .desc {font-size: 20px;font-weight: 500;line-height: 1.5;} #abroad01 .cont-box9 .desc span {color: #6C4A26;font-weight: 600;} @media (max-width: 1199px){ #abroad01 .page-title {margin-bottom: 100px;font-size: 50px;} #abroad01 .cont-box2 .content {padding: 80px 50px;} #abroad01 .cont-box2 .list li {padding: 16px 30px;} #abroad01 .cont-box3 {margin-bottom: 150px;} #abroad01 .cont-box3 .text-cont {margin-bottom: 80px;} #abroad01 .cont-box3 .list {gap: 30px;} #abroad01 .cont-box3 .list li p br {display: none;} #abroad01 .cont-box5 .cont-title {margin-bottom: 70px;font-size: 50px;} #abroad01 .cont-box5 .box-txt {font-size: 28px;} #abroad01 .cont-box6 .content .txt-cont .title br {display: none;} #abroad01 .cont-box7 .content .txt-cont .desc {padding: 0 50px;} #abroad01 .cont-box7 .content .txt-cont .desc br {display: none;} #abroad01 .cont-box7 .content .txt-cont .btm-txt {font-size: 65px;} } @media (max-width: 1024px) { #abroad01 .cont-box1 .title {font-size: 38px;} #abroad01 .cont-box2 {margin-bottom: 160px;} #abroad01 .cont-box2 .cont-title {font-size: 32px;} #abroad01 .cont-box2 .list li {flex-direction: column;padding: 20px 30px;text-align: center;} #abroad01 .cont-box3 {margin-bottom: 120px;} #abroad01 .cont-box3 .text-cont p br:not(.line-br) {display: none;} #abroad01 .cont-box3 .list {gap: 20px;} #abroad01 .cont-box4 .marquee {font-size: 72px;} #abroad01 .cont-box5 {margin-bottom: 100px;} #abroad01 .cont-box5 .cont-title {margin-bottom: 50px;font-size: 45px;} #abroad01 .cont-box5 .box-txt {padding: 45px 20px 40px;font-size: 25px;} #abroad01 .cont-box6 .content {flex-direction: column-reverse;gap: 50px;max-width: 800px;margin: 0 auto 60px;padding-right: 20px;} #abroad01 .cont-box6 .content .img-cont {width: 100%;align-self: flex-start;} #abroad01 .cont-box6 .content .img-cont {box-shadow: 20px -20px 0px 0px rgba(108, 74, 38, 1);-webkit-box-shadow: 20px -20px 0px 0px rgba(108, 74, 38, 1);-moz-box-shadow: 20px -20px 0px 0px rgba(108,74,38,1);} #abroad01 .cont-box6 .content .txt-cont .title {font-size: 36px;} #abroad01 .cont-box6 .content .txt-cont .text br {display: none;} #abroad01 .cont-box6 .btm-txt {max-width: 800px;margin: 0 auto;} #abroad01 .cont-box7 .content {flex-direction: column;max-width: 800px;margin: 0 auto;} #abroad01 .cont-box7 .content .img-cont {max-width: none;width: 100%;} #abroad01 .cont-box7 .content .txt-cont {width: 100%;} #abroad01 .cont-box7 .content .txt-cont .desc {padding: 30px;} #abroad01 .cont-box7 .content .txt-cont .btm-txt {font-size: 50px;} } @media (max-width: 768px){ #abroad01 .page-title {margin-bottom: 80px;font-size: 45px;} #abroad01 .cont-box1 .title {margin-bottom: 50px;font-size: 34px;} #abroad01 .cont-box2 {margin-bottom: 120px;} #abroad01 .cont-box2 .cont-title {font-size: 28px;} #abroad01 .cont-box2 .cont-title span {padding: 0 14px;} #abroad01 .cont-box3 {margin-bottom: 100px;} #abroad01 .cont-box3 .title {font-size: 36px;} #abroad01 .cont-box3 .text-cont {margin-bottom: 50px;} #abroad01 .cont-box4 {margin-bottom: 80px;} #abroad01 .cont-box4 .marquee {font-size: 64px;} #abroad01 .cont-box5 .cont-title {margin-bottom: 50px;font-size: 40px;} #abroad01 .cont-box5 .box-txt {font-size: 24px;} #abroad01 .cont-box6 {padding: 120px 0 100px;} #abroad01 .cont-box6 .content .txt-cont .title {margin-bottom: 20px;font-size: 32px;} #abroad01 .cont-box6 .content .txt-cont .text {font-size: 18px;} #abroad01 .cont-box6 .content .img-cont {width: 100%;} #abroad01 .cont-box6 .btm-txt p {font-size: 20px;} #abroad01 .cont-box6 .btm-txt p br {display: none;} #abroad01 .cont-box7 {margin-bottom: 100px;} #abroad01 .cont-box7 .content .img-cont {width: 100%;} #abroad01 .cont-box7 .content .txt-cont {width: 100%;} } @media (max-width: 640px){ #abroad01 .cont-box1 .title {font-size: 30px;} #abroad01 .cont-box1 .txt-cont .tit {font-size: 22px;} #abroad01 .cont-box1 .txt-cont .txt {font-size: 16px;} #abroad01 .cont-box2 .content {padding: 80px 30px;border-width: 12px;} #abroad01 .cont-box2 .cont-title {font-size: 26px;} #abroad01 .cont-box2 .list li {padding: 20px 10px;} #abroad01 .cont-box2 .list li .name {font-size: 23px;} #abroad01 .cont-box2 .list li .desc {font-size: 16px;} #abroad01 .cont-box3 .text-cont p {font-size: 18px;} #abroad01 .cont-box3 .list {flex-direction: column;} #abroad01 .cont-box3 .list li {width: 100%;padding: 30px 17px;} #abroad01 .cont-box3 .list li p {font-size: 18px;} #abroad01 .cont-box3 .list li p br {display: block;} #abroad01 .cont-box5 .box-txt {font-size: 22px;} #abroad01 .cont-box5 .box-txt br {display: none;} #abroad01 .cont-box5 .desc-cont {font-size: 18px;} #abroad01 .cont-box6 .content {margin-bottom: 40px;} #abroad01 .cont-box6 .content .txt-cont .title {font-size: 28px;} #abroad01 .cont-box7 .content .txt-cont .desc {padding: 30px 20px;} #abroad01 .cont-box7 .content .txt-cont .desc p {font-size: 18px;} #abroad01 .cont-box7 .content .txt-cont .btm-txt {font-size: 40px;} #abroad01 .cont-box8 .cont-title {font-size: 26px;} #abroad01 .cont-box8 .list {margin-bottom: 30px;} #abroad01 .cont-box8 .list li {padding: 15px;font-size: 18px;} #abroad01 .cont-box8 .txt-cont p {font-size: 18px;} #abroad01 .cont-box9 .cont-title {font-size: 34px;} #abroad01 .cont-box9 .desc {font-size: 18px;} } @media (max-width: 480px){ #abroad01 .cont-box2 .list li .name {font-size: 20px;} #abroad01 .cont-box2 .list li .desc {font-size: 14px;} #abroad01 .cont-box3 .list li p br {display: none;} #abroad01 .cont-box6 .content .txt-cont .title {font-size: 26px;} #abroad01 .cont-box6 .content .txt-cont .text {font-size: 17px;} #abroad01 .cont-box6 .btm-txt p {font-size: 18px;} #abroad01 .cont-box9 .desc br {display: none;} }