@charset "UTF-8";
/* 서브페이지 기본틀 */
.sub_top {position: relative;}
.sub_top_tit_box {display: flex; align-items: center; height: 380px; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.sub_top_tit_box.bg01 {background-image: url("/images/sub/sub_bg01.png");}
.sub_top_tit_box.bg02 {background-image: url("/images/sub/sub_bg02.png");}
.sub_top_tit_box.bg03 {background-image: url("/images/sub/sub_bg03.png");}
.sub_top_tit_box.bg04 {background-image: url("/images/sub/sub_bg04.png");}
.sub_top_tit_box.bg05 {background-image: url("/images/sub/sub_bg05.png");}
.sub_top_tit_box.bg06 {background-image: url("/images/sub/sub_bg06.png");}
.sub_top_tit_box.bg07 {background-image: url("/images/sub/sub_bg07.png");}
.sub_top_tit_box .sub_top_tit {position: relative; font-weight: 500; font-size: 60px; line-height: 1; color: #fff; text-align: center;}

.sub_cont {display: flex; position: relative; margin: -80px 0 0; padding: 0 0 120px; font-size: 0;}
.sub_cont:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 100%; max-width: 1400px; height: 80px; background-color: #fff; border-radius: 30px 30px 0 0; z-index: -1;}

.sub_left_cont {flex-shrink: 0; width: 18.5%; vertical-align: top;}
.sub_left_cont .left_box {}
.sub_left_cont .left_box .title_area {display: flex; align-items: center; justify-content: center; width: 100%; height: 135px; text-align: center; background-color: #09bec9;}
.sub_left_cont .left_box .title_area .title {font-weight: 500; font-size: 30px; line-height: 40px; color: #ffffff;}
.sub_left_cont .left_box .menu_list {margin: 10px 0 0;}
.sub_left_cont .left_box .menu_list .sub_title {display: none;}
.sub_left_cont .left_box .menu_list .sub_title .text {display: inline-block; font-weight: 400; font-size: 16px; line-height: 24px; color: #222;}
.sub_left_cont .left_box .menu_list .list {}
.sub_left_cont .left_box .menu_list .list li {border: 1px solid #dddddd; border-bottom: none;}
.sub_left_cont .left_box .menu_list .list li:last-child {border-bottom: 1px solid #dddddd;}
.sub_left_cont .left_box .menu_list .list li .text {display: block; padding: 0 20px; font-weight: 400; font-size: 18px; line-height: 54px; color: #888888;}
.sub_left_cont .left_box .menu_list .list li.on {border-color: #223757}
.sub_left_cont .left_box .menu_list .list li.on .text {background-color: #223757; color: #fff; text-underline-position: under;}

.sub_left_cont .left_box_my {}
.sub_left_cont .left_box_my .info_box {padding: 29px 0; background-color: #09bec9;}
.sub_left_cont .left_box_my .info_box .title {font-weight: 400; font-size: 24px; line-height: 30px; color: #ffffff; text-align: center;}
.sub_left_cont .left_box_my .info_box .title .ft_c {font-weight: 700; color: #fffca2;}
.sub_left_cont .left_box_my .info_box .link_list {margin: 15px 0 0;}
.sub_left_cont .left_box_my .info_box .link_list .list {display: flex; justify-content: center; column-gap: 10px;}
.sub_left_cont .left_box_my .info_box .link_list .list li {}
.sub_left_cont .left_box_my .info_box .link_list .list li a {display: block; width: 90px; text-align: center;}
.sub_left_cont .left_box_my .info_box .link_list .list li a .txt {font-weight: 500; font-size: 14px; line-height: 32px; color: #111111; text-align: center;}
.sub_left_cont .left_box_my .info_box .link_list .list li.bg01 a {background-color: #ffffff;}
.sub_left_cont .left_box_my .info_box .link_list .list li.bg02 a {background-color: #fffca2;}
.sub_left_cont .left_box_my .info_box .link_list .list li.bg02 a .txt {padding: 0 0 0 20px; background: url("/images/sub/cart_icon.png") no-repeat left center;}
.sub_left_cont .left_box_my .chk_list {border: 1px solid #dddddd;}
.sub_left_cont .left_box_my .chk_list .list {}
.sub_left_cont .left_box_my .chk_list .list li {border-bottom: 1px solid #ddd;}
.sub_left_cont .left_box_my .chk_list .list li .check_area {padding: 10px 15px;}
.sub_left_cont .left_box_my .chk_list .list li .check_area.on {background-color: #f9f9f9;}
.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner {padding: 0 0 0 30px;}
.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label {}
.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label .txt {display: block; font-weight: 700; font-size: 18px; line-height: 24px; color: #05a9b3;}
.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label .price {display: block; font-weight: 400; font-size: 15px; line-height: 22px; color: #888888;}
.sub_left_cont .left_box_my .chk_list .edu_delete {display: block; width: 110px; margin: 18px 10px 15px auto; background-color: #888888; font-weight: 400; font-size: 15px; line-height: 32px; color: #ffffff; text-align: center;}
.sub_left_cont .left_box_my .total_box {padding: 14px 0 20px; background-color: #09bec9; text-align: center;}
.sub_left_cont .left_box_my .total_box .total {font-weight: 500; font-size: 20px; line-height: 30px; color: #ffffff;}
.sub_left_cont .left_box_my .total_box .total .ft_c {color: #fffca2;}
.sub_left_cont .left_box_my .total_box .edu_btn {display: block; width: 160px; margin: 5px auto 0; background-color: #fffca2; font-weight: 500; font-size: 18px; line-height: 40px; color: #111111; text-align: center;}



.sub_right_cont {width: 100%; vertical-align: top; padding: 45px 55px 0;}
.sub_right_cont .right_box {margin: 0 0 30px; padding: 0 0 15px 0; border-bottom: 1px solid #cbcbcb;}
.sub_right_cont .right_box .title_box {}
.sub_right_cont .right_box .title_box .title {font-weight: 500; font-size: 34px; line-height: 40px; color: #111111;}
.sub_right_cont .right_box .bread_crumb {margin: 10px 0 0;}
.sub_right_cont .right_box .bread_crumb .list {font-size: 0;}
.sub_right_cont .right_box .bread_crumb .list li {position: relative; display: inline-block; margin: 0 10px 0 0; padding: 0 15px 0 0; vertical-align: top;}
.sub_right_cont .right_box .bread_crumb .list li:last-child {margin: 0; padding: 0;}
.sub_right_cont .right_box .bread_crumb .list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 5px; height: 7px; background: url("/images/sub/breadcrumb_arrow.png") no-repeat center;}
.sub_right_cont .right_box .bread_crumb .list li:last-child:before {display: none;}
.sub_right_cont .right_box .bread_crumb .list li .home {display: flex; align-items: center; height: 21px;}
.sub_right_cont .right_box .bread_crumb .list li .home img {vertical-align: middle;}
.sub_right_cont .right_box .bread_crumb .list li .text {font-weight: 400; font-size: 15px; line-height: 21px; color: #888888;}
.sub_right_cont .right_box .bread_crumb .list li.on .text {color: #283c82; text-decoration: underline;}

.cont {font-size: 15px;}


.com_title_area {margin: 0 0 15px;}
.com_title_area.border {padding: 0 0 10px; border-bottom: 1px solid #cfcfcf;}
.com_title_area .title {font-weight: 500; font-size: 24px; line-height: 36px; color: #111111;}
.com_title_area .text {margin: 5px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #888888;}

.com_title_wrap {display: flex; justify-content: space-between; align-items: end; width: 100%;}
.com_title_wrap .com_title_area {margin: 0;}
.com_title_wrap .board_state {}

/* 서브페이지 기본틀 */

.center_area {}
.center_area .list {display: flex; column-gap: 25px;}
.center_area .list li {width: 100%;}
.center_area .list li.bg01 {background-color: #97b1f7;}
.center_area .list li.bg02 {background-color: #3c65d4;}
.center_area .list li.bg03 {background-color: #1f3f99;}
.center_area .list li .box {padding: 50px 10px; text-align: center;}
.center_area .list li .box .text_box {}
.center_area .list li .box .text_box .title {font-weight: 700; font-size: 38px; line-height: 40px; color: #ffffff;}
.center_area .list li .box .text_box .text {margin: 10px 0 0; font-weight: 400; font-size: 16px; line-height: 22px; color: #ffffff;}
.center_area .list li .box .icon_box {margin: 35px 0 0;}
.center_area .list li .box .icon_box img {}
.center_area .list li .box .view_btn {display: block; width: 170px; margin: 35px auto 0; border: 1px solid #fff; text-align: center;}
.center_area .list li .box .view_btn .text {padding: 0 20px 0 0; background: url("/images/sub/arrow_icon.png") no-repeat right center; font-weight: 500; font-size: 15px; line-height: 43px; color: #ffffff;}

.edu_area {}
.edu_area > .list {}
.edu_area > .list > li {margin: 20px 0 0;}
.edu_area > .list > li:first-child {margin: 0;}
.edu_area > .list > li .box {display: block; border-width: 3px; padding: 25px;}
.edu_area > .list > li:nth-child(3n+1) .box {border: 3px solid #09bec9; background-color: #f8ffff;}
.edu_area > .list > li:nth-child(3n+2) .box {border: 3px solid #97b1f7; background-color: #f7f9ff;}
.edu_area > .list > li:nth-child(3n) .box {border: 3px solid #1f3f99; background-color: #f8faff;}
.edu_area > .list > li .box .sort_box {display: flex; column-gap: 10px;}
.edu_area > .list > li .box .sort_box .sort {padding: 0 10px; border-radius: 12px; font-weight: 500; font-size: 13px; line-height: 25px; color: #1f3f99;}
.edu_area > .list > li .box .sort_box .sort.bg01 {background-color: #a7e1e4;}
.edu_area > .list > li .box .sort_box .sort.bg02 {background-color: #f0f0f0;}
.edu_area > .list > li .box .title_area {display: flex; justify-content: space-between; align-items: end; column-gap: 5px; margin: 15px 0 0;}
.edu_area > .list > li .box .title_area .title {font-weight: 700; font-size: 32px; line-height: 40px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.edu_area > .list > li .box .title_area .tag_list {flex-shrink: 0;}
.edu_area > .list > li .box .title_area .tag_list .list {display: flex; column-gap: 10px;}
.edu_area > .list > li .box .title_area .tag_list .list li {font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;}
.edu_area > .list > li .box .info_box {margin: 15px 0 0; padding: 17px 20px; border-radius: 8px; border: 1px solid #ededed; background-color: #fff;}
.edu_area > .list > li .box .info_box .list {display: flex; column-gap: 40px;}
.edu_area > .list > li .box .info_box .list li {}
.edu_area > .list > li .box .info_box .list li .text {position: relative; display: inline-block; padding: 0 0 0 14px; font-weight: 400; font-size: 18px; line-height: 24px; color: #888888;}
.edu_area > .list > li .box .info_box .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background-color: #09bec9;}
.edu_area > .list > li .box .info_box .list li .text .ft_c {color: #111111;}

.pro_info_area {border: 3px solid #09bec9;}
.pro_info_area .title {background-color: #09bec9; padding: 21px 10px; font-weight: 700; font-size: 38px; line-height: 48px; color: #ffffff; text-align: center;}
.pro_info_area .text_box {padding: 15px 30px 35px; background-color: #f8ffff;}
.pro_info_area .text_box .text {font-weight: 400; font-size: 20px; line-height: 28px; color: #333333;}
.pro_info_area .text_box .info_list1 {display: flex; column-gap: 30px; margin: 20px 0 0;}
.pro_info_area .text_box .info_list1 li {}
.pro_info_area .text_box .info_list1 li .text {display: inline-block; padding: 0 0 0 52px; background-position: left center; background-repeat: no-repeat; font-weight: 400; font-size: 20px; line-height: 45px; color: #888888;}
.pro_info_area .text_box .info_list1 li.icon01 .text {background-image: url("/images/sub/pro_icon01.png");}
.pro_info_area .text_box .info_list1 li.icon02 .text {background-image: url("/images/sub/pro_icon02.png");}
.pro_info_area .text_box .info_list1 li.icon03 .text {background-image: url("/images/sub/pro_icon03.png");}
.pro_info_area .text_box .info_list1 li .text .ft_c {color: #05a9b3;}
.pro_info_area .text_box .info_list2 {margin: 40px 0 0; padding: 17px 20px; border-radius: 8px; border: 1px solid #ededed; background-color: #fff;}
.pro_info_area .text_box .info_list2 .list {display: flex; column-gap: 40px;}
.pro_info_area .text_box .info_list2 .list li {}
.pro_info_area .text_box .info_list2 .list li .text {display: inline-block; position: relative;	padding: 0 0 0 15px; font-weight: 400; font-size: 18px; line-height: 20px; color: #888888;}
.pro_info_area .text_box .info_list2 .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; background-color: #05a9b3;}
.pro_info_area .text_box .info_list2 .list li .text .ft_c {color: #111111;}

.pro_class_area {margin: 40px 0 0;}

.pro_class_area  .btn {display: block; width: 110px; font-weight: 500; font-size: 14px; line-height: 32px; color: #ffffff; text-align: center;}
.pro_class_area  .btn.bg01 {background-color: #333333;}
.pro_class_area  .btn.bg02 {background-color: #1f3f99;}

.pro_class_area > .list {display: flex; gap: 30px 20px; flex-wrap: wrap;}
.pro_class_area > .list > li {width: calc(33.3333% - 13.3333px);}
.pro_class_area > .list > li .box {}
.pro_class_area > .list > li .box .title_box {background-color: #1f3f99; text-align: center;}
.pro_class_area > .list > li .box .title_box .title {font-weight: 400; font-size: 18px; line-height: 50px; color: #ffffff;}
.pro_class_area > .list > li .box .text_box {padding: 25px 30px 30px; border: 1px solid #dddddd; background-color: #fbfbfb;}
.pro_class_area > .list > li .box .text_box .title {font-weight: 700; font-size: 34px; line-height: 40px; color: #1f3f99; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.pro_class_area > .list > li .box .text_box .info_box {margin: 10px 0 0; padding: 14px 15px; border: 1px solid #dddddd; background-color: #fff;}
.pro_class_area > .list > li .box .text_box .info_box .list {}
.pro_class_area > .list > li .box .text_box .info_box .list li {}
.pro_class_area > .list > li .box .text_box .info_box .list li .text {display: inline-block; position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 28px; color: #333333;}
.pro_class_area > .list > li .box .text_box .info_box .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; background-color: #333333;}
.pro_class_area > .list > li .box .text_box .sort_box {display: flex; column-gap: 10px; justify-content: center; margin: 15px 0 0;}
.pro_class_area > .list > li .box .text_box .sort_box .sort {padding: 0 10px; border-radius: 12px; font-weight: 500; font-size: 13px; line-height: 25px; color: #1f3f99;}
.pro_class_area > .list > li .box .text_box .sort_box .sort.bg01 {background-color: #a7e1e4;}
.pro_class_area > .list > li .box .text_box .sort_box .sort.bg02 {background-color: #f0f0f0;}
.pro_class_area > .list > li .box .text_box .tag_list {margin: 25px 0 0;}
.pro_class_area > .list > li .box .text_box .tag_list .list {display: flex; column-gap: 10px; justify-content: center;}
.pro_class_area > .list > li .box .text_box .tag_list .list li {font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;}
.pro_class_area > .list > li .box .text_box .btn_box {display: flex; column-gap: 10px; justify-content: center; margin: 3px 0 0; border-top: 1px solid #dddddd; padding: 15px 0 0;}
.pro_class_area > .list > li .box .text_box .btn_box .btn {display: block; width: 110px; font-weight: 500; font-size: 14px; line-height: 32px; color: #ffffff; text-align: center;}
.pro_class_area > .list > li .box .text_box .btn_box .btn.bg01 {background-color: #333333;}
.pro_class_area > .list > li .box .text_box .btn_box .btn.bg02 {background-color: #1f3f99;}

.w90 {width: 7%;}
.w100 {width: 7.8%;}
.w110 {width: 8.5%;}
.w120 {width: 9.7%;}
.w140 {width: 10.9%;}
.w160 {width: 12.9%;}
.w180 {width: 17.47%;}
.w200 {width: 15.6%;}
.w300 {width: 23.4%;}
.w400 {width: 31.25%;}
.w450 {width: 35.1%;}
.w460 {width: 35.9%;}

.start {justify-content: start !important;}
.bd_l_none {border-left: none !important;}
.bd_r_none {border-right: none !important;}

.com_table_area {}
.com_table_area .table_box {}
.com_table_area .table_box table {width: 100%; border: 1px solid #ddd;}
.com_table_area .table_box table thead {}
.com_table_area .table_box table thead tr {}
.com_table_area .table_box table thead tr th {border-right: 1px solid #ddd; background-color: #223757;font-weight: 400; font-size: 17px; line-height: 55px; color: #ffffff; text-align: center;}
.com_table_area .table_box table thead tr th:last-child {border-right: none;}
.com_table_area .table_box table tbody {}
.com_table_area .table_box table tbody tr {border-bottom: 1px solid #ddd;}
.com_table_area .table_box table tbody tr.notice_bg {background-color: #ecf6fb;}
.com_table_area .table_box table tbody tr:last-child {border-bottom: none;}
.com_table_area .table_box table tbody tr td {padding: 14px 10px; border-right: 1px solid #dddddd; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888; text-align: center;}
.com_table_area .table_box table tbody tr td:last-child {border-right: none;}
.com_table_area .table_box table tbody tr td.bd_r {border-right: 1px solid #ddd;}
.com_table_area .table_box table tbody tr.none td {background-color: #f9f9f9;}
.com_table_area .table_box table tbody tr td > .title {font-weight: 500; font-size: 20px; color: #05a9b3;}
.com_table_area .table_box table tbody tr td .chk_inner {display: block; margin: 0 auto; padding: 0; text-align: center;}
.com_table_area .table_box table tbody tr td .chk_inner .inp_chk {position: inherit; left: inherit; top: inherit; margin: 0;}
.edu_box {display: flex; justify-content: center; text-align: left;}
.edu_box .inner {}
.edu_box .inner .title {color: #111111;}
.edu_box .inner .info_list {}
.edu_box .inner .info_list li {}
.edu_box .inner .info_list li .text {display: inline-block; position: relative; padding: 0 0 0 12px; color: #888888}
.edu_box .inner .info_list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background-color: #223757;}
.com_table_area .table_box table tbody tr td .apply_btn {display: block; width: 75px; margin: 0 auto; background-color: #09bec9; font-weight: 400; font-size: 16px; line-height: 25px; color: #ffffff; text-align: center;}
.com_table_area .table_box table tbody tr td .apply_btn.fs_14 {line-height: 1.3; padding: 4px 0;}
.com_table_area .table_box table tbody tr td .apply_btn.sty0 {color:#000; background-color: unset; width:auto;}
.com_table_area .table_box table tbody tr td .apply_btn.sty2 {background-color: #888888;}
.com_table_area .table_box table tbody tr td .apply_btn.sty3 {background-color: #223757;}
.com_table_area .table_box table tbody tr td .apply_btn.sty4 {background-color: #111111;}
.com_table_area .table_box table tbody tr td .receipt_btn {display: block; width: 95px; margin: 0 auto; background-color: #09bec9; font-weight: 400; font-size: 16px; line-height: 25px; color: #ffffff; text-align: center;}
.com_table_area .table_box table tbody tr td .receipt_btn.sty2 {background-color: #888888;}
.com_table_area .table_box table tbody tr td .receipt_btn.sty3 {background-color: #223757;}

.com_table_area .table_box table tbody tr td .table_btn_area {display: flex; flex-direction: column; justify-content: center; gap: 4px;}
.com_table_area .table_box table tbody tr td .bar_box {position: relative; width: 100px; height: 8px; margin: 5px auto 0; border: 1px solid #dddddd;}
.com_table_area .table_box table tbody tr td .bar_box .bar {position: absolute; left: 0; top: 0; height: 100%; background-color: #09bec9;}

.com_table_area.board .table_box table {border-left: none; border-right: none;}
.com_table_area.board .table_box table tbody tr td .title_area {display: flex; align-items: center; gap: 5px;}
.com_table_area.board .table_box table tbody tr td .title_area .tit {}
.com_table_area.board .table_box table tbody tr td .title_area .tit.file {padding: 0 25px 0 0; background: url("/images/sub/file_icon2.png") no-repeat right top 7px;}
.com_table_area.board .table_box table tbody tr td .title_area .tit span {font-weight: 500; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; text-align: left;}
.com_table_area.board .table_box table tbody tr td .title_area .new_icon {display: inline-block; padding: 0 5px; border-radius: 50%; background-color: #09bec9; font-weight: 400; font-size: 12px; line-height: 17px; color: #ffffff; text-align: center;}
.com_table_area.board .table_box table tbody tr td .writer {display: inline-block; padding: 0 0 0 25px; background: url("/images/sub/pencil_icon.png") no-repeat left top 7px;} 
.com_table_area.board .table_box table tbody tr td .date {display: inline-block; padding: 0 0 0 25px; background: url("/images/sub/date_icon.png") no-repeat left top 7px;}

.com_row_table_area {}
.com_row_table_area .table_box {}
.com_row_table_area .table_box table {width: 100%;}
.com_row_table_area .table_box table tbody {}
.com_row_table_area .table_box table tbody tr {border-bottom: 1px solid #dddddd;}
.com_row_table_area .table_box table tbody tr:first-child {border-top: 1px solid #ddd;}
.com_row_table_area .table_box table tbody tr th {padding: 0 25px; background-color: #223757; font-weight: 400; font-size: 17px; line-height: 55px; color: #ffffff; text-align: left;}
.com_row_table_area .table_box table tbody tr td {padding: 0 30px; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888;}
.com_row_table_area .table_box table tbody tr td:last-child {border-right: 1px solid #ddd;}
.com_row_table_area .table_box table tbody tr td .attach_box {display: flex; align-items: center; flex-wrap: wrap; gap: 5px;}
.com_row_table_area .table_box table tbody tr td .attach_box .box {display: inline-block; width: 100%; max-width: 430px; vertical-align: middle;}
.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_input {position: absolute; left: 0; top: 0; z-index: 1;visibility: hidden;}
.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vbox {position: relative; z-index: 1; padding: 0 84px 0 0;}
.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vinput {cursor: pointer; display: block; width: 100%; border: 1px solid #dddddd; padding: 0 10px; background-color: #ffffff; font-weight: 300; font-size: 14px; line-height: 33px; color: #333333;}
.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vbox .att_btn_box {position: absolute; right: 0; top: 0; z-index: 1;}
.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vbox .att_btn_box .attach_btn {display: inline-block; width: 85px; background-color: #888888; font-weight: 400; font-size: 16px; line-height: 35px; color: #ffffff; text-align: center; cursor: pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; vertical-align: top;}
.com_row_table_area .table_box table tbody tr td .attach_box .text {font-weight: 400; font-size: 15px; line-height: 21px;}
.com_row_table_area .table_box table tbody tr td .input_box {display: flex; align-items: center; column-gap: 10px; margin: 5px 0;}
.com_row_table_area .table_box table tbody tr td .input_box .title {flex-shrink: 0;}
.com_row_table_area .table_box table tbody tr td .input_box.sty2 .title {width: 80px;}
.com_row_table_area .table_box table tbody tr td .input_box input {width: 100%; padding: 0 10px; border: 1px solid #dddddd;	font-weight: 400; font-size: 15px; line-height: 40px; color: #222;}
.com_row_table_area .table_box table tbody tr td textarea {width: 100%; height: 90px; margin: 10px 0 0; padding: 10px; resize: none; border: 1px solid #dddddd; font-family: "NotoSansKR"; font-weight: 400; font-size: 15px; line-height: 40px; color: #222;}


.com_row_table_area.file .table_box tbody tr th {background-color: #b7b7b7;}
.com_row_table_area.file .table_box tbody tr td {padding: 13px 30px;}
.com_row_table_area.file .table_box tbody tr td .file_area {}
.com_row_table_area.file .table_box tbody tr td .file_area li {margin: 5px 0 0;}
.com_row_table_area.file .table_box tbody tr td .file_area li:first-child {margin: 0;}
.com_row_table_area.file .table_box tbody tr td .file_area li .file {display: inline-block; position: relative;}
.com_row_table_area.file .table_box tbody tr td .file_area li .file .text {display: inline-block; padding: 0 35px 0 0; background: url("/images/sub/file_icon.png") no-repeat right top; font-weight: 400; font-size: 17px; line-height: 26px; color: #888888; word-break: break-word;}

.apply_area {}
.apply_area .list {padding: 30px  30px; border: 1px solid #dddddd; background-color: #fcfcfc;}
.apply_area .list li {margin: 20px 0 0;}
.apply_area .list li:first-child {margin: 0;}
.apply_area .list li .box {}
.apply_area .list li .box .chk_inner {padding: 0 0 0 30px;}
.apply_area .list li .box .chk_inner label {font-size: 17px; color: #111111;}
.apply_area .list li .box .text {margin: 5px 0 0; padding: 0 0 0 30px; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888;}
.apply_area .check_area {display: flex; justify-content: end; margin: 20px 0 0; text-align: right;}
.apply_area .check_area .chk_inner {}
.apply_area .check_area .chk_inner label {font-size: 18px; color: #111111;}
.apply_area2 {margin: 45px 0 0; padding: 25px 30px; border: 1px solid #dddddd; background-color: #fcfcfc;}
.apply_area2 .text_list {display: flex; flex-wrap: wrap;}
.apply_area2 .text_list li {width: 50%;}
.apply_area2 .text_list li .text {display: inline-block; position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888;}
.apply_area2 .text_list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background-color: #223757;}

.com_text {font-weight: 400; font-size: 18px; line-height: 28px; color: #111111; text-align: center; letter-spacing: -0.035em;}

.ftf_edu_box {padding: 30px; border: 3px solid #eeeeee; background-color: #fbfbfb;}
.ftf_edu_box .title_area {margin: 0 0 20px; padding: 0 0 15px; border-bottom: 1px solid #d8d8d8;}
.ftf_edu_box .title_area .sort_box {display: flex; column-gap: 10px;}
.ftf_edu_box .title_area .sort_box .sort {padding: 0 10px; border-radius: 12px; font-weight: 500; font-size: 13px; line-height: 25px; color: #1f3f99;}
.ftf_edu_box .title_area .sort_box .sort.bg01 {background-color: #d4dfff;} 
.ftf_edu_box .title_area .sort_box .sort.bg02 {background-color: #f0f0f0;}
.ftf_edu_box .title_area .title_box {display: flex; justify-content: space-between; align-items: center; margin: 20px 0 0;}
.ftf_edu_box .title_area .title_box .title {font-weight: 700; font-size: 34px; line-height: 40px; color: #333333;}
.ftf_edu_box .title_area .title_box .num {flex-shrink: 0; font-weight: 400; font-size: 20px; line-height: 30px; color: #888;}
.ftf_edu_box .info_list {padding: 20px 25px; border-radius: 8px; background-color: #fff; border: 1px solid #ededed}
.ftf_edu_box .info_list .list {}
.ftf_edu_box .info_list .list li {margin: 10px 0 0;}
.ftf_edu_box .info_list .list li:first-child {margin: 0;}
.ftf_edu_box .info_list .list li .text {position: relative; display: inline-block; padding: 0 0 0 13px; font-weight: 400; font-size: 18px; line-height: 25px; color: #888888;}
.ftf_edu_box .info_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: #0caab4;}
.ftf_edu_box .info_list .list li .text .map {display: inline-block; width: 75px; margin: 0 0 0 3px; background-color: #b7b7b7; font-weight: 400; font-size: 16px; line-height: 25px; color: #ffffff; text-align: center;}
.ftf_edu_box .btn_area {margin: 40px 0 0;}

.ftf_edu_box.text {padding: 0; border: none; background-color: #fff;}
.ftf_edu_box.text .info_list {padding: 0; border: none;}

.com_tab_menu {}
.com_tab_menu .list {display: flex;}
.com_tab_menu .list li {}
.com_tab_menu .list li .tab {display: block; width: 160px; border: 1px solid #09bec9; font-weight: 400; font-size: 16px; line-height: 48px; color: #888888; text-align: center;}
.com_tab_menu .list li.on .tab {background-color: #09bec9; color: #fff;}
.com_tab_cont {display: none; margin: -1px 0 0; padding: 40px; border: 1px solid #eeeeee}
.com_tab_cont.on {display: block;} 
.com_tab_cont .detail_box {}
.com_tab_cont .com_row_table_area {}

.com_text_area {}
.com_text_area .title {font-weight: 700; font-size: 25px; line-height: 36px; color: #111111;}
.com_text_area .title2 {font-weight: 700; font-size: 20px; line-height: 26px; color: #111111;}
.com_text_area .text_list {margin: 10px 0 0;}
.com_text_area .text_list > li {margin: 25px 0 0; font-weight: 500; font-size: 17px; line-height: 30px; color: #111111;}
.com_text_area .text_list > li:first-child {margin: 0;}
.com_text_area .text_list > li .text_list2 {margin: 10px 0 0;}
.com_text_area .text_list > li .text_list2 > li {margin: 8px 0 0;}
.com_text_area .text_list > li .text_list2 > li:first-child {margin: 0;}
.com_text_area .text_list > li .text_list2 > li .text {display: inline-block; position: relative; padding: 0 0 0 14px; font-weight: 400; line-height: 24px; color: #888888;}
.com_text_area .text_list > li .text_list2 > li .text:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background-color: #09bec9;}

.video_area {max-width: 100%; width: 100%; position: relative; padding-bottom: 56.3%;}
.video_area .video_inner {position: absolute; bottom: 0; left: 0; right: 0; top: 0;}
.video_area .video_inner video {position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%;}

.video_sc {}
.video_sc .title_area {position: relative; padding: 9px 0 9px 95px; background: url("/images/sub/date_box.png") no-repeat left center;}
.video_sc .title_area .title {font-weight: 500; font-size: 22px; line-height: 26px; color: #223757;}
.video_sc .title_area .text {margin: 3px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #888888;}
.video_sc .date_box {margin: 20px 0 0; padding: 17px 5px; background-color: #f1f1f1; font-weight: 500; font-size: 20px; line-height: 26px; color: #888888; text-align: center;}

.board_state {display: flex; align-items: center; column-gap: 10px; justify-content: end;}
.board_state select {width: 120px;  padding: 0 10px; border: 1px solid #dddddd; background: url("/images/sub/slt_arrow.png") no-repeat right 10px center; font-weight: 400; font-size: 14px; line-height: 33px; color: #888888;}
.board_state select option {}
.board_state .b_count {font-weight: 400; font-size: 14px; line-height: 20px; color: #888888;}
.board_state .b_page {font-weight: 400; font-size: 14px; line-height: 20px; color: #888888;}

.sch_bg {margin: 30px 0 0; padding: 32px 0; background-color: #f7f7f7;}
.sch_bg .sch_area {position: relative; width: 100%; max-width: 540px; margin: 0 auto; padding: 0 65px 0 0;}
.sch_bg .sch_area .sch_inner {font-size: 0;}
.sch_bg .sch_area .sch_inner .select_box {display: inline-block; width: 120px; vertical-align: top;}
.sch_bg .sch_area .sch_inner .select_box select {width: calc(100% - 5px); border: 1px solid #dddddd; height: 35px; padding: 0 12px; background-image: url("/images/sub/slt_arrow.png"); background-position: right 8px center; background-size: 11px 7px; background-repeat: no-repeat; font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; line-height: 33px; color: #888888;}
.sch_bg .sch_area .sch_inner .select_box select option {}
.sch_bg .sch_area .sch_inner .input_box {display: inline-block; width: calc(100% - 120px); vertical-align: top;}
.sch_bg .sch_area .sch_inner .input_box input {width: 100%; height: 35px; border: 1px solid #dddddd; padding: 0 12px; font-family: "Noto Sans KR"; font-weight: 400; font-size: 14px; line-height: 33px; color: #666666;}
.sch_bg .sch_area .sch_btn {display: block; position: absolute; top: 0; right: 0; width: 60px; background-color: #223757; font-weight: 400; font-size: 14px; line-height: 35px; color: #ffffff; text-align: center;}


.recog_area {}
.recog_area > .list {}
.recog_area > .list > li {margin: 35px 0 0;}
.recog_area > .list > li:first-child {margin: 0;}
.recog_area > .list > li > .box {}
.recog_area > .list > li > .box .title {font-weight: 500; font-size: 24px; line-height: 36px; color: #223757;}
.recog_area > .list > li > .box .text_list {margin: 10px 0 0; padding: 15px 25px; background-color: #fbfbfb; border: 1px solid #ededed; border-radius: 8px;}
.recog_area > .list > li > .box .text_list .list {}
.recog_area > .list > li > .box .text_list .list li {margin: 10px 0 0;}
.recog_area > .list > li > .box .text_list .list li:first-child {margin: 0;}
.recog_area > .list > li > .box .text_list .list li .text {position: relative; display: inline-block; padding: 0 0 0 14px; font-weight: 400; font-size: 18px; line-height: 26px; color: #888888;}
.recog_area > .list > li > .box .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 11px; width: 6px; height: 6px; background-color: #0caab4;}
.recog_area > .list > li > .box .text_list .list li .text .txt {display: inline-block; margin: 0 0 5px; font-size: 20px; color: #111111;}
.recog_area > .list > li > .box .com_table_area {}
.recog_area > .list > li > .box .down_box {text-align: right;}
.recog_area > .list > li > .box .down_box .down {display: inline-block; padding: 0 0 0 33px; background: url("/images/sub/pdf_icon.png") no-repeat left center; font-weight: 400; font-size: 17px; line-height: 27px; color: #111111;}

.recog_area.pro > .list > li .box .text_list {border-radius: 0;}
.recog_area.pro > .list > li .box .com_table_area {background-color: #fff;}
.recog_area.pro > .list > li .box .text_list {border-color: #ddd;}

.recog_state {border: 3px solid #eeeeee; background-color: #fbfbfb; padding: 50px 30px 45px;}
.recog_state .inner {text-align: center;}
.recog_state .inner .title {font-weight: 400; font-size: 30px; line-height: 42px; color: #111111;}
.recog_state .inner .title2 {font-weight: 400; font-size: 20px; line-height: 30px; color: #111111;}
.recog_state .inner .text {margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #d8d8d8; font-weight: 400; font-size: 20px; line-height: 28px; color: #888888;}
.recog_state .inner .text2 {margin: 10px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #111111;}

.address_area {border: 1px solid #dddddd; background-color: #fcfcfc; padding: 30px;}
.address_area .box {display: flex; column-gap: 10px; align-items: center;}
.address_area .box + .box {margin: 10px 0 0;}
.address_area .box .list {display: flex; width: 100%; column-gap: 10px;}
.address_area .box .list li {display: flex; width: 100%;}
.address_area .box .list li .input_box {width: 100%;}
.address_area .box .list li .input_box input {width: 100%; padding: 0 10px; border: 1px solid #dddddd; font-weight: 400; font-size: 16px; line-height: 38px; color: #222;}
.address_area .box .list li .btn {flex-shrink: 0; display: block; width: 85px; background-color: #888888; font-weight: 400; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center;}
.address_area .box .text {flex-shrink: 0; width: 185px; font-weight: 400; font-size: 16px; line-height: 38px; color: #888888;}

.com_board_view .board_view {}
.com_board_view .board_view .board_top {padding: 20px 30px; background-color: #fbfbfb; border-top: 2px solid #031871; border-bottom: 1px solid #223757;}
.com_board_view .board_view .board_top .title_area {display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: 5px;}
.com_board_view .board_view .board_top .title_area .title {font-weight: 500; font-size: 30px; line-height: 40px; color: #222222;}
.com_board_view .board_view .board_top .title_area .info_list {}
.com_board_view .board_view .board_top .title_area .info_list .list {display: flex; column-gap: 25px}
.com_board_view .board_view .board_top .title_area .info_list .list li {}
.com_board_view .board_view .board_top .title_area .info_list .list li .box {display: flex; column-gap: 5px; font-weight: 400; font-size: 14px; line-height: 21px;}
.com_board_view .board_view .board_top .title_area .info_list .list li .box .tit {color: #222222;}
.com_board_view .board_view .board_top .title_area .info_list .list li .box .txt {color: #777777;}
.com_board_view .board_view .board_top .file_area {margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #eee;;}
.com_board_view .board_view .board_top .file_area .list {}
.com_board_view .board_view .board_top .file_area .list li {margin: 6px 0 0;}
.com_board_view .board_view .board_top .file_area .list li:first-child {margin: 0;}
.com_board_view .board_view .board_top .file_area .list li .file {display: inline-block; padding: 0 0 0 30px; background: url("/images/sub/pdf_icon.png") no-repeat left top; font-weight: 400; font-size: 16px; line-height: 27px; color: #888888;}
.com_board_view .board_view .board_cont {padding: 50px 30px; font-weight: 500; font-sizE: 17px; line-height: 24px; color: #888888; border-bottom: 1px solid #d9d9d9;}
.com_board_view .post_nav {margin: 26px 0 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9;}
.com_board_view .post_nav .list {}
.com_board_view .post_nav .list li {border-bottom: 1px solid #d9d9d9;}
.com_board_view .post_nav .list li:last-child {border-bottom: none;}
.com_board_view .post_nav .list li .item_wrapper {display: table; table-layout: fixed; width: 100%; position: relative;}
.com_board_view .post_nav .list li .item_wrapper .tit {position: relative; display: table-cell; width: 150px; text-align: center; vertical-align: middle;}
.com_board_view .post_nav .list li .item_wrapper .tit:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #eeeeee;}
.com_board_view .post_nav .list li .item_wrapper .tit .icon {display: inline-block; padding: 0 50px 0 0; position: relative; font-weight: 400; font-size: 16px; line-height: 60px; color: #000000; text-align: center;}
.com_board_view .post_nav .list li .item_wrapper .tit .icon:before {display: block;content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 7px; background-position: right center; background-repeat: no-repeat;}
.com_board_view .post_nav .list li .item_wrapper.prev .tit .icon:before {background-image: url("/images/sub/post_prev.png");}
.com_board_view .post_nav .list li .item_wrapper.next .tit .icon:before {background-image: url("/images/sub/post_next.png");}
.com_board_view .post_nav .list li .item_wrapper .post {display: table-cell; width: 100%; padding: 0 0 0 22px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 24px; color: #777777;}
.com_board_view .post_nav .list li .item_wrapper .post a {height: 27px;  display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; color: #777777;}

.comment_title {display: flex; justify-content: space-between; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 1px solid #cfcfcf;}
.comment_title .title {font-weight: 700; font-size: 24px; line-height: 30px; color: #111111;}
.comment_title .num {font-weight: 400; font-size: 18px; line-height: 30px; color: #888888;}
.comment_area {background-color: #fcfcfc; border: 1px solid #dddddd; padding: 30px;}
.comment_area .no_comment {margin: 0 0 10px; padding: 10px; font-weight: 400; font-size: 18px; line-height: 24px; color: #222; text-align: center;}
.comment_area .comment_write_view {margin: 0 0 50px;}
.comment_area .comment_write_view .comment_cont {}
.comment_area .comment_write_view .comment_cont .info_box {display: flex; justify-content: space-between;}
.comment_area .comment_write_view .comment_cont .info_box .left {display: flex; column-gap: 10px;}
.comment_area .comment_write_view .comment_cont .info_box .left .name {font-weight: 700; font-size: 16px; line-height: 24px; color: #09bec9;}
.comment_area .comment_write_view .comment_cont .info_box .left .date {font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;}
.comment_area .comment_write_view .comment_cont.answer {margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #dddddd;}
.comment_area .comment_write_view .comment_cont.answer .info_box {}
.comment_area .comment_write_view .comment_cont.answer .info_box .left .name {padding: 0 0 0 20px; background: url("/images/sub/re_icon.png") no-repeat left top 4px; color: #223757;}
.comment_area .comment_write_view .comment_cont .info_box .right {}
.comment_area .comment_write_view .comment_cont .info_box .right .list {font-size: 0;}
.comment_area .comment_write_view .comment_cont .info_box .right .list li {display: inline-block; position: relative; margin: 0 10px 0 0; padding: 0 10px 0 0;}
.comment_area .comment_write_view .comment_cont .info_box .right .list li:last-child {margin: 0; padding: 0;}
.comment_area .comment_write_view .comment_cont .info_box .right .list li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background-color: #888888;}
.comment_area .comment_write_view .comment_cont .info_box .right .list li:last-child:before {display: none;}
.comment_area .comment_write_view .comment_cont .info_box .right .list li .btn {display: inline-block; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;	}
.comment_area .comment_write_view .comment_cont .comment_box {margin: 10px 0 0; padding: 10px 0 0; border-top: 1px solid #dddddd; font-weight: 400; font-size: 16px; line-height: 24px; color: #111111;} 
.comment_area .comment_write_view .comment_cont.answer .comment_box {border-top: none; padding: 0 0 0 20px;}
.comment_area .comment_write {}
.comment_area .comment_write .title_area {display: flex; justify-content: space-between; margin: 0 0 10px; font-weight: 500; font-size: 16px; line-height: 24px; color: #111111;}
.comment_area .comment_write .title_area .title {}
.comment_area .comment_write .title_area .num {}
.comment_area .comment_write textarea {height: 65px; border: 1px solid #dddddd; background-color: #ffffff; resize: none; padding: 10px; font-family: "NotoSansKR"; font-weight: 400; font-size: 14px; line-height: 21px; color: #111111;}
.comment_area .comment_write .comt_btm {display: flex; justify-content: space-between; align-items: start; margin: 10px 0 0;}
.comment_area .comment_write .comt_btm .chk_inner {}
.comment_area .comment_write .comt_btm .btn {display: inline-block; width: 80px; background-color: #888888; font-weight: 400; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center;}

.lecture_area {}
.lecture_area .list {}
.lecture_area .list li {margin: 22px 0 0;}
.lecture_area .list li:first-child {margin: 0;}
.lecture_area .list li .box {position: relative; border: 3px solid #eeeeee; background-color: #fbfbfb;}
.lecture_area .list li .box .sort_box {position: absolute; left: -3px; top: -3px; width: 70px; height: 70px; border-bottom: 70px solid transparent; border-left: 70px solid #f99d1a;}
.lecture_area .list li .box .sort_box .sort {position: absolute; left: -74px; top: 13px; font-weight: 500; font-size: 15px; line-height: 24px; color: #ffffff; transform: rotate(-45deg)}
.lecture_area .list li .box .box_inner {padding: 30px 50px;}
.lecture_area .list li .box .box_inner .title_wrap {display: flex; justify-content: space-between; align-items: center;}
.lecture_area .list li .box .box_inner .title_wrap .title_area {}
.lecture_area .list li .box .box_inner .title_wrap .title_area .sub_title {font-weight: 400; font-size: 18px; line-height: 24px; color: #111111;}
.lecture_area .list li .box .box_inner .title_wrap .title_area .title {margin: 5px 0 0; font-weight: 700; font-size: 34px; line-height: 40px; color: #05a9b3; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.lecture_area .list li .box .box_inner .title_wrap .lecture_btn {display: block; flex-shrink: 0; width: 170px; background-color: #223757; border: 1px solid #223757; font-weight: 500; font-size: 18px; line-height: 48px; color: #ffffff; text-align: center;}
.lecture_area .list li .box .box_inner .info_box {margin: 15px 0 0; padding: 18px 20px; border: 1px solid #ededed; background-color: #fff; border-radius: 8px;}
.lecture_area .list li .box .box_inner .info_box .list {}
.lecture_area .list li .box .box_inner .info_box .list li {}
.lecture_area .list li .box .box_inner .info_box .list li .text {position: relative; display: inline-block; padding: 0 0 0 13px; font-weight: 400; font-size: 18px; line-height: 24px; color: #888888;}
.lecture_area .list li .box .box_inner .info_box .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background-color: #09bec9;}

.my_lecture {padding: 30px; border: 3px solid #eeeeee; background-color: #fbfbfb;}
.my_lecture .info_box {}
.my_lecture .info_box .list {}
.my_lecture .info_box .list li {margin: 25px 0 0;}
.my_lecture .info_box .list li:first-child {margin: 0;}
.my_lecture .info_box .list li .box {}
.my_lecture .info_box .list li .box .title {font-weight: 500; font-size: 22px; line-height: 30px; color: #111111;}
.my_lecture .info_box .list li .box .bar_box {position: relative; width: 100%; height: 18px; margin: 5px 0 0; background-color: #e7e7e7;}
.my_lecture .info_box .list li .box .bar_box .bar {position: absolute; left: 0; top: 0; height: 100%;}
.my_lecture .info_box .list li.color01 .box .bar_box .bar {background: rgb(45,234,245); background: linear-gradient(90deg, rgba(45,234,245,1) 0%, rgba(2,113,120,1) 100%);}
.my_lecture .info_box .list li.color02 .box .bar_box .bar {background: rgb(98,191,245); background: linear-gradient(90deg, rgba(98,191,245,1) 0%, rgba(7,48,144,1) 100%);}
.my_lecture .info_box .list li.color03 .box .bar_box .bar {background: rgb(255,194,81); background: linear-gradient(90deg, rgba(255,194,81,1) 0%, rgba(245,75,1,1) 100%);}
.my_lecture .info_box .list li .box .info {display: flex; justify-content: space-between; margin: 10px 0 0;}
.my_lecture .info_box .list li .box .info .day {font-weight: 400; font-size: 15px; line-height: 18px; color: #888888; text-align: center;}

.lecture_list {}
.lecture_list .list {display: flex; gap: 15px 20px; flex-wrap: wrap;}
.lecture_list .list li {width: calc(33.3333% - 13.3333px);}
.lecture_list .list li .box {display: block;}
.lecture_list .list li .box .img_box {position: relative; padding-bottom: 63.575%; overflow: hidden;}
.lecture_list .list li .box .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.lecture_list .list li .box .img_box .img_inner img {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: cover; transition: all 0.7s;}
.lecture_list .list li .box .title {margin: 10px 0 0; font-weight: 700; font-size: 18px; line-height: 24px; color: #111111;}
.lecture_list .list li .box .time {font-weight: 400; font-size: 16px; line-height: 24px; color: #888888;}
.lecture_list .list {gap: 15px 10px}
.lecture_list.w25 .list li {width: calc(25% - 7.5px);}


.lecture_title_box {padding: 12px 10px; text-align: center;}
.lecture_title_box.bg01 {background-color: #09bec9;}
.lecture_title_box.bg02 {background-color: #3d67d8;}
.lecture_title_box.bg03 {background-color: #1f3f99;}
.lecture_title_box.bg04 {background-color: #ee3897;}
.lecture_title_box .title {font-weight: 500; font-size: 26px; line-height: 36px; color: #ffffff;}

.lecture_video_box {position: relative; padding-bottom: 56.257%; overflow: hidden;}
.lecture_video_box .video_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.lecture_video_box .video_inner video {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: cover;}
.lecture_video_box .video_inner iframe {display: inline-block; vertical-align: middle; width: 100%; height: 100%; object-fit: cover;}

.no_down {padding: 30px; border: 3px solid #09bec9; background-color: #f8ffff;}
.no_down .title_box {text-align: center;}
.no_down .title_box .title {display: inline-block; padding: 0 0 0 50px; background: url("/images/sub/key_icon.png") no-repeat left top; font-weight: 500; font-size: 25px; line-height: 40px; color: #333333;}
.no_down .text {margin: 20px 0 0; padding: 20px 10px; border: 1px solid #ededed; background-color: #fff; border-radius: 8px; font-weight: 400; font-size: 18px; line-height: 24px; color: #888888; text-align: center;}
.stats_list {}
.stats_list .list {display: flex; column-gap: 40px;}
.stats_list .list li {}
.stats_list .list li .text {display: inline-block; padding: 0 0 0 60px; background-repeat: no-repeat; background-position: left top; font-weight: 400; font-size: 20px; line-height: 50px; color: #111111;}
.stats_list .list li.icon01 .text {background-image: url("/images/sub/lecture_icon01.png");}
.stats_list .list li.icon02 .text {background-image: url("/images/sub/lecture_icon02.png");}


.pro_area {}
.pro_area > .list {display: flex; gap: 20px 22px; flex-wrap: wrap;}
.pro_area > .list > li {width: calc(33.3333% - 14.6666px);}
.pro_area > .list > li .box {padding: 25px 20px; border: 3px solid #eeeeee; background-color: #fbfbfb;}
.pro_area > .list > li .box .title_area {}
.pro_area > .list > li .box .title_area .sort_box {display: flex; column-gap: 10px;}
.pro_area > .list > li .box .title_area .sort_box .sort {padding: 0 10px; border-radius: 12px; font-weight: 500; font-size: 13px; line-height: 25px; color: #1f3f99;}
.pro_area > .list > li .box .title_area .sort_box .sort.bg01 {background-color: #a7e1e4;} 
.pro_area > .list > li .box .title_area .sort_box .sort.bg02 {background-color: #f0f0f0;}
.pro_area > .list > li .box .title_area .title {margin: 15px 0 0; font-weight: 700; font-size: 26px; line-height: 30px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.pro_area > .list > li .box .tag_list {margin: 15px 0 0; padding: 10px 0 0; border-top: 1px solid #d8d8d8}
.pro_area > .list > li .box .tag_list .list {display: flex; flex-wrap: wrap; gap: 3px 8px;}
.pro_area > .list > li .box .tag_list .list li {font-weight: 400; font-size: 14px; line-height: 21px; color: #888888;}
.pro_area > .list > li .box .info_box {margin: 15px 0 0; border: 1px solid #ededed; background-color: #fff; border-radius: 8px; padding: 11px 10px;}
.pro_area > .list > li .box .info_box .list {display: flex; column-gap: 15px; flex-wrap: wrap;}
.pro_area > .list > li .box .info_box .list li {}
.pro_area > .list > li .box .info_box .list li .text {display: inline-block; position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 14px; line-height: 21px; color: #888888;}
.pro_area > .list > li .box .info_box .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #09bec9;}
.pro_area > .list > li .box .edu_apply_btn {display: block; width: 170px; margin: 20px auto 0; background-color: #09bec9; text-align: center;}
.pro_area > .list > li .box .edu_apply_btn .txt {display: inline-block; padding: 0 30px 0 0; background: url("/images/sub/tri_arrow_icon.png") no-repeat right center; font-weight: 400; font-size: 15px; line-height: 45px; color: #ffffff;}

.dot_list {}
.dot_list .list {}
.dot_list .list li {}
.dot_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 14px; font-weight: 400; font-size: 17px; line-height: 24px; color: #888888;}
.dot_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: #0caab4;}

.com_list_area {}
.com_list_area > .list {display: flex; gap: 15px 20px; flex-wrap: wrap;}
.com_list_area > .list > li {width: calc(50% - 10px);}
.com_list_area > .list > li .box {display: block; height: 100%; padding: 25px 18px; border: 3px solid #eeeeee; background-color: #fbfbfb; transition: all 0.3s;}
.com_list_area > .list > li .box:hover, .com_list_area > .list > li .box:focus {border-color: #09bec9}
.com_list_area > .list > li .box .box_inner {}
.com_list_area > .list > li .box .box_inner .title_box {}
.com_list_area > .list > li .box .box_inner .title_box .sort {width: 65px; margin: 0 0 10px; border-radius: 12px; font-weight: 400; font-size: 13px; line-height: 25px; color: #1f3f99; text-align: center;}
.com_list_area > .list > li .box .box_inner .title_box .sort.bg01 {background-color: #a7e1e4;}
.com_list_area > .list > li .box .box_inner .title_box .sort.bg02 {background-color: #eeeeee;}
.com_list_area > .list > li .box .box_inner .title_box .title {font-weight: 700; font-size: 22px; line-height: 30px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.com_list_area > .list > li .box .box_inner .info_list {margin: 12px 0 0; padding: 12px 0 0; border-top: 1px solid #d8d8d8;}
.com_list_area > .list > li .box .box_inner .info_list .list {}
.com_list_area > .list > li .box .box_inner .info_list .list li {margin: 5px 0 0;}
.com_list_area > .list > li .box .box_inner .info_list .list li:first-child {margin: 0;}
.com_list_area > .list > li .box .box_inner .info_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 12px; font-weight: 400; font-size: 16px; line-height: 24px; color: #888888; letter-spacing: -0.06em;}
.com_list_area > .list > li .box .box_inner .info_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background-color: #09bec9;}
.com_list_area > .list > li .box .box_inner .info_list .list li .text .black {}
.com_list_area > .list > li .box .box_inner .info_list2 {margin: 15px 0 0; padding: 10px 20px; border: 1px solid #ededed; border-radius: 8px; background-color: #fff;}
.com_list_area > .list > li .box .box_inner .info_list2 .list {display: flex; flex-wrap: wrap; gap: 3px 30px}
.com_list_area > .list > li .box .box_inner .info_list2 .list li {}
.com_list_area > .list > li .box .box_inner .info_list2 .list li .text {position: relative; padding: 0 0 0 8px; font-weight: 400; font-size: 14px; line-height: 20px; color: #888888;}
.com_list_area > .list > li .box .box_inner .info_list2 .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 4px; height: 4px; background-color: #09bec9;}
.com_list_area > .list > li .box .box_inner .info_list2 .list li .text .black {}

.lec-summary {background: #f8ffff; border-top: 2px solid #05a9b3; display: flex; display: -ms-flexbox; display: -webkit-box; justify-content: space-between; margin-top: 13px; ms-flex-pack: justify; padding: 30px 35px; webkit-box-pack: justify; }
.lec-summary.bg-type1 {background: #fcf9f9; }
.lec-summary .lec-summary-detail {width: 100%;}
.lec-summary .lec-summary-detail h5 {border-bottom: 1px solid #dedede; color: #05a9b3; font-size: 22px; font-weight: bold; padding-bottom: 14px; }
.lec-summary .lec-summary-detail li {color: #666; margin-top: 20px; padding-left: 20px; position: relative; }
.lec-summary .lec-summary-detail li:first-child {margin-top: 15px; }
.lec-summary .lec-summary-detail li::before {background: #05a9b3; border-radius: 50%; content: ""; height: 8px; left: 4px; position: absolute; top: 4px; width: 8px; }
.lec-summary .lec-summary-detail.lec-state li {padding-bottom: 4px; padding-right: 130px; padding-top: 4px; position: relative; }
.lec-summary .lec-summary-detail.lec-state li .state {border-radius: 9px; display: block; font-size: 16px; height: 28px; line-height: 28px; position: absolute; right: 0; text-align: center; top: 50%; transform: translateY(-50%); webkit-transform: translateY(-50%); width: 100px; }
.lec-summary .lec-summary-detail.lec-state li .state--done {background: #05a9b3; color: #fff; }
.lec-summary .lec-summary-detail.lec-state li .state--ing {background: #fff; border: 1px solid #05a9b3; color: #05a9b3; }


.lec-instructor {margin: 10px 0 0;}
.lec-instructor ul {display: flex; display: -ms-flexbox; display: -webkit-box; flex-wrap: wrap; ms-flex-wrap: wrap; }
.lec-instructor ul li {border-top: 2px solid #05a9b3; background-color: #f8ffff; font-size: 17px; height: 140px; margin-bottom: 37px; margin-left: 1.8%; padding: 28px 20px 20px 20px; position: relative; text-align: left; width: 23.6%; }
.lec-instructor ul li:nth-child(4n + 1) {margin-left: 0; }
.lec-instructor ul li .ins-name {color: #05a9b3; font-size: 24px; padding-left: 11px; position: relative; }
.lec-instructor ul li .ins-name::before {background: #05a9b3; border-radius: 50%; content: ""; height: 6px; left: 0; position: absolute; top: 10px; width: 6px; }
.lec-instructor ul li .ins-pos {color: #666; font-size: 17px; line-height: 1.3; margin-top: 14px; }

.lec-intro {background: #f8ffff; border-top: 2px solid #05a9b3; margin-top: 12px; overflow: hidden; padding: 29px 33px 32px 30px; }
.lec-intro h5 {color: #05a9b3; font-size: 24px; }
.lec-intro h5 span {color: #666; display: block; font-size: 16px; padding-bottom: 10px; }
.lec-intro p {color: #666; line-height: 1.6; margin-top: 28px; }
.lec-intro .lec-intro-pic {float: right; height: 220px; width: 400px; }
.lec-intro .lec-intro-txt {float: left; padding-right: 20px; width: calc(100% - 400px); }
.lec-intro-video {height: 0; margin-top: 20px; padding-bottom: 56.25%; position: relative; }
.lec-intro-video video,
.lec-intro-video iframe {height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.mid-apply-box {background: #05a9b3; border: 1px solid #05a9b3; display: flex; display: -ms-flexbox; display: -webkit-box; justify-content: space-between; margin-top: 40px; ms-flex-pack: justify; webkit-box-pack: justify; }
.mid-apply-box .box {background: #fff; border-left: 1px solid #05a9b3; padding: 8px 30px 22px 30px; width: 33.33333%; }
.mid-apply-box .box:nth-of-type(1) {border-left: none; }
.mid-apply-box .box .box-ico {color: #05a9b3; display: block; font-size: 24px; font-weight: bold; margin-top: 10px; position: relative; text-align: center; }
.mid-apply-box .box .box-ico::before {background-position: center; background-repeat: no-repeat; content: ""; display: block; height: 62px; margin: 0 auto 10px auto; }
.mid-apply-box .box .box-ico-01::before {background-image: url("/images/sub/prolec_midapply_ico_01.png"); width: 54px; }
.mid-apply-box .box .box-ico-02::before {background-image: url("/images/sub/prolec_midapply_ico_02.png"); width: 33px; }
.mid-apply-box .box p {color: #666; line-height: 1.4; margin-top: 12px; text-align: center; }
.mid-apply-box .box.box-apply {background: #05a9b3; padding-left: 50px; padding-right: 50px; }
.mid-apply-box .box.box-apply .price {color: #fff; font-size: 20px; text-align: left; margin: 0;}
.mid-apply-box .box.box-apply .price span {display: block; }
.mid-apply-box .box.box-apply .price strong {font-size: 30px; }
.mid-apply-box .box.box-apply a {display: block; font-size: 20px; height: 50px; line-height: 50px; margin-top: 10px; text-align: center; width: 100%; }
.mid-apply-box .box.box-apply a.btn-cart {background: #fff; border: 1px solid #222222; }
.mid-apply-box .box.box-apply a.btn-apply {background: #222; border: 1px solid #222222;color: #fff; }

@media screen and (max-width: 1400px) {
	.sub_top_tit_box {height: 280px;}
	.sub_top_tit_box .sub_top_tit {font-size: 40px;}
	.sub_cont {margin: 0; padding: 10px 10px 80px;}
	.sub_cont:before {display: none;}
	.sub_left_cont .left_box .title_area {height: 100px;}
	.sub_left_cont .left_box .title_area .title {font-size: 24px; line-height: 30px;}
	.sub_left_cont .left_box .menu_list .list li .text {padding: 0 10px; font-size: 16px; line-height: 43px;}
	.sub_left_cont .left_box_my .info_box {padding: 20px 0;}
	.sub_left_cont .left_box_my .info_box .title {font-size: 20px; line-height: 24px;}
	.sub_left_cont .left_box_my .info_box .link_list {margin: 5px 0 0;}
	.sub_left_cont .left_box_my .info_box .link_list .list {column-gap: 5px;}
	.sub_left_cont .left_box_my .info_box .link_list .list li a {width: 80px;}
	.sub_left_cont .left_box_my .info_box .link_list .list li a .txt {font-size: 12px; line-height: 28px;}
	.sub_left_cont .left_box_my .chk_list .list li .check_area {padding: 5px;}
	.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label .txt {font-size: 16px; line-height: 20px;}
	.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label .price {font-size: 14px; line-height: 20px;}
	.sub_left_cont .left_box_my .chk_list .edu_delete {width: 90px; margin: 10px 10px 5px auto; font-size: 14px; line-height: 28px;}
	.sub_left_cont .left_box_my .total_box {padding: 10px 0;}
	.sub_left_cont .left_box_my .total_box .total {font-size: 16px; line-height: 24px;}
	.sub_left_cont .left_box_my .total_box .edu_btn {font-size: 140px; font-size: 16px; line-height: 36px;}


	.sub_right_cont {padding: 25px 30px 0;}
	.sub_right_cont .right_box {margin: 0 0 20px; padding: 0 0 10px;}
	.sub_right_cont .right_box .title_box .title {font-size: 28px; line-height: 30px;}
	.sub_right_cont .right_box .bread_crumb {margin: 5px 0 0;}
	.sub_right_cont .right_box .bread_crumb .list li {margin: 0 5px 0 0; padding: 0 10px 0 0;}
	.sub_right_cont .right_box .bread_crumb .list li .text {font-size: 14px; line-height: 18px;}

	.contents .container2 {padding: 0;}

	.center_area .list {column-gap: 10px;}
	.center_area .list li .box {padding: 30px 10px;}
	.center_area .list li .box .text_box .title {font-size: 28px; line-height: 30px;}
	.center_area .list li .box .icon_box {margin: 20px 0 0}
	.center_area .list li .box .icon_box img {height: 150px;}
	.center_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	.center_area .list li .box .view_btn {width: 140px; margin: 20px auto 0;}
	.center_area .list li .box .view_btn .text {padding: 0 15px 0 0; font-size: 14px; line-height: 33px;}

	.edu_area > .list > li {margin: 10px 0 0;}
	.edu_area > .list > li .box {padding: 15px;}
	.edu_area > .list > li .box .title_area {margin: 10px 0 0;}
	.edu_area > .list > li .box .title_area .title {font-size: 24px; line-height: 30px;}
	.edu_area > .list > li .box .title_area .tag_list .list {column-gap: 5px;}
	.edu_area > .list > li .box .title_area .tag_list .list li {font-size: 14px; line-height: 20px;}
	.edu_area > .list > li .box .info_box {margin: 10px 0 0; padding: 12px;}
	.edu_area > .list > li .box .info_box .list {column-gap: 15px;}
	.edu_area > .list > li .box .info_box .list li .text {padding: 0 0 0 10px; font-size: 16px; line-height: 20px;}
    
	.pro_info_area .title {padding: 15px 10px; font-size: 28px; line-height: 38px;}
	.pro_info_area .text_box {padding: 15px;}
	.pro_info_area .text_box .text {font-size: 18px; line-height: 24px;}
	.pro_info_area .text_box .info_list1 {column-gap: 15px; margin: 10px 0 0;}
	.pro_info_area .text_box .info_list1 li .text {padding: 0 0 0 40px; background-size: 35px 35px; font-size: 18px; line-height: 35px;}
	.pro_info_area .text_box .info_list2 {margin: 20px 0 0; padding: 10px;}
	.pro_info_area .text_box .info_list2 .list {column-gap: 20px;}
	.pro_info_area .text_box .info_list2 .list li .text {padding: 0 0 0 10px; font-size: 16px;}

	.pro_class_area {margin: 20px 0 0;}
	.pro_class_area > .list {gap: 20px 10px;}
	.pro_class_area > .list > li {width: calc(33.3333% - 6.6666px);}
	.pro_class_area > .list > li .box .text_box {padding: 10px;}
	.pro_class_area > .list > li .box .title_box .title {font-size: 16px; line-height: 40px;}
	.pro_class_area > .list > li .box .text_box .title {font-size: 24px; line-height: 30px;}
	.pro_class_area > .list > li .box .text_box .info_box {margin: 5px 0 0; padding: 10px;}
	.pro_class_area > .list > li .box .text_box .info_box .list li .text {padding: 0 0 0 6px; font-size: 14px; line-height: 21px;}
	.pro_class_area > .list > li .box .text_box .info_box .list li .text:before {width: 3px; height: 3px;}
	.pro_class_area > .list > li .box .text_box .tag_list {margin: 15px 0 0;}
	.pro_class_area > .list > li .box .text_box .btn_box {column-gap: 5px;}
	.pro_class_area > .list > li .box .text_box .btn_box .btn {width: 90px;}

	.com_title_area {margin: 0 0 10px}
	.com_title_area .title {font-size: 22px; line-height: 33px;}
	.com_title_area .text {margin: 3px 0 0; font-sizE: 16px; line-height: 22px;}
	
	.edu_box .inner .info_list li .text {padding: 0 0 0 6px;}
	.edu_box .inner .info_list li .text:before {width: 3px; height: 3px;}

	.com_table_area .table_box table thead tr th {padding: 0 5px; font-size: 14px; line-height: 40px;}
	.com_table_area .table_box table tbody tr td {padding: 5px; font-size: 14px; line-height: 24px;}
	.com_table_area .table_box table tbody tr td > .title {font-size: 18px;}

	.com_table_area.board .table_box table tbody tr td .title_area .tit.file {padding: 0 20px 0 0; background-size: 14px auto; background-position: right top 6px;}
	.com_table_area.board .table_box table tbody tr td .title_area .new_icon {padding: 0 3px; line-height: 14px;}
	.com_table_area.board .table_box table tbody tr td .writer {padding: 0 0 0 20px; background-size: 14px auto; background-position: left 6px;}
	.com_table_area.board .table_box table tbody tr td .date {padding: 0 0 0 20px; background-size: 14px auto; background-position: left 6px;}
	

	.com_row_table_area .table_box table tbody tr th {padding: 0 10px; font-size: 14px; line-height: 40px;}
	.com_row_table_area .table_box table tbody tr td {padding: 5px 10px; font-size: 14px; line-height: 24px;}
	.com_row_table_area .table_box table tbody tr td .input_box.sty2 .title {width: 60px;}
	.com_row_table_area .table_box table tbody tr td .input_box input {font-size: 14px; line-height: 35px;}
	.com_row_table_area .table_box table tbody tr td textarea {height: 60px; padding: 5px; font-size: 14px; line-height: 21px;}

	.com_row_table_area.file .table_box tbody tr td {padding: 10px;}
	.com_row_table_area.file .table_box tbody tr td .file_area li .file .text {padding: 0 25px 0 0; background-size: 20px 20px; font-size: 14px; line-height: 24px;}

	.apply_area .list {padding: 15px;}
	.apply_area .list li {margin: 10px 0 0;}
	.apply_area .list li .box .text {font-size: 14px; line-height: 24px;}
	.apply_area .check_area {margin: 10px 0 0}
	.apply_area .check_area .chk_inner label {font-size: 16px;}

	.apply_area2 {margin: 30px 0 0; padding: 15px;}
	.apply_area2 .text_list li .text {font-size: 14px; line-height: 24px;}

	.com_text {font-size: 16px; line-height: 24px;}

	.ftf_edu_box {padding: 20px;}
	.ftf_edu_box .title_area {margin: 0 0 10px; padding: 0 0 10px;}
	.ftf_edu_box .title_area .title_box {margin: 10px 0 0;}
	.ftf_edu_box .title_area .title_box .title {font-size: 26px; line-height: 30px;}
	.ftf_edu_box .title_area .title_box .num {font-size: 16px; line-height: 24px;}
	.ftf_edu_box .info_list {padding: 15px;}
	.ftf_edu_box .info_list .list li .text {padding: 0 0 0 8px; font-size: 16px; line-height: 22px;}
	.ftf_edu_box .info_list .list li .text .map {width: 70px; font-size: 14px; line-height: 21px;}
	.ftf_edu_box .info_list .list li .text:before {top: 9px; width: 4px; height: 4px;}
	.ftf_edu_box .btn_area {margin: 20px 0 0;}

	.com_tab_menu .list li .tab {width: 120px; font-size: 14px; line-height: 38px;}
	.com_tab_cont {padding: 20px;}

	.com_text_area .title {font-size: 22px; line-height: 33px;}
	.com_text_area .title2 {font-size: 18px; line-height: 26px;}
	.com_text_area .text_list > li {font-size: 14px; line-height: 24px;}
	.com_text_area .text_list > li .text_list2 > li {margin: 4px 0 0;}
	.com_text_area .text_list > li .text_list2 > li .text {padding: 0 0 0 8px;}
	.com_text_area .text_list > li .text_list2 > li .text:before {top: 11px; width: 4px; height: 4px;}

	
	.video_sc .title_area {padding: 9px 0 9px 68px; background-size: 62px 62px}
	.video_sc .title_area .title {font-size: 18px; line-height: 22px;}
	.video_sc .title_area .text {font-size: 15px; line-height: 22px;}
	.video_sc .date_box {margin: 10px 0 0; padding: 10px 5px; font-size: 18px; line-height: 24px;}


	.recog_area > .list > li {margin: 20px 0 0;}
	.recog_area > .list > li > .box .title {font-size: 20px; line-height: 30px;}
	.recog_area > .list > li > .box .text_list {margin: 6px 0 0; padding: 10px;}
	.recog_area > .list > li > .box .text_list .list li {margin: 6px 0 0;}
	.recog_area > .list > li > .box .text_list .list li .text {padding: 0 0 0 10px; font-size: 16px; line-height: 24px;}
	.recog_area > .list > li > .box .text_list .list li .text:before {top: 10px; width: 4px; height: 4px;}
	.recog_area > .list > li > .box .text_list .list li .text .txt {font-size: 18px;}
	.recog_area > .list > li > .box .down_box .down {background-size: auto 24px; padding: 0 0 0 25px; font-size: 14px; line-height: 24px;}


	.recog_state {padding: 30px;}
	.recog_state .inner .title {font-size: 24px; line-height: 32px;}
	.recog_state .inner .title2 {font-size: 18px; line-height: 26px;}
	.recog_state .inner .text {margin: 15px 0 0; padding: 15px 0 0; font-size: 18px; line-height: 24px;}
	.recog_state .inner .text2 {margin: 5px 0 0; font-size: 14px; line-height: 21px;}
	.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vbox {padding: 0 74px 0 0;}
	.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vinput {line-height: 28px;}
	.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vbox .att_btn_box .attach_btn {width: 75px; font-size: 14px; line-height: 30px;}
	.com_row_table_area .table_box table tbody tr td .attach_box .text {font-size: 14px; line-height: 20px;}

	.address_area {padding: 20px;}
	.address_area .box {column-gap: 5px;}
	.address_area .box .list li .btn {width: 65px; font-size: 14px;}
	.address_area .box .text {width: 170px; font-size: 14px; line-height: 30px;}

	.com_board_view .board_view .board_top {padding: 15px;}
	.com_board_view .board_view .board_top .title_area .title {font-size: 22px; line-height: 30px;}
	.com_board_view .board_view .board_top .title_area .info_list .list {column-gap: 10px;}
	.com_board_view .board_view .board_top .file_area {margin: 10px 0 0; padding: 10px 0 0;}
	.com_board_view .board_view .board_top .file_area .list li .file {padding: 0 0 0 20px; background-size: 16px; auto; font-size: 14px; line-height: 24px;}
	.com_board_view .board_view .board_cont {padding: 20px; font-size: 16px; line-height: 22px;}
	.com_board_view .post_nav .list li .item_wrapper .tit .icon {line-height: 50px;}

	.comment_title .title {font-size: 20px; line-height: 24px;}
	.comment_title .num {font-size: 16px; line-height: 24px;}
	.comment_area {padding: 20px;}
	.comment_area .no_comment {padding: 5px; font-size: 16px; line-height: 20px;}
	.comment_area .comment_write_view {margin: 0 0 30px;}
	.comment_area .comment_write_view .comment_cont.answer {margin: 15px 0 0; padding: 15px 0 0;}
	.comment_area .comment_write_view .comment_cont .info_box .left .date {font-size: 14px;}
	.comment_area .comment_write_view .comment_cont .info_box .right .list li {margin: 0 7px 0 0; padding: 0 7px 0 0;}
	.comment_area .comment_write_view .comment_cont .info_box .right .list li .btn {font-size: 14px; line-height: 21px;}
	.comment_area .comment_write_view .comment_cont .comment_box {font-size: 14px; line-height: 21px;}
	.comment_area .comment_write_view .comment_cont.answer .comment_box {margin: 5px 0 0;}
	.comment_area .comment_write .title_area {font-size: 14px; line-height: 20px;}
	.comment_area .comment_write .comt_btm {margin: 5px 0 0;}
	.comment_area .comment_write .comt_btm .chk_inner label {font-size: 14px; line-height: 20px;}
	.comment_area .comment_write .comt_btm .btn {width: 60px; font-size: 14px; line-height: 30px;}
	
	.lecture_area .list li {margin: 15px 0 0;}
	.lecture_area .list li .box .box_inner {padding: 20px 40px;}
	.lecture_area .list li .box .box_inner .title_wrap .title_area .sub_title {font-size: 16px; line-height: 20px;}
	.lecture_area .list li .box .box_inner .title_wrap .title_area .title {font-size: 24px; line-height: 30px	;}
	.lecture_area .list li .box .box_inner .info_box {margin: 10px 0 0; padding: 15px;}
	.lecture_area .list li .box .box_inner .title_wrap .lecture_btn {width: 150px; font-size: 16px; line-height: 40px;}
	.lecture_area .list li .box .box_inner .info_box .list li .text {font-size: 16px; line-height: 20px;}
	.lecture_area .list li .box .box_inner .info_box .list li .text:before {top: 8px;}

	.my_lecture {padding: 20px;}
	.my_lecture .info_box .list li {margin: 15px 0 0;}
	.my_lecture .info_box .list li .box .title {font-size: 18px; line-height: 24px;}
	.my_lecture .info_box .list li .box .info {margin: 5px 0 0;}
	.my_lecture .info_box .list li .box .info .day {font-size: 14px; line-height: 16px;}

	.lecture_list .list {gap: 10px;}
	.lecture_list .list li {width: calc(33.3333% - 6.666px);}
	.lecture_list .list li .box .title {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.lecture_list .list li .box .time {font-size: 14px; line-height: 21px;}

	.lecture_list.w25 .list li {width: calc(33.333% - 6.666px);}

	.lecture_title_box {padding: 5px;}
	.lecture_title_box .title {font-size: 20px; line-height: 30px;}

	.no_down {padding: 20px;}
	.no_down .title_box .title {padding: 0 0 0 40px; background-size: 30px auto; font-size: 20px; line-height: 30px;}
	.no_down .text {margin: 10px 0 0; padding: 10px; font-size: 16px; line-height: 22px;}

	.stats_list .list {column-gap: 30px;}
	.stats_list .list li .text {background-size: 40px auto; padding: 0 0 0 50px; font-size: 18px; line-height: 40px;}

	.pro_area > .list {gap: 15px;}
	.pro_area > .list > li {width: calc(33.3333% - 10px);}
	.pro_area > .list > li .box {padding: 15px;}
	.pro_area > .list > li .box .title_area .sort_box {column-gap: 5px;}
	.pro_area > .list > li .box .title_area .title {margin: 10px 0 0; font-size: 20px; line-height: 24px;}
	.pro_area > .list > li .box .tag_list {margin: 10px 0 0; padding: 6px 0 0;}
	.pro_area > .list > li .box .info_box {margin: 10px 0 0; padding: 8px;}
	.pro_area > .list > li .box .info_box .list {column-gap: 7px;}
	.pro_area > .list > li .box .edu_apply_btn {margin: 10px auto 0; width: 150px;}
	.pro_area > .list > li .box .edu_apply_btn .txt {font-size: 14px; line-height: 40px;}

	.dot_list .list li .text {padding: 0 0 0 8px; font-size: 14px; line-height: 18px;}
	.dot_list .list li .text:before {top: 7px; width: 4px; height: 4px;}

	.com_list_area > .list {gap: 10px 15px;}
	.com_list_area > .list > li {width: calc(50% - 7.5px);}
	.com_list_area > .list > li .box {padding: 15px;}
	.com_list_area > .list > li .box .box_inner .title_box .sort {margin: 0 0 5px;}
	.com_list_area > .list > li .box .box_inner .title_box .title {font-size: 18px; line-height: 20px;}
	.com_list_area > .list > li .box .box_inner .info_list {margin: 8px 0 0; padding: 8px 0 0;}
	.com_list_area > .list > li .box .box_inner .info_list .list li .text {line-height: 20px;}
	.com_list_area > .list > li .box .box_inner .info_list2 {margin: 10px 0 0; padding: 10px;}

}


@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1080px) {
	.sub_top_tit_box {height: 200px;}
	.sub_top_tit_box .sub_top_tit {font-size:30px;}
	.sub_cont {flex-direction: column; padding: 0 0 60px;}

	.sub_left_cont {width: 100%; order: 2;}
	.sub_left_cont .left_box {display: none;}
	.sub_left_cont .left_box_my {padding: 10px 10px 0;}
	.sub_left_cont .left_box_my .info_box {padding: 10px 0;}
	.sub_left_cont .left_box_my .info_box .title {font-size: 18px; line-height: 20px;}
	.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner {padding: 0 0 0 20px;}
	.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label .txt {font-size: 14px;}
	.sub_left_cont .left_box_my .chk_list .list li .check_area .chk_inner label .price {font-size: 12px;}
	.sub_left_cont .left_box_my .chk_list .edu_delete {font-size: 12px; line-height: 24px;}
	.sub_left_cont .left_box_my .total_box .edu_btn {width: 100px; font-size: 14px; line-height: 30px;}
/* 	.sub_left_cont .left_box {display: flex;}
	.sub_left_cont .left_box .title_area {position: relative; width: auto; height: auto; margin: 0 10px 0 0; padding: 0 15px 0 0; background-color: inherit;}
	.sub_left_cont .left_box .title_area:before {display: block; content: ""; position: absolute; right: 0; top: 9px; width: 5px; height: 7px; background: url("/images/sub/breadcrumb_icon.jpg") no-repeat 0 0;}
	.sub_left_cont .left_box .title_area .title {font-weight: 400; font-size: 16px; line-height: 24px; color: #222}
	.sub_left_cont .left_box .menu_list {position: relative; margin: 0;}
	.sub_left_cont .left_box .menu_list .sub_title {display: block;}
	.sub_left_cont .left_box .menu_list .list {display: block; position: absolute; left: 7px; top: calc(100% + 10px); width: 200px; border: 1px solid #222222; padding: 0 10px; background-color: #fff; z-index: 999;}
	.sub_left_cont .left_box .menu_list .list li {border: none;}
	.sub_left_cont .left_box .menu_list .list li:last-child {border: none;}
	.sub_left_cont .left_box .menu_list .list li .text {padding: 0; font-size: 16px; line-height: 28px;}
	.sub_left_cont .left_box .menu_list .list li.on .text {background-color: inherit; color: #888888;} */
	.sub_right_cont {padding: 10px 10px 0; order: 1;}
	.sub_right_cont .right_box {margin: 0 0 10px;}
	.sub_right_cont .right_box .title_box .title {font-size: 20px; line-height: 24px;}

	.center_area .list li .box {padding: 20px 10px;}
	.center_area .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.center_area .list li .box .icon_box {margin: 10px 0 0;}
	.center_area .list li .box .icon_box img {height: 100px;}
	.center_area .list li .box .view_btn {width: 120px; margin: 10px auto 0;}
	.center_area .list li .box .view_btn .text {font-size: 12px; line-height: 28px;}

	

	.edu_area > .list > li {margin: 6px 0 0;}
	.edu_area > .list > li .box {padding: 10px;}
	.edu_area > .list > li .box .sort_box .sort {padding: 0 5px; font-size: 12px; line-height: 20px;}
	.edu_area > .list > li .box .title_area {margin: 6px 0 0;}
	.edu_area > .list > li .box .title_area .title {font-size: 18px; line-height: 20px;}
	.edu_area > .list > li .box .title_area .tag_list .list li {font-size: 12px; line-height: 16px;}
	.edu_area > .list > li .box .info_box {margin: 6px 0 0; padding: 10px;}
	.edu_area > .list > li .box .info_box .list {column-gap: 10px;}
	.edu_area > .list > li .box .info_box .list li .text {padding: 0 0 0 7px; font-size: 14px; line-height: 18px;}
	.edu_area > .list > li .box .info_box .list li .text:before {width: 4px; height: 4px;}

	.pro_info_area .title {padding: 10px; font-size: 20px; line-height: 24px;}
	.pro_info_area .text_box .text {font-size: 16px; line-height: 20px;}
	.pro_info_area .text_box .info_list1 li .text {padding: 0 0 0 35px; background-size: 30px; font-size: 16px; line-height: 30px;}
	.pro_info_area .text_box .info_list2 {margin: 10px 0 0;}
	.pro_info_area .text_box .info_list2 .list {column-gap: 10px;}
	.pro_info_area .text_box .info_list2 .list li .text {font-size: 14px;}

	.pro_class_area > .list > li .box .title_box .title {font-size: 14px; line-height: 35px;}
	.pro_class_area > .list > li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.pro_class_area > .list > li .box .text_box .info_box {padding: 6px;}
	.pro_class_area > .list > li .box .text_box .sort_box {margin: 10px 0 0; column-gap: 5px;}
	.pro_class_area > .list > li .box .text_box .sort_box .sort {padding: 0 5px; font-size: 12px; line-height: 20px;}
	.pro_class_area > .list > li .box .text_box .tag_list {margin: 10px 0 0;}
	.pro_class_area > .list > li .box .text_box .tag_list .list li {font-size: 14px; line-height: 20px;}
	.pro_class_area > .list > li .box .text_box .btn_box {padding: 10px 0 0;}
	.pro_class_area > .list > li .box .text_box .btn_box .btn {font-size: 12px; line-height: 26px;}

	.com_title_area .title {font-size: 20px; line-height: 30px;}
	.com_title_area .text {font-size: 14px; line-height: 21px;}

	.com_table_area .table_box table tbody tr td > .title {font-size: 16px;}
	.com_row_table_area .table_box table tbody tr th {padding: 0 5px; font-size: 13px; line-height: 35px;}

	.apply_area .list {padding: 10px;}
	.apply_area .list li .box .chk_inner {padding: 0 0 0 20px;}
	.apply_area .list li .box .chk_inner label {font-size: 15px;}
	.apply_area .list li .box .text {padding: 0 0 0 20px;}
	.apply_area2 {margin: 20px 0 0; padding: 10px;}
	.apply_area2 .text_list  {gap: 5px;}
	.apply_area2 .text_list li {width: 100%;}
	.apply_area2 .text_list li .text {padding: 0 0 0 7px;}
	.apply_area2 .text_list li .text:before {top: 10px; width: 3px; height: 3px;}

	
	.com_text {font-size: 14px; line-height: 21px;}

	.ftf_edu_box {padding: 10px;}
	.ftf_edu_box .title_area .sort_box {column-gap: 5px;}
	.ftf_edu_box .title_area .sort_box .sort {padding: 0 5px; font-size: 12px; line-height: 20px;}
	.ftf_edu_box .title_area .title_box .title {font-size: 20px; line-height: 24px;}
	.ftf_edu_box .title_area .title_box .num {font-size: 14px; line-height: 21px;}
	.ftf_edu_box .info_list {padding: 10px;}
	.ftf_edu_box .info_list .list li {margin: 5px 0 0;}
	.ftf_edu_box .info_list .list li .text {font-size: 14px;}

	.com_tab_cont {padding: 10px;}
	.com_tab_menu .list li .tab {width: 100px; font-size: 12px;	line-height: 32px;}
	
	.com_text_area .title {font-size: 18px; line-height: 24px;}
	.com_text_area .title2 {font-size: 16px; line-height: 20px;}
	.com_text_area .text_list {margin: 5px 0 0;}
	.com_text_area .text_list > li {margin: 10px 0 0;}
	.com_text_area .text_list > li .text_list2 {margin: 5px 0 0;}

	.video_sc .title_area {padding: 6px 0 6px 58px; background-size: 52px 52px}
	.video_sc .title_area .title {font-size: 16px; line-height: 20px;}
	.video_sc .title_area .text {font-size: 14px; line-height: 20px;}
	.video_sc .date_box {margin: 6px 0 0; padding: 5px; font-size: 16px; line-height: 20px;}

	.board_state {gap: 3px 5px; flex-wrap: wrap;}
	.board_state select {width: 100px; padding: 0 5px; font-size: 12px; line-height: 30px;}
	.board_state .b_count {font-size: 12px; line-height: 18px;}
	.board_state .b_page {font-size: 12px; line-height: 18px;}

	.sch_bg {margin: 20px 0 0; padding: 20px 0;}
	.sch_bg .sch_area {max-width: 440px;}
	.sch_bg .sch_area .sch_inner .select_box {width: 100px;}
	.sch_bg .sch_area .sch_inner .input_box {width: calc(100% - 100px);}

	
	.recog_area > .list > li {margin: 14px 0 0;}
	.recog_area > .list > li > .box .title {font-size: 18px; line-height: 24px;}
	.recog_area > .list > li > .box .text_list { padding: 6px;}
	.recog_area > .list > li > .box .text_list .list li {margin: 4px 0 0;}
	.recog_area > .list > li > .box .text_list .list li .text {padding: 0 0 0 8px; font-size: 14px; line-height: 21px;}
	.recog_area > .list > li > .box .text_list .list li .text:before {top: 8px;}
	.recog_area > .list > li > .box .text_list .list li .text .txt {margin: 0; font-size: 14px;}
	.recog_area > .list > li > .box .down_box .down {padding: 0 0 0 18px; background-size: auto 20px; background-position: left top 1px;}

	.recog_state {padding: 20px;}
	.recog_state .inner .title {font-size: 20px; line-height: 26px;}
	.recog_state .inner .title2 {font-size: 16px; line-height: 22px;}
	.recog_state .inner .text {margin: 10px 0 0; padding: 10px 0 0; font-size: 16px; line-height: 22px;}

	.com_row_table_area .table_box table tbody tr td .attach_box .box .attach_vbox .att_btn_box .attach_btn {font-size: 12px;}

	
	.address_area {padding: 10px;}
	.address_area .box + .box {margin: 5px 0 0;}
	.address_area .box .list {column-gap: 5px}
	.address_area .box .list li .btn {width: 50px; font-size: 12px;}
	.address_area .box .text {width: 170px; font-size: 14px; line-height: 30px;}

	.com_board_view .board_view .board_top {padding: 10px;}
	.com_board_view .board_view .board_top .title_area .title {font-size: 18px; line-height: 24px;}
	.com_board_view .board_view .board_top .file_area {margin: 5px 0 0; padding:  5px 0 0;}
	.com_board_view .board_view .board_top .file_area .list li {margin: 3px 0 0;}
	.com_board_view .board_view .board_top .file_area .list li .file {padding: 0 0 0 18px; background-size: 15px auto; font-size: 12px; line-height: 20px;}
	.com_board_view .board_view .board_cont {padding: 10px;}
	.com_board_view .post_nav .list li .item_wrapper .tit {width: 100px;}
	.com_board_view .post_nav .list li .item_wrapper .tit .icon {padding: 0 20px 0 0; font-size: 14px; line-height: 40px;}
	.com_board_view .post_nav .list li .item_wrapper .post {padding: 0 0 0 10px; font-size: 14px; line-height: 20px;}

	.comment_title {margin: 0 0 10px;}
	.comment_title .title {font-size: 18px; line-height: 22px;}
	.comment_title .num {font-size: 14px; line-height: 22px;}
	.comment_area {padding: 10px;}
	.comment_area .comment_write_view .comment_cont .info_box .left {column-gap: 5px;}
	.comment_area .comment_write_view .comment_cont .info_box .left .name {font-size: 14px; line-height: 20px;}
	.comment_area .comment_write_view .comment_cont .info_box .left .date {line-height: 20px;}
	.comment_area .comment_write_view .comment_cont .comment_box {margin: 5px 0 0; padding: 5px 0 0; font-size: 12px; line-height: 20px;}
	.comment_area .comment_write_view .comment_cont.answer {margin: 8px 0 0; padding: 8px 0 0;}
	.comment_area .comment_write_view .comment_cont.answer .info_box .left .name {padding: 0 0 0 12px; background-size: 8px auto;}
	.comment_area .comment_write_view .comment_cont.answer .comment_box {padding:  0 0 0 12px;}
	.comment_area .comment_write textarea {height: 50px;}

	.lecture_area .list li .box .sort_box {width: 60px; height: 60px; border-width: 60px;}
	.lecture_area .list li .box .sort_box .sort {left: -62px; top: 11px; font-size: 12px; line-height: 20px;}
	.lecture_area .list li .box .box_inner {padding: 20px 30px;}
	.lecture_area .list li .box .box_inner .title_wrap .title_area .title {font-size: 20px; line-height: 30px;}
	.lecture_area .list li .box .box_inner .title_wrap .lecture_btn {width: 120px; font-size: 14px; line-height: 35px;}
	.lecture_area .list li .box .box_inner .info_box {padding: 10px;}
	.lecture_list .list li .box .title {font-size: 14px;}
	
	.my_lecture {padding: 10px;}
	.my_lecture .info_box .list li {margin: 10px 0 0;}
	.my_lecture .info_box .list li .box .bar_box {height: 14px;}
	.my_lecture .info_box .list li .box .title {font-size: 16px; line-height: 20px;}
	.my_lecture .info_box .list li .box .info .day {font-size: 12px; line-height: 16px;}

	.lecture_title_box .title {font-size: 18px; line-height: 24px;}

	
	.no_down {padding: 10px;}
	.no_down .title_box .title {padding: 0 0 0 30px; background-size: 24px auto; font-size: 18px; line-height: 24px;}
	.no_down .text {margin: 5px 0 0; padding: 6px; font-size: 14px; line-height: 20px;}
	
	.stats_list .list {column-gap: 15px;}
	.stats_list .list li .text {background-size: 30px auto; padding: 0 0 0 34px; font-size: 16px; line-height: 30px;}

	.pro_area > .list {gap: 10px;}
	.pro_area > .list > li {width: calc(33.3333% - 6.666px);}
	.pro_area > .list > li .box {padding: 10px;}
	.pro_area > .list > li .box .title_area .sort_box {column-gap: 3px;}
	.pro_area > .list > li .box .title_area .sort_box .sort {font-size: 12px; line-height: 20px;}
	.pro_area > .list > li .box .title_area .title {margin: 6px 0 0; font-size: 18px; line-height: 20px;}
	.pro_area > .list > li .box .tag_list {margin: 6px 0 0;}
	.pro_area > .list > li .box .tag_list .list li {font-size: 12px; line-height: 18px;}
	.pro_area > .list > li .box .info_box {margin: 6px 0 0; padding: 5px;}
	.pro_area > .list > li .box .info_box .list {column-gap: 6px;}
	.pro_area > .list > li .box .info_box .list li .text {padding: 0 0 0 5px; font-size: 12px; line-height: 18px;}
	.pro_area > .list > li .box .info_box .list li .text:before {width: 3px; height: 3px;}
	.pro_area > .list > li .box .edu_apply_btn {width: 120px;}
	.pro_area > .list > li .box .edu_apply_btn .txt {padding: 0 20px 0 0; font-size: 12px; line-height: 30px;}

	.com_list_area > .list {gap: 10px;}
	.com_list_area > .list > li {width: calc(50% - 5px);}
	.com_list_area > .list > li .box {padding: 10px;}
	.com_list_area > .list > li .box .box_inner .title_box .sort {width: 55px; font-size: 12px; line-height: 20px;}
    .com_list_area > .list > li .box .box_inner .title_box .title {font-size: 16px; line-height: 18px;}
	.com_list_area > .list > li .box .box_inner .info_list .list li .text {font-size: 14px; line-height: 18px;}
	.com_list_area > .list > li .box .box_inner .info_list .list li .text:before {top: 8px;}
	.com_list_area > .list > li .box .box_inner .info_list2 {margin: 6px 0 0; padding: 6px;}
	.com_list_area > .list > li .box .box_inner .info_list2 .list {gap: 3px 20px;}
	.com_list_area > .list > li .box .box_inner .info_list2 .list li .text {font-size: 12px; line-height: 18px;}
	.com_list_area > .list > li .box .box_inner .info_list2 .list li .text:before {top: 7px;}


	.lec-instructor ul li {padding: 20px 15px 15px 15px; }
	.lec-instructor ul li .ins-name {font-size: 20px; }
	.lec-instructor ul li .ins-pos {font-size: 15px; }

	.lec-summary {flex-wrap: wrap; ms-flex-wrap: wrap; padding: 20px 15px; }
	.lec-summary .lec-summary-detail h5 {font-size: 18px; }
	.lec-summary .lec-summary-detail li {font-size: 14px; margin-top: 15px; }
	.lec-intro {font-size: 14px; padding: 20px 15px; }
	.lec-intro h5 {font-size: 20px; }
	.mid-apply-box {display: block; }
	.mid-apply-box .box {border-bottom: 1px solid #0385d0; font-size: 14px; padding: 15px; width: 100%; }
	.mid-apply-box .box .box-ico {font-size: 18px; margin-top: 0; }
	.mid-apply-box .box p > br {display: none; }
	.mid-apply-box .box.box-apply {padding: 15px; }
	.mid-apply-box .box.box-apply .price {font-size: 16px; }
	.mid-apply-box .box.box-apply .price strong {font-size: 20px; }
	.mid-apply-box .box.box-apply .btns {display: flex; display: -ms-flexbox; display: -webkit-box; justify-content: space-between; ms-flex-pack: justify; webkit-box-pack: justify; }
	.mid-apply-box .box.box-apply a {font-size: 14px; width: 49%; }


}
@media screen and (max-width: 767px) {
	.sub_top_tit_box {height: 160px;}
	.sub_top_tit_box .sub_top_tit {font-size:24px;}
	.sub_cont {padding: 0 0 40px;}

	.com_title_area.border {padding: 0 0 5px;}

	.center_area .list {gap: 10px; flex-direction: column;}

	.edu_area > .list > li .box .sort_box {column-gap: 5px;}
	.edu_area > .list > li .box .title_area {flex-direction: column; gap: 5px; align-items: start;}
	.edu_area > .list > li .box .title_area .tag_list .list {flex-wrap: wrap; gap: 3px;}
	.edu_area > .list > li .box .info_box {padding: 7px;}
	.edu_area > .list > li .box .info_box .list {flex-wrap: wrap; gap: 5px;}

	.pro_info_area .text_box {padding: 10px;}
	.pro_info_area .text_box .info_list1 {flex-wrap: wrap; gap: 5px;}
	.pro_info_area .text_box .info_list2 .list {gap: 5px; flex-wrap: wrap;}

	.pro_class_area > .list {gap: 10px;}
	.pro_class_area > .list > li {width: calc(50% - 5px);}

	.com_table_area .table_box table {border: none;}
	.com_table_area .table_box table colgroup {display: none;}
	.com_table_area .table_box table thead {display: none;}
	.com_table_area .table_box table tbody {border-top: 2px solid #223757}
	.com_table_area .table_box table tbody tr:last-child {border-bottom: 1px solid #ddd;}
	.com_table_area .table_box table tbody tr td {display: block; position:relative; padding: 3px 5px 3px 75px; border: none; text-align: left;}
	.com_table_area .table_box table tbody tr td:before {position: absolute; left: 0; top: 3px; display: inline-block; content: attr(data-th) ": "; width: auto; font-weight: 400 !important; font-size: 14px; color: #222 !important; letter-spacing: -0.08em;}
	.com_table_area .table_box table tbody tr td .chk_inner {text-align: left;}
	.edu_box {justify-content: start;}
	.com_table_area .table_box table tbody tr td .apply_btn {width: 65px; margin: 0; font-size: 14px; line-height: 20px;}
	.com_table_area .table_box table tbody tr td .receipt_btn {width: 85px; margin: 0; font-size: 14px; line-height: 22px;}
	.com_table_area .table_box table tbody tr td .table_btn_area {flex-direction: row; flex-wrap: wrap; justify-content: start;}
	.com_table_area .table_box table tbody tr td .num {display: inline-block; vertical-align: middle;}
	.com_table_area .table_box table tbody tr td .bar_box {display: inline-block; margin: 0 0 0 5px;}
	.com_table_area.board .table_box table tbody tr td {padding: 3px 5px 3px 55px;}

	.com_table_area.scroll .table_box {padding: 20px 0 0; overflow-x: scroll; background: url("/images/sub/lr_arr_ico.png") 48% 0 no-repeat; background-size: 30px; animation: tblScrollAni 2s infinite;}
	.com_table_area.scroll .table_box table {width: 767px;}
	.com_table_area.scroll .table_box table colgroup {display: block;}
	.com_table_area.scroll .table_box table thead {display: table-header-group;}
	.com_table_area.scroll .table_box table tbody {border-top: none;}
	.com_table_area.scroll .table_box table tbody tr {border-left: 1px solid #ddd;}
	.com_table_area.scroll .table_box table tbody tr td {display: table-cell; padding: 5px; border-right: 1px solid #ddd; text-align: center;}
	.com_table_area.scroll .table_box table tbody tr td:before {display: none;}

	@-webkit-keyframes tblScrollAni {
		0% {background-position: 48% 0;}
		50% {background-position: 52% 0;}
		100% {background-position: 48% 0;}
	}
	@keyframes tblScrollAni {
		0% {background-position: 48% 0;}
		50% {background-position: 52% 0;}
		100% {background-position: 48% 0;}
	}

	.com_text {font-size: 12px; line-height: 18px;}
	
	.sch_bg {margin: 20px 0 0; padding: 10px;}
	.sch_bg .sch_area {max-width: 440px;}
	.sch_bg .sch_area .sch_inner .select_box {width: 100px;}
	.sch_bg .sch_area .sch_inner .input_box {width: calc(100% - 100px);}

	.recog_state {padding: 10px;}
	.recog_state .inner .title {font-size: 18px; line-height: 24px;}
	.recog_state .inner .text {margin: 6px 0 0; padding: 6px 0 0; font-size: 14px; line-height: 21px;}

	.address_area .box {flex-direction: column;}
	.address_area .box .list {order: 2;}
	.address_area .box .list li .input_box input {font-size: 14px; line-height: 30px;}
	.address_area .box .list li .btn {line-height: 32px;}
	.address_area .box .text {width: 100%; order: 1; line-height: 21px;}

	.com_board_view .post_nav .list li .item_wrapper .tit {width: 80px;}

	.lecture_area .list li {margin: 10px 0 0;}
	.lecture_area .list li .box {padding: 10px;}
	.lecture_area .list li .box .sort_box {display: inline-block; position: inherit; left: inherit; top: inherit; width: 60px; margin: 0 0 5px; height: auto; border: none; background-color: #f99d1a; text-align: center;}
	.lecture_area .list li .box .sort_box .sort {display: inline-block; position: inherit; left: inherit; top: inherit; transform: rotate(0)}
	.lecture_area .list li .box .box_inner {padding: 0;}
	.lecture_area .list li .box .box_inner .title_wrap {flex-direction: column; gap: 5px; align-items: start;}
	.lecture_area .list li .box .box_inner .title_wrap .title_area .title {font-size: 18px; line-height: 24px;}
	.lecture_area .list li .box .box_inner .title_wrap .lecture_btn {width: 100px; line-height: 30px;}
	.lecture_area .list li .box .box_inner .info_box {padding: 8px;}
	.lecture_area .list li .box .box_inner .info_box .list li .text {padding: 0 0 0 7px; font-size: 14px;}
	.lecture_area .list li .box .box_inner .info_box .list li .text:before {width: 4px; height: 4px;}
	
	.lecture_list.w25 .list li {width: calc(50% - 5px);}

	.stats_list .list {flex-wrap: wrap; gap: 5px 10px;}
	.stats_list .list li .text {font-size: 14px;}

	.pro_area > .list > li {width: calc(50% - 5px);}
	.pro_area > .list > li .box .edu_apply_btn {width: 100px;}

	
	.com_list_area > .list > li {width: 100%;}
	.com_list_area > .list > li .box .box_inner .info_list2 .list {gap: 3px 10px;}
	.com_list_area > .list > li .box .box_inner .info_list {margin: 6px 0 0; padding: 6px 0 0;}
	.com_list_area > .list > li .box .box_inner .info_list .list li {margin: 3px 0 0;}
	.com_list_area > .list > li .box .box_inner .info_list .list li .text {padding: 0 0 0 9px;}

	
	.lec-instructor ul li {height: 115px; margin-bottom: 20px; padding-left: 10px; width: 48%; }
	.lec-instructor ul li:nth-child(2n + 1) {margin-left: 0; }
	.lec-instructor ul li .ins-name {font-size: 18px; }
	.lec-instructor ul li .ins-pos {font-size: 13px; }
}


@media screen and (max-width: 480px) {
	.sub_top_tit_box {height: 120px;}
	.sub_top_tit_box .sub_top_tit {font-size:20px;}
	
	.pro_class_area > .list > li {width: 100%;}

	.ftf_edu_box .title_area .title_box {flex-direction: column; align-items: start; gap: 3px;}
	.ftf_edu_box .title_area .title_box .num {width: 100%; text-align: right;}

	.com_row_table_area colgroup {display: none;}
	.com_row_table_area .table_box table tbody tr th {display: block; width: 100%; box-sizing: border-box;}
	.com_row_table_area .table_box table tbody tr td {display: block; width: 100%; box-sizing: border-box;}
	.com_row_table_area .table_box table tbody tr td:last-child {border-right: none;}

	.com_row_table_area .table_box table tbody tr td .input_box {flex-direction: column; gap:3px; align-items: start; text-align: left; margin: 0;}
	.com_row_table_area .table_box table tbody tr td .input_box.sty2 .title {line-height: 30px;}
	.com_row_table_area .table_box table tbody tr td textarea {margin: 0;}

	.sch_bg .sch_area {padding: 0;}
	.sch_bg .sch_area .sch_btn {display: block; width: 100%; position: inherit; right: inherit; top: inherit; margin: 5px 0 0;}

	.address_area .box .list {flex-direction: column; gap: 5px;}

	.comment_area .comment_write_view {margin: 0 0 15px;}
	.comment_area .comment_write_view .comment_cont .info_box {flex-direction: column; gap: 3px;}
	.comment_area .comment_write_view .comment_cont .info_box .right .list li:before {height: 10px;}
	.comment_area .comment_write_view .comment_cont .info_box .right .list li .btn {font-size: 12px; line-height: 18px;}
	.comment_area .comment_write_view .comment_cont.answer .comment_box {padding: 0;}
	.comment_area .comment_write .title_area {margin: 0 0 5px;}

	.lecture_list .list li {width: calc(50% - 5px);}

	
	.pro_area > .list > li {width: 100%;}
}