@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: '장 소';}