@charset "utf-8";

@import url(../sub.css);

.visual {background-position: 50% 50%;background-attachment: scroll;}
.visual .inner .title_area {padding-top: 207px;color: #fff;font-size: 27px;}

/* .tab {margin-top: 40px;border: 1px solid #dcdcdc;}
.tab .tab_btn {display: none;border-bottom: none;}
.tab .tab_btn li {float: left;width: 333px;height: 67px;background-color: #395b8c;border-right: 1px solid #dcdcdc;box-sizing: border-box;text-align: center;}
.tab .tab_btn li:last-child {width: 332px;border-right: none;}
.tab .tab_btn li a {display: block;width: 100%;height: 100%;color: #000;font-size: 17px;line-height: 24px;text-decoration: none;}
.tab .tab_btn li.on a {color: #14C1BC;background-color: #186388;}
.tab .tab_btn li a span {display: block;padding-top: 8px;}
.tab .tab_content > li {display: none;}
.tab .tab_content > li .tab_box {padding: 35px 0;background-color: #395b8c;text-align: center;}
.tab .tab_content > li .tab_box p {color: #fff;font-size: 30px;line-height: 1.2em;font-weight: 500;}
.tab .tab_content > li .tab_box p span {font-size: 18px;font-weight: 500;}
.tab .tab_content > li .curriculum {float: left;width: 50%;}
.tab .tab_content > li .curri1 {border-right: 1px solid #dcdcdc;box-sizing: border-box;}
.tab .tab_content > li .curriculum tr td {padding: 13px 13px 13px 42px;color: #000;font-size: 17px;background-color: #fff;line-height: 17px;font-weight: 400;}
.tab .tab_content > li .curriculum tr td.bold {padding-left: 30px;font-weight: 700;}
.tab .tab_content > li .curriculum tr td.pd_left {padding-left: 60px;}
.tab .tab_content > li .curriculum tr:nth-child(2n+1) td {background-color: #edf1f8;} */

.schedule_tit {height: 60px;color: #fff;font-size: 23px;line-height: 60px;background-color: #395b8c;font-weight: bold;text-align: center;}
.schedule {width: 100%;border-top: 4px solid #395b8c;border-bottom: 1px solid #dcdcdc;}
.schedule tr th,
.schedule tr td {padding: 15px 0;font-size: 17px;border-right: 1px solid #dcdcdc;}
.schedule tr th {color: #283444;background-color: #edf1f8;border-bottom: 1px solid #dcdcdc;text-align: center;}
.schedule tr th:last-child,
.schedule tr td:last-child {border-right: none;}
.schedule tr td {color: #000;text-align: center;line-height: 1.8em;}
.schedule tr:nth-child(2n+1) td {background-color: #edf1f8;}
.schedule tr.end td {text-decoration: line-through;}
.schedule tr th img {padding-right: 15px;vertical-align: -6px;}
.schedule tr td a {color: #283444;}

.video_area {margin: 0 auto;width: 700px;}

.con_instructor {margin-bottom: 50px;}
.con_instructor:last-child {margin-bottom: 0;}
.con_instructor .view_introduction {}
.con_instructor .view_introduction .photo {float: left;width: 200px;height: 220px;}
.con_instructor .view_introduction .photo img {width: 100%;height: 100%;}
.con_instructor .view_introduction .introduction {position: relative;float: right;width: 950px;height: 220px;border: 1px solid #20110e;border-right: none;border-left: none;box-sizing: border-box;}
.con_instructor .view_introduction .introduction .tit {margin: 28px 0 30px;font-size: 34px;font-weight: bold;}
.con_instructor .view_introduction .introduction .tit2 {margin-bottom: 10px;font-size: 23px;font-weight: bold;}
.con_instructor .view_introduction .introduction .txt {font-size: 17px;font-weight: bold;line-height: 30px;}
.con_instructor .view_introduction .introduction .more_btn {position: absolute;right: 0;top: 50%;margin-top: -25px;width: 150px;height: 50px;border: 1px solid #000;color: #000;font-size: 20px;line-height: 50px;text-decoration: none;text-align: center;box-sizing: border-box;}
.con_instructor .view_introduction .introduction .more_btn:hover {color: #fff;background-color: #000;}
.con_instructor .more_introduction {display: none;margin-top: 50px;}
.con_instructor .more_introduction table {width: 100%;}
.con_instructor .more_introduction table th {padding-bottom: 38px;color: #000;font-size: 23px;line-height: 35px;font-weight: bold;text-align: left;}
.con_instructor .more_introduction table th img {margin-right: 8px;vertical-align: middle;}
.con_instructor .more_introduction table td {vertical-align: top;}
.con_instructor .more_introduction table td > div {padding: 35px 0;width: 95%;border-top: 1px solid #ccc;}
.con_instructor .more_introduction table td .left {float: left;}
.con_instructor .more_introduction table td .right {float: right;}
.con_instructor .more_introduction table td .tit {margin-bottom: 20px;color: #538dc5;font-size: 18px;font-weight: bold;}
.con_instructor .more_introduction table td .txt {font-size: 16px;line-height: 32px;}
.con_instructor .more_introduction table td .tit.border_top {margin-top: 35px;padding-top: 35px;border-top: 1px solid #ccc;}
.con_instructor .more_introduction table td .ul_introduction i {padding-right: 8px;}

.curriculum1 {margin-top: 30px;width: 100%;border-top: 4px solid #395b8c;text-align: center;}
.curriculum1 tr {}
.curriculum1 tr th {height: 50px;color: #395b8c;font-size: 20px;line-height: 50px;background-color: #edf1f8;}
.curriculum1 tr td {padding: 20px 15px;color: #000;font-size: 17px;line-height: 31px;background-color: #fff;}
.curriculum1 tr th,
.curriculum1 tr td {border: 1px solid #d1d1d1;}
.curriculum1 tr td.last {padding-left: 25px;text-align: left;}
.curriculum1 tr td dl {*zoom:1;}
.curriculum1 tr td dl:after {clear: both;content: "";display: block;}
.curriculum1 tr td dl dt {clear: both;padding: 15px 0 10px;color: #2386ff;font-size: 19px;font-weight: 500;}
.curriculum1 tr td dl dd {position: relative;margin-left: 1%;padding-left: 1%;word-break: keep-all;}
.curriculum1 tr td dl dd::after {content: '';position: absolute;left: 0;top: 13px;width: 3px;height: 3px;background-color: #333;border-radius: 50%;}
.curriculum1 tr td dl dd.col2 {float: left;width: 48%}
.curriculum1 tr td dl dd > ul > li {position: relative;padding-left: 25px;}
.curriculum1 tr td dl dd > ul > li::before {content: '└';position: absolute;left: 0;top: 0;}

.tab {}
.tab .text1 {margin-bottom: 40px;font-size: 20px;line-height: 30px;}
.tab .tab_btn {padding-bottom: 40px;}
.tab .tab_btn li {float: left;width: 280px;height: 50px;text-align: center;box-sizing: border-box;margin-right: 15px;}
.tab .tab_btn li a {display: block;width: 100%;line-height: 50px;height: 100%;color: #395b8c;font-size: 18px;border: 1px solid #ddd;box-sizing: border-box;font-weight: normal;text-decoration: none;}
.tab .tab_btn li.on a {color: #fff;font-weight: bold;background-color: #395b8c;}
.tab_content > li {display: none;}
.table_box {margin: 0 auto;width: 710px;text-align: center;}
.table_box .table1 {width: 100%;border-top: 3px solid #395b8c;text-align: left;}
.table_box .table1 tr {border: 1px solid #d1d1d1;}
.table_box .table1 tr th,
.table_box .table1 tr td {height: 45px;}
.table_box .table1 tr th {padding-left: 37px;color: #216093;font-size: 17px;background-color: #eaf5f9;font-weight: bold;}
.table_box .table1 tr td {padding-left: 12px;}
.table_box .table1 tr td input,
.table_box .table1 tr td select {padding-left: 12px;width: 230px;height: 31px;color: #216093;font-size: 17px;border: 1px solid #d1d1d1;font-weight: bold;}
.table_box .table1 tr td select {width: 242px;}
.table_box button {margin-top: 52px;width: 240px;height: 40px;color: #fff;font-size: 21px;background-color: #538dc5;border: none;border-radius: 20px;font-weight: bold;cursor: pointer;}

.ul_apply {padding-bottom: 70px}
.ul_apply li {float: left;width: 33%;height: 50px;text-align: center;box-sizing: border-box;}
.ul_apply li a {display: block;width: 100%;line-height: 50px;height: 100%;color: #395b8c;font-size: 18px;border: 1px solid #ddd;box-sizing: border-box;font-weight: normal;text-decoration: none;}
.ul_apply li:first-child a {border-right: none;}
.ul_apply li.on a {color: #fff;font-weight: bold;background-color: #395b8c;}

/*.edu_info {margin-top: 40px;text-align: center;}
.edu_info li {float: left;margin: 0 65px 45px 0;width: 188px;height: 287px;border: 1px solid #ddd;box-sizing: border-box;}
.edu_info li:last-child,
.edu_info li:nth-child(5n) {margin-right: 0;}
.edu_info li img {width: 100%;height: 100%;}*/

.edu_info {margin-top: 40px;}
.edu_info li {position: relative;margin-bottom: 30px;height: 268px;border: 1px solid #ddd;box-sizing: border-box;}
.edu_info li:last-child {margin-bottom: 0;}
.edu_info li:hover {border-color: #395b8c;}
/*.edu_info li.end .img img {opacity: 0.2;}*/
.edu_info li a {display: block;padding: 30px 40px 30px 410px;width: 100%;height: 100%;text-decoration: none;box-sizing: border-box;}
.edu_info li .img {position: absolute;left: 40px;top: 50%;margin-top: -105px;width: 330px;height: 210px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;text-align: center;}
.edu_info li .img img {width: 100%;height: 100%;object-fit: cover;}
.edu_info li .text_box {padding-top: 27px;}
.edu_info li .text_box .tit_small {margin-bottom: 10px;color: #666;font-size: 17px;}
.edu_info li .text_box .tit {margin-bottom: 13px;padding-bottom: 10px;border-bottom: 2px solid #333;}
.edu_info li .text_box .tit strong {color: #333;font-size: 28px;}
.edu_info li .text_box .tit span {float: right;display: inline-block;padding: 7px 20px;color: #fff;font-size: 17px;background-color: #538dc5;border-radius: 20px;}
.edu_info li .text_box .date_area,
.edu_info li .text_box .place {margin-bottom: 5px;color: #666;font-size: 17px;}
.edu_info li .text_box .date_area::before,
.edu_info li .text_box .place::before {display: inline-block;margin-right: 15px;padding: 6px 12px;color: #fff;background-color: #bbb;text-align: center;}
.edu_info li .text_box .date_area::before {content: '일 시';}
.edu_info li .text_box .place::before {content: '장 소';}

.section { padding-top: 10px; padding-bottom:40px; }

/* 교육센터 사진  */
.tc_tit {color: #2d2d2d;font-size: 40px;font-weight: 700;text-align: center;}
.tc_txt {margin-top: 26px;color: #5d5d5d;font-size: 22px;font-weight: 500;text-align: center;}

.tab_tc_photo {margin: 50px 0;}
.tab_tc_photo .tab_btn li {float: left;margin-right: 6px;margin-bottom: 6px;width: 235px;height: 60px;border: 1px solid #d1d1d1;box-sizing: border-box;}
.tab_tc_photo .tab_btn li:nth-child(5n) {margin-right: 0;}
.tab_tc_photo .tab_btn li > div {position: relative;display: table;width: 100%;height: 100%;}
.tab_tc_photo .tab_btn li a {position: relative;display: table-cell;width: 100%;height: 100%;background-color: #204768;color: #fff;font-size: 17px;line-height: 25px;text-align: center;text-decoration: none;vertical-align: middle;}
.tab_tc_photo .tab_btn li.on a {background-color: #14c4c4;color: #fff;}
/*.tab_tc_photo .tab_btn li.on a::after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 2px;background-color: #4ea1e5;}*/
.tab_tc_photo .tab_content > li {display: none;margin-top: 30px;padding: 40px 30px;border: 1px solid #d1d1d1;}

.tab_tc_photo .text_area {float: right;width: 480px;}
.tab_tc_photo .text_area .tit {margin: 23px 0 15px;color: #2d2d2d;font-size: 22px;font-weight: 700;letter-spacing: -1px;}
.tab_tc_photo .text_area .tit span {font-size: 18px;font-weight: 500;}
.tab_tc_photo .text_area table {width: 100%;color: #2d2d2d;font-size: 20px;border: 2px solid #3a3a3a;border-width: 2px 0;}
.tab_tc_photo .text_area table tr {border-bottom: 1px solid #ababab;}
.tab_tc_photo .text_area table tr:last-child {border-bottom: none;}
.tab_tc_photo .text_area table th {font-weight: normal;background-color: #f1f8ff;text-align: center;}
.tab_tc_photo .text_area table td {font-size: 18px;}
.tab_tc_photo .text_area table th,
.tab_tc_photo .text_area table td {padding: 25px;line-height: 34px;}

/*스와이퍼슬라이드 수정*/
.swiper-container {float: left;width: 626px;height: 362px;}
.swiper-button-prev, .swiper-button-next {margin-top: -56px;width: 39px;height: 112px;background-size: auto;}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity: 1;}
.swiper-pagination-bullet {background: #fff;opacity: 1;}
.swiper-pagination-bullet-active {background-color: #4ea1e5;};

.more_btn span { margin-left:12px; }

.address_box {}
.address_box .tab_btn {padding-bottom: 40px;}
.address_box .tab_btn li {width: 50%;height: 50px;float: left;text-align: center;}
.address_box .tab_btn li a {display: block;width: 100%;line-height: 50px;height: 100%;color: #000;font-size: 18px;border: 1px solid #ddd;font-weight: normal;text-decoration: none;}
.address_box .tab_btn li:first-child a {border-right: none;}
.address_box .tab_btn li.on a {color: #fff;background-color: #27293B;}
.address_box .tab_content > li {display: none;}
.address_box .add_title {margin-bottom: 10px;color: #4ea1e5;font-size: 26px;font-weight: bold;line-height: 36px;}
.address_box ul.add01 {margin: 50px 0 26px;border-top: 2px solid #d8d8d8;box-sizing: border-box;}
.address_box ul.add01 li {height: 54px;border-bottom: 1px solid #d8d8d8;box-sizing: border-box;}
.address_box ul.add01 li p {float: left;font-size: 16px;line-height: 54px;}
.address_box ul.add01 li .box1,
.address_box ul.add01 li .box2 {float: left;width: 50%;}
.address_box ul.add01 li .p1 {padding-left: 50px;width: 84px;color: #1c1c1c;font-weight: 600;}
.address_box ul.add01 li .box2 .p1 {width: 100px;}
.address_box ul.add01 li .p2 {color: #606060;}
.address_box ul.add01 li .p2 a {color: #606060;text-decoration: none;}
.address_box ul.add02 {margin-top: 11px;border-top: 2px solid #d8d8d8;box-sizing: border-box;}
.address_box ul.add02 li {padding-left: 50px;height: 106px;line-height: 106px;border-bottom: 1px solid #d8d8d8;box-sizing: border-box;}
.address_box ul.add02 li img {vertical-align: middle;}
.address_box ul.add02 li img.add02_img {padding-left: 44px;}
.address_box ul.add02 li span {color: #606060;font-size: 16px;}
.address_box ul.add02 li span.span1 {padding-left: 22px;}
.address_box ul.add02 li span.span2 {padding-left: 44px;}
.address_box ul.add02 li span .dot {color: #6f52a1;}