/*인사말*/ #a1 {} #a1 .con {margin-bottom: 50px;} #a1 .con:last-child {margin-bottom: 0;} #a1 .con1 img {border-radius: 20px; width: 100%;} #a1 .con2 {text-align: center;} #a1 .con2 h2 {font-size: 40px; margin-bottom: 30px; padding-bottom: 30px; position: relative;} #a1 .con2 h2::after {position: absolute; content: ''; width: 30px; height: 4px; background-color: #121212; bottom: 0; left: 50%; transform: translateX(-50%);} #a1 .con2 p {font-size: 18px; line-height: 28px; color: #666; font-weight: 500; margin-bottom: 40px;} #a1 .con2 .ceo {font-size: 18px; display: flex; justify-content: flex-end; align-items: flex-end;} #a1 .con2 .ceo span {font-size: 24px; font-weight: 700; margin-left: 10px;} @media (max-width: 960px){ #a1 .con {margin-bottom: 40px;} #a1 .con2 h2 {font-size: 34px;} #a1 .con2 p {font-size: 16px; line-height: 26px; margin-bottom: 30px;} #a1 .con2 .ceo {font-size: 16px;} #a1 .con2 .ceo span {font-size: 22px;} } @media (max-width: 640px){ #a1 .con {margin-bottom: 30px;} #a1 .con2 h2 {font-size: 26px; margin-bottom: 20px; padding-bottom: 20px;} #a1 .con2 p {font-size: 14px; line-height: 24px;} #a1 .con2 .ceo {font-size: 14px;} #a1 .con2 .ceo span {font-size: 20px;} } @media (max-width: 400px){ #a1 .con2 .ceo {flex-direction: column; align-items: center;} #a1 .con2 .ceo span {margin-left: 0; margin-top: 5px;} } /*인사말*/ /*원장프로필*/ #a2 {} #a2 .con {margin-bottom: 50px; display: flex; justify-content: space-between;} #a2 .con:last-child {margin-bottom: 0;} #a2 .con .left {width: 15%;} #a2 .con .left img {max-width: 150px; width: 100%; border: 1px solid #ddd;} #a2 .con .right {width: 80%;} #a2 .con .right h2 {font-size: 18px; margin-bottom: 20px; font-weight: 500; color: #3183d4;} #a2 .con .right h2 b {font-weight: 700; font-size: 24px; color: #121212; margin-right: 10px;} #a2 .con .right .t_wrap {margin-bottom: 30px;} #a2 .con .right .t_wrap:last-child {margin-bottom: 0;} #a2 .con .right .t_wrap h3 {font-size: 20px; margin-bottom: 10px; font-weight: 600; position: relative; padding-left: 15px;} #a2 .con .right .t_wrap h3::after {position: absolute; content: ''; width: 4px; height: 80%; background-color: #3183d4; left: 0; top: 50%; transform: translateY(-50%);} #a2 .con .right .t_wrap ul {border-top: 2px solid #121212; border-bottom: 2px solid #121212;} #a2 .con .right .t_wrap ul li {padding: 20px; border-bottom: 1px solid #ddd; font-size: 18px; color: #333; font-weight: 500;} #a2 .con .right .t_wrap ul li:last-child {border-bottom: 0;} @media (max-width: 960px){ #a2 .con {margin-bottom: 40px; flex-direction: column;} #a2 .con .left {width: 100%; margin-bottom: 20px;} #a2 .con .right {width: 100%;} #a2 .con .right .t_wrap ul li {font-size: 18px;} } @media (max-width: 640px){ #a2 .con .right h2 {font-size: 16px;} #a2 .con .right h2 b {font-size: 20px; margin-right: 5px;} #a2 .con .right .t_wrap h3 {font-size: 18px;} #a2 .con .right .t_wrap ul li {font-size: 14px; padding: 15px;} } /*원장프로필*/ /*강사소개*/ #a3 {} #a3 .con {margin-bottom: 50px; display: flex; justify-content: space-between;} #a3 .con:last-child {margin-bottom: 0;} #a3 .con .left {width: 15%;} #a3 .con .left img {max-width: 150px; width: 100%; border: 1px solid #ddd;} #a3 .con .right {width: 80%;} #a3 .con .right h2 {font-size: 18px; margin-bottom: 20px; font-weight: 500; color: #3183d4;} #a3 .con .right h2 b {font-weight: 700; font-size: 24px; color: #121212; margin-right: 10px;} #a3 .con .right .t_wrap {margin-bottom: 30px;} #a3 .con .right .t_wrap:last-child {margin-bottom: 0;} #a3 .con .right .t_wrap h3 {font-size: 20px; margin-bottom: 10px; font-weight: 600; position: relative; padding-left: 15px;} #a3 .con .right .t_wrap h3::after {position: absolute; content: ''; width: 4px; height: 80%; background-color: #3183d4; left: 0; top: 50%; transform: translateY(-50%);} #a3 .con .right .t_wrap ul {border-top: 2px solid #121212; border-bottom: 2px solid #121212;} #a3 .con .right .t_wrap ul li {padding: 20px; border-bottom: 1px solid #ddd; font-size: 18px; color: #333; font-weight: 500;} #a3 .con .right .t_wrap ul li:last-child {border-bottom: 0;} #a3 .con .right .pre {width: 100%; border: 2px solid #999; color: #999; font-size: 18px; font-weight: 600; text-align: center; padding: 50px;} @media (max-width: 960px){ #a3 .con {margin-bottom: 40px; flex-direction: column;} #a3 .con .left {width: 100%; margin-bottom: 20px;} #a3 .con .right {width: 100%;} #a3 .con .right .t_wrap ul li {font-size: 18px;} } @media (max-width: 640px){ #a3 .con .right h2 {font-size: 16px;} #a3 .con .right h2 b {font-size: 20px; margin-right: 5px;} #a3 .con .right .t_wrap h3 {font-size: 18px;} #a3 .con .right .t_wrap ul li {font-size: 14px; padding: 15px;} } /*강사소개*/ /*오시는 길*/ #a4 .con {margin-bottom: 50px;} #a4 .con:last-child {margin-bottom: 0;} #a4 .con1 .root_daum_roughmap_landing {border: 1px solid #ddd;} #a4 .con1 .root_daum_roughmap .wrap_controllers {display: none;} #a4 .con1 .root_daum_roughmap .map_border {display: none;} #a4 .con2 {display: flex; justify-content: space-between;} #a4 .con2 .left {width: 50%; border-right: 1px solid #ddd;} #a4 .con2 .left ul li {font-size: 18px; margin-bottom: 10px; display: flex; align-items: center; color: #666; font-weight: 500;} #a4 .con2 .left ul li:last-child {margin-bottom: 0;} #a4 .con2 .left ul li span {font-weight: 600; background-color: #3183d4; min-width: 100px; display: inline-block; color: #fff; text-align: center; font-size: 16px; border-radius: 19px; margin-right: 10px; line-height: 37px;} #a4 .con2 .right {width: 50%; padding-left: 30px;} #a4 .con2 .right div h3 {font-size: 20px; margin-bottom: 20px;} #a4 .con2 .right .bus {margin-bottom: 30px;} #a4 .con2 .right .bus ul li {font-size: 18px; margin-bottom: 10px; font-weight: 500; color: #666;} #a4 .con2 .right .bus ul li:last-child {margin-bottom: 0;} #a4 .con2 .right .bus ul li span {font-weight: 600; color: #fff; min-width: 60px; display: inline-block; text-align: center; font-size: 16px; border-radius: 19px; margin-right: 10px; line-height: 37px; background-color: #47af1b;} #a4 .con2 .right .bus ul li:first-child span {background-color: #ff451e;} #a4 .con2 .right .subway p {font-size: 18px; font-weight: 500; color: #666; display: flex; align-items: center;} #a4 .con2 .right .subway p span {background-color: #1a2b5a; color: #fff; display: inline-block; width: 30px; height: 30px; border-radius: 50%; text-align: center; font-weight: 700; line-height: 30px; margin-right: 10px; font-size: 16px;} @media (max-width: 960px){ #a4 .con {margin-bottom: 40px;} #a4 .con2 {flex-direction: column;} #a4 .con2 .left {width: 100%; border-right: 0; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd;} #a4 .con2 .right {width: 100%; padding-left: 0;} } @media (max-width: 640px){ #a4 .con {margin-bottom: 30px;} #a4 .con2 .left ul li {font-size: 16px;} #a4 .con2 .left ul li span {font-size: 14px; min-width: 80px;} #a4 .con2 .right div h3 {font-size: 18px;} #a4 .con2 .right .bus ul li {font-size: 16px;} #a4 .con2 .right .bus ul li span {font-size: 14px;} #a4 .con2 .right .subway p {font-size: 16px;} #a4 .con2 .right .subway p span {width: 26px; height: 26px; line-height: 26px; font-size: 14px;} } /*오시는 길*/ /* 교육과정 */ #b1 {} #b1 .con {margin-bottom: 50px;} #b1 .con:last-child {margin-bottom: 0;} #b1 .con1 img {width: 100%; border-radius: 20px;} #b1 .con2 h2 {font-size: 24px; margin-bottom: 20px; padding-left: 15px; position: relative;} #b1 .con2 h2::after {position: absolute; content: ''; width: 4px; height: 80%; background-color: #3183d4; left: 0; top: 50%; transform: translateY(-50%);} #b1 .con2 table {width: 100%; border-collapse: collapse; border-top: 2px solid #121212;} #b1 .con2 table th {padding: 20px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 500; border-right: 1px solid #ddd;} #b1 .con2 table td {padding: 20px; border-bottom: 1px solid #ddd; font-size: 16px; font-weight: 500; text-align: center;} #b1 .con2 table tr:first-child th {background-color: #f5f5f5; font-weight: 700;} #b1 .con2 table tr:first-child td {background-color: #f5f5f5; font-weight: 700;} @media screen and (max-width: 960px) { #b1 .con {margin-bottom: 40px;} #b1 .con2 h2 {font-size: 20px;} #b1 .con2 table th {padding: 15px; font-size: 14px;} #b1 .con2 table td {padding: 15px; font-size: 14px;} } @media screen and (max-width: 640px) { #b1 .con {margin-bottom: 30px;} #b1 .con2 h2 {font-size: 18px;} #b1 .con2 table th {padding: 10px; font-size: 12px;} #b1 .con2 table td {padding: 10px; font-size: 12px;} } /* 교육과정 */ /* 수강안내 */ #b2 {} #b2 .con {margin-bottom: 50px;} #b2 .con:last-child {margin-bottom: 0;} #b2 .con img {max-width: 800px; width: 100%; margin: 0 auto; display: block;} @media screen and (max-width: 1210px) { } @media screen and (max-width: 640px) { } /* 수강안내 */ /* 가맹절차 */ #c1 {} #c1 .con {margin-bottom: 50px;} #c1 .con:last-child {margin-bottom: 0;} #c1 .con img {max-width: 800px; width: 100%; margin: 0 auto; display: block;} @media screen and (max-width: 960px) { } @media screen and (max-width: 640px) { } /* 가맹절차 */ /* 가맹절차 */ #c2 {} #c2 .con {margin-bottom: 50px;} #c2 .con:last-child {margin-bottom: 0;} #c2 .con img {max-width: 800px; width: 100%; margin: 0 auto; display: block;} @media screen and (max-width: 960px) { } @media screen and (max-width: 640px) { } /* 가맹절차 */ /* content_area05 */ .content05 .photo_box { margin-bottom:50px; background-color:#f9f9f9; clear:both} .content05 .photo_box .img { max-width:50%; float:left;display:block} .content05 .photo_box .img img { width:100%} .content05 .photo_box .txt { max-width:50%; float:left; padding:50px; background-color:#f9f9f9; display:block} .content05 .photo_box .txt h2 { font-size:24px; padding-top:50px; letter-spacing:0; font-weight:bold; text-align:left} .content05 .photo_box .txt p { padding-top:20px; word-break:keep-all} @media screen and (max-width: 960px) { .content05 .photo_box .img { max-width:100%; display:block} .content05 .photo_box .txt { max-width:100%;} .content05 .photo_box .txt h2 { font-size:24px; padding-top:0; font-weight:bold} } /* content_area05 */ /* content_area06 */ .content06 .thumb_box {width:31.3333%; margin-right:3%; display:block; float:left; } @media screen and (min-width: 961px) { .content06 .thumb_box:nth-child(3n+3) { margin-right:0} } .content06 .thumb_box .img { width:100%; min-height:300px; background-image:url(../img/rnd03_thumb01.jpg); background-repeat:no-repeat; background-size:cover; clear:both; overflow:hidden; position:relative} .content06 .thumb_box .txt { width:100%; padding:20px; text-align:left; clear:both} .content06 .thumb_box .txt h2 { font-size:24px; text-align:center; letter-spacing:0; font-weight:bold} .content06 .thumb_box .txt p { padding:20px 0px; text-align:center; } @media screen and (max-width: 960px) { .content06 .thumb_box { width:49%; margin-right:2% } .content06 .thumb_box:nth-child(2n+2) { margin-right:0} } @media screen and (max-width: 640px) { .content06 .thumb_box { width:100%; margin:0; clear:both; float:none} } /* content_area06 */