/* table */
.board_base {width: 100%; text-align: center;}
.base {border-top: 2px solid #3e3e3e; text-align: center;}
.base thead {border-bottom: 2px solid #aaa; color: #555;}
.base thead th {font-weight: normal; height: 45px; padding: 2px 0;}
.base tbody {color: #3f3f3f;}
.base tbody th, .base tbody td {border-bottom: 1px solid #e5e5e5; padding: 15px 0;}
.base td.left  {padding: 15px 20px;}
.base tbody a {display: inline-block; color: #3f3f3f; max-width: 410px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.base tbody a:hover {color: #6f6f6f; text-decoration: underline;}
.base tr.notice {font-weight: bold; background: #f5f5f5; color: #555;}
.base tr.notice td.left a {color: #f60;}
.base tr.notice td.left a:hover {color: #1769b3;}
.base tr.notice span.cate {display: block; background: #07b1e2; color: #fff; border-radius: 4px; font-weight: normal;}

.base_nav {margin: 10px 0 20px;}
.base_nav li {display: inline-block; vertical-align: bottom; margin: 0 2px;}
.base_nav strong {font-size: 17px;}
.base_nav a {font-size: 17px; color: #3f3f3f;}
.base_nav a:hover {color: #20a1e2;}

.base_search select, .base_search input[type=text] {border: 1px solid #d2d2d2; padding: 5px; vertical-align: bottom;}
.base_search select {height: 30px;}
.base_search input[type=text] {height: 18px;}
.base_search button {border: none; background: url(/resources/img/icon/btn_search.gif) no-repeat; padding: 0; font-size: 0; width: 75px; height: 30px;}

.pyo {width: 100%; text-align: center;}
.pyo th, .pyo td {border: 1px solid #d8d8d8; padding: 10px 0; line-height: 150%; color: #555;}
.pyo th {background: #fbf9f3; height: 50px;}
.pyo td  {padding: 10px 20px;}

.pyo_1 {text-align: center; border-top: 2px solid #3e3e3e; margin: 0 0 15px; font-size: 15px; color: #555;}
.pyo_1 th {border-bottom: 2px solid #aaa; font-weight: normal; padding: 10px 0;}
.pyo_1 td {border-bottom: 1px solid #aaa; padding: 15px 0;}
.pyo_1 a {color: #646464;}
    .pyo_1 a:hover {text-decoration: underline;}

.pyo_2 th, .pyo_2 td {padding: 15px 0; color: #555; font-weight: 400; text-align: left; height: 100px; font-size: 18px;}

.pyo_payment {text-align: right; border: 1px solid #3a4a61; margin: 50px 0 100px;}
.pyo_payment th {background: #495b74; border-right: 1px dashed #fff; color: #fff; height: 45px; padding: 3px 25px; font-size: 17px;}
.pyo_payment td {border-right: 1px dashed #3a4a61; color: #555; padding: 10px 25px; height: 70px; font-weight: 700; font-size: 15px;}
.pyo_payment td input[type=text] {border: none; font-size: 22px; font-weight: bold; width: 100px; padding: 5px; line-height: 100%;}
.pyo_payment td:last-child, .pyo_payment td:last-child input {color: #f04d21;}

.tab_btn {cursor: pointer;}
.tab_btn2 {cursor: pointer;}
.tab_con {display: none;}
.tab_con.on {display: block!important;}

.tab_menu {min-height: 50px;}
.tab_menu li {float: left; border: 1px solid #cdcdcd; background: #f9f9f9; margin-right: -1px;}
.tab_menu li a {display: block; color: #555; font-size: 14px; font-weight: bold; padding: 12px 13px; white-space: nowrap; overflow: hidden;}
.tab_menu li.on {background: #fff; border-bottom-color: transparent;}
.tab_sub li {color: #555; font-size: 14px; font-weight: bold; padding: 12px 13px; white-space: nowrap; overflow: hidden;}


.tbl_view {border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8;}
.tbl_view th, .tbl_view td {height: 45px; padding: 7px 10px; font-size: 16px; line-height: 21px; border-right: 1px solid #d8d8d8; text-align: left;}
.tbl_view th {background: #f5f5f5; border-bottom: 1px solid #d8d8d8; font-weight: normal; text-align: center;}
.tbl_view th.v-align-t {text-align: right; padding-top: 20px; padding-right: 20px;}
.tbl_view td {border-bottom: 1px solid #d8d8d8; padding: 5px 20px;}
.tbl_view .profile {text-align: center;}
.tbl_view .profile a {display: inline-block; margin-bottom: 10px;}
.tbl_view .prof_name {font-size: 14px; font-weight: bold;}
.tbl_view .prof_photo img {width: 120px; height: 174px;}
.lectureDetail_chk {position: absolute; top: 20px; right: 0;}
.course_list_wrap {margin: 15px 0 60px 0; padding: 20px 30px; border-top: 2px solid #3e3e3e; border-bottom: 1px solid #aaa; line-height: 2em;}


/* buttons */
.btn {display: inline-block; color: #fff!important; text-align: center; border: none; cursor: pointer;}
.small_navy {padding: 0 17px; height: 30px; background: #48557c;  font-size: 13px; line-height: 30px;}
.small_red {padding: 0 17px; height: 30px; background: #e0473c; font-size: 13px; line-height: 30px;}
.small_gray {padding: 0 17px; height: 30px; background: #595959; font-size: 13px; line-height: 30px;}
.sline_bur {padding: 0 17px; height: 30px; border: 1px solid #7f1a21; color: #7f1a21!important; font-size: 13px; line-height: 30px;}
.mid_navy {padding: 0 27px; height: 40px; background: #48557c; font-size: 14px; line-height: 40px;}
.mid_red {padding: 0 27px; height: 40px; background: #e0473c; font-size: 14px; line-height: 40px;}
.mid_gray {padding: 0 27px; height: 40px; background: #595959; font-size: 14px; line-height: 40px;}
.mid_bur {padding: 0 27px; height: 40px; background: #7f1a21; font-size: 14px; line-height: 40px;}
.wide_red {padding: 0 30px; height: 43px; background: #e0473c; font-size: 16px; line-height: 43px;}
.wide_navy {padding: 0 30px; height: 43px; background: #48557c; font-size: 16px; line-height: 43px;}
.wide_gray {padding: 0 30px; height: 43px; background: #595959; font-size: 16px; line-height: 43px;}
.wide_bur {padding: 0 35px; height: 50px; background: #7f1a21; font-size: 19px; line-height: 50px;}
.btn_coupon {color: #fff; text-align: center; border: none; background: linear-gradient(#ff9000, #ff6f00); font-size: 11px; padding: 2px 4px; cursor: pointer;}
.btn_formdown {display: inline-block; width: 225px; height: 67px; background: url(/resources/img/icon/btn_formdown_bg.gif) no-repeat; line-height: 67px; padding-left: 15px; font-size: 15px; color: #646464;}


/* layer_popup */
.layer_bg {position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 3000; background: rgba(0,0,0,0.5); display: none;}
.layer_popup {position: fixed; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 3001; background: #fff; display: none;}
.layer_close_btn {position: absolute; top: 13px; right: 13px; cursor: pointer; display: inline-block; width: 13px; height: 13px; background: url(/resources/img/icon/btn_close.png); font-size: 0;}
.layer_title, .layer_contents {padding: 5px 15px; text-align: left;}
.layer_title {font-size: 16px; height: 45px; line-height: 45px; font-weight: 500; border-bottom: 1px solid #ccc; margin: 0;}


/* login page */
#memberLogin form {display: inline-block; width: calc(50% - 21px); vertical-align: top; color: #555;}
.login_box {border: 1px solid #ccc; padding: 30px; height: 420px;}
.login_box h3 {font-size: 25px; margin: 0 0 30px;}
.login_box input[type=text], .login_box input[type=password] {width: calc(100% - 12px); border: 1px solid #d2d2d2; padding: 5px; font-size: 13px; margin: 5px 0;}
.login_box button {width: 100%; border: none; height: 50px; margin: 20px 0 10px; background: #5d70a7; color: #fff; font-size: 18px; font-weight: bold;}
.login_box .login_a {background: #808080; color: #fff; display: inline-block; height: 40px; line-height: 40px; text-align: center; width: calc(50% - 5px);}
.login_box p {font-size: 13px; color: #6e6e6e; line-height: 2em; margin: 0.5em 0;}


/* faq */
.faq_tab li {width: 90px;}
.faq_list {text-align: left;}
.faq_list dt, .faq_list dd {border-bottom: 1px solid #d8d8d8; padding: 20px 30px;}
.faq_list dt {color: #3f3f3f; cursor: pointer;}
.faq_list dt::before {content: "Q."; padding-right: 20px;}
.faq_list dt.on {color: #000; font-weight: 600;}
.faq_list dd {margin: 0; background: #f9f9f9; color: #555; line-height: 1.6em; display: none;}
.faq_list dd::before {content: "A.";}
.faq_list dd.on {display: block!important;}
.faq_list .answerer {text-align: right;}
.faq_list .answerer::before {content: "[?��?��?�� : ";}
.faq_list .answerer::after {content: "]";} 


/* course table */
table.curriculum_table {width: 100%; text-align: center;}
table.curriculum_table th, table.curriculum_table td {border: 1px solid #d8d8d8; padding: 10px 0; line-height: 150%; color: #555;}
table.curriculum_table th {background: #fbf9f3;}
table.curriculum_table td  {padding: 10px 20px;}
table.curriculum_table td img {vertical-align: middle;}
table.curriculum_table .btn_s_apply {color: #7f1a21; border: 1px solid #7f1a21; font-size: 13px; padding: 5px; vertical-align: middle; margin: 0 10px;}
table.curriculum_table .btn_s_apply::after {content: ""; display: inline-block; width: 12px; height: 11px; background: url(/resources/img/icon/icon_fastforward.gif) center no-repeat; margin-left: 5px;}

.course_wrap .curriculum {font-size: 18px; font-weight: normal; margin: 50px 0 10px;}
.course_wrap .course_grade {font-size: 25px; font-weight: normal; margin: 50px 0 10px;}
.course_wrap .center .btn_wide_navy {font-size: 16px; color: #fff; background: #48557c; padding: 0 30px; height: 43px; line-height: 43px; display: inline-block; margin-top: 50px;}


/* column */
.column {margin: 20px 0 50px; font-size: 17px; color: #555; position: relative;}
.column h2 {font-size: 28px; font-weight: 600; line-height: 28px; color: #484747;}
.column h3 {font-size: 18px; font-weight: 500; color: #484747;}
.column_con  {padding-left: 30px;}
.blit_num {line-height: 30px; color: #555;}
.blit_num>li {margin-bottom: 15px;}
.blit_num>li>.dIb {width: calc(100% - 40px);}
.tit_num {display: inline-block; vertical-align: top; width: 25px; height: 25px; border-radius: 25px; line-height: 25px; background: #314171; color: #fff; font-size: 17px; margin-right: 11px; margin-top: 3px; text-align: center;}
.box_point {border: 1px solid #d8d8d8; padding: 20px 40px; width: calc(100% - 80px); margin: 10px 0;}
.box_point.bg {border: 2px solid #eceae6; background: #fbf9f3; font-size: 14px; margin-bottom: 30px;}


/* study plan */
.study_row th {padding-right: 55px; font-weight: normal; height: 36px; line-height: 35px; font-size: 17px; text-align: right;}
.study_row select {height: 29px; padding: 5px; border: 1px solid #d2d2d2; font-size: 14px;}
.study_row input[type=text] {border: 1px solid #d2d2d2; padding: 5px; font-size: 15px;}
.study_plan {margin: 10px 0;}
.study_plan th, .study_plan td {height: 45px; font-size: 16px; line-height: 21px; border: 1px solid #d8d8d8;}
.study_plan th {background: #f5f5f5; font-weight: normal; padding: 7px 0; width: 20%;}
.study_plan td {padding: 10px 20px;}
.study_plan td .study_plan {text-align: center;}
.study_plan .comment_02 {color: #e0473c; font-size: 15px; line-height: 26px; padding-left: 25px; background: url(/resources/img/icon/icon_comment.gif) 0 5px no-repeat; margin: 10px 0;}
.study_plan .title_intable {display: inline-block; color: #e0473c; height: 20px; padding-left: 10px; margin-bottom: 15px; background: url(/resources/img/icon/bullet.gif) 0 50% no-repeat; font-weight: normal;}
.study_plan select {height: 29px; padding: 5px; border: 1px solid #d2d2d2; font-size: 14px;}
.study_plan input[type=text] {border: 1px solid #d2d2d2; padding: 5px; font-size: 15px;}
.study_plan input[type=number] {border: 1px solid #d2d2d2; padding: 5px; font-size: 15px; width: 80px;}


/* lecture apply */
.tab_slide.apply {width: calc(100% - 40px); padding: 0 20px; margin-bottom: 40px;}
.tab_slide.apply .tab_btn2 {display: inline-block; width: 135px!important; border: 1px solid; background: #f9f9f9; height: 40px; line-height: 40px; text-align: center; margin-right: -1px; color: #646464; font-size: 17px;}
.tab_slide.apply .tab_btn2.on, .tab_slide.apply .tab_btn2:hover {color: #fff; background: #223757; font-weight: 600; border-color: #223757;}
.tab_slide.apply .slick-arrow {font-size: 0; width: 20px; height: 42px; position: absolute; top: 0; border-radius: 0; border: 0; background: url(/resources/img/icon/tab_slider_controls.png) no-repeat;}
.tab_slide.apply .slick-prev {left: -20px;}
.tab_slide.apply .slick-next {right: -20px; background-position-x: -20px;}

.pyo_1.lecture_list {margin-bottom: 120px;}
.pyo_1.lecture_list p {margin: 0;}
.sample_box {width: 122px; height: 82px; position: relative; text-align: center;}
.sample_box a {position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.sample_box .sample_preview {width: 122px; height: 82px;}
.class_info{margin-left: 20px;}
.btn_apply {display: inline-block; width: 80px; height: 35px; border-radius: 35px; line-height: 35px; background: #223757 url(/resources/img/icon/icon_check.png) 8px no-repeat; color: #fff!important; padding-left: 20px;cursor:pointer}
.btn_imbak {display: inline-block; width: 80px; height: 35px; border-radius: 35px; line-height: 35px; background: #ff9000 url(/resources/img/icon/icon_check.png) 8px no-repeat; color: #fff!important; padding-left: 20px;cursor:pointer}
.btn_apply.end {background-color: #999;}

.btn_class li a, .search_btn_class li a {display: inline-block; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 500; background: #484848;}

ul.btn_class {position: fixed; bottom: 0; padding: 20px 0; width: 840px; background: rgba(255,255,255,0.8);}
ul.search_btn_class {bottom: 0;height: 50px;padding: 20px 0; width: 840px;background: rgba(255,255,255,0.8);margin-bottom: 100px;}
ul.btn_class>li, ul.search_btn_class>li {float: right; margin: 0 0 0 70px; vertical-align: top;}
ul.btn_class>li:after, ul.search_btn_class>li:after {content: ""; display: block; clear: both;}
ul.btn_class label, ul.search_btn_class label {display: inline-block; line-height: 50px; font-size: 19px; vertical-align: top;}
ul.btn_class input, ul.search_btn_class input {margin: 0 20px 0 30px; padding: 2px 0 9px !important; width: 90px; height: auto; line-height: 1; font-size: 24px; font-weight: 900; color: #d62222; background: transparent; border: 0; border-bottom: solid 1px #333; text-align: center;}
ul.btn_class input:focus, ul.search_btn_class input:focus {outline: none;}

.btn_class_mobi li a {display: inline-block; width: 180px; height: 50px; line-height: 50px; text-align: center; color: #fff; font-size: 16px; font-weight: 500; background: #484848;}

ul.btn_class_mobi {position: fixed; bottom: 60px; padding: 20px 0; width: calc(100% + 5px); margin-left:-20px; background: rgba(255,255,255,0.8);}
ul.btn_class_mobi>li {float: right; margin: 0 0 0 70px; vertical-align: top;}
ul.btn_class_mobi>li:after {content: ""; display: block; clear: both;}
ul.btn_class_mobi label {display: inline-block; line-height: 50px; font-size: 19px; vertical-align: top;}
ul.btn_class_mobi input {margin: 0 20px 0 30px; padding: 2px 0 9px !important; width: 90px; height: auto; line-height: 1; font-size: 24px; font-weight: 900; color: #d62222; background: transparent; border: 0; border-bottom: solid 1px #333; text-align: center;}
ul.btn_class input:focus, ul.search_btn_class input:focus {outline: none;}
/* sitemap */
.map_group {float: left; width: 249px; height: 303px; padding-top: 40px; border: 1px solid #d8d8d8; text-align: center; margin: 0 15px 40px 0; overflow-y: auto; overflow-x: hidden;}
.map_group h2 {margin: 0 0 30px;}
.map_group li {margin: 10px 0;}
.map_group a {color: #868686;}
.map_group a:hover {color: #7f1a21;}


/* .scroll_article */
.scroll_article .tit {background: #f9f0f0; padding: 10px 0;}
.scroll_article .text_contents {display: block; padding-left: 25px;}
.scroll_article .text_contents2 {display: block; padding-left: 45px;}
table.article_table thead {font-weight: bold;}
.scroll_article {height: 700px; border:1px solid #c8c8c8; padding: 20px; line-height: 27px; font-weight: 300; overflow-y: scroll; font-size: 15px;}
.scroll_article .tit {display:block; font-size:20px; font-weight:bold; color: #7f1a21; margin-top:20px; padding: 7px 0; background: #f9f0f0;}
.article_paragraph {width: 100%; padding: 15px 0; border-bottom: 1px solid #d8d8d8;}
.scroll_article .text_contents {display: block; padding-left: 25px;}
.scroll_article .text_contents2 {display: block; padding-left: 45px;}
table.article_table {border-top: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8;}
table.article_table thead {font-weight: bold;}
table.article_table td {border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding:7px 0; text-align:center;}


/* find_contents */
.find_contents {width: 500px; height: 300px; margin: auto; padding: 30px 20px; border-bottom: 1px solid #d8d8d8; color: #555;}
.find_contents h2 {font-size: 26px; margin-bottom: 30px;}
.find_contents p {font-size: 14px; margin-top: 5px;}
.find_contents select {border: 1px solid #d2d2d2; padding: 5px; font-size: 17px;}
.find_contents input[type=text] {width: 225px; height: 40px; border: 1px solid #d2d2d2; padding: 5px; margin-bottom: 5px;}
.find_contents input[type=submit] {float: right; width: 130px; height: 112px; background: #5d70a7; color: #fff; font-size: 18px; font-weight: bold; line-height: 2em; cursor: pointer; border: none;}
.find_contents table {width: 365px; display: inline-block; text-align: left;}
.find_contents th {color: #aaa; font-weight: 500; font-size: 17px; width: 125px;}


/* join */
.terms {margin-bottom: 80px; color: #555;}
.terms h3 {font-size: 17px;}
.terms .pre {height: 200px; border: 1px solid #c8c8c8; padding: 20px; line-height: 27px; font-weight: 300; overflow-y: auto; font-size: 15px;}
.terms .tbl_view {margin-bottom: 10px;}
.terms .tbl_view th, .terms .tbl_view td {text-align: center; padding-left:0; border:1px solid #aaa;}
.join_inquiry th {text-align: left;}
.join_inquiry td {padding: 5px 10px;}
.join_inquiry input[type=text], .tbl_view input[type=password] {border: 1px solid #d2d2d2; padding: 5px;}
.join_inquiry select {border: 1px solid #d2d2d2; padding: 5px;}


/* manual */
.column_manual {font-size: 14px; color: #555; margin: 100px 0;}
.column_manual h2 {font-size: 28px; font-weight: 600; line-height: 28px; color: #484747;}
.manual_group {width: 840px; padding: 35px; border: 1px solid #d8d8d8; margin: 30px 0;}
.manual_list {margin-bottom: 35px; padding-bottom: 80px; border-bottom: 2px dotted #b4cae9; font-size: 16px; letter-spacing: -0.5px;}
.manual_list:last-child {border-bottom: 0;}
.manual_img, .manual_txt {display: inline-block; vertical-align: top; margin: 20px 0;}
.manual_img {width: 480px;}
.manual_img img {width: 100%;}
.manual_txt {margin-left: 25px; width: 330px;}

/* course_tab */
.course_tab .tab_menu .tab_btn {width: 20%;display: inline-block;padding: 20px 0;border-radius: 10px;border: 2px #b63030 solid;text-align: center;color: #b63030;}
.course_tab .tab_menu .tab_btn.on{color:#fff;background-color: #b63030;}
.course_tab .tab_menu .tab_btn:hover{color:#fff;background-color: #b63030;}
.course_tab .tab_menu .tab_btn.on:hover{background-color: #fff;color: #b63030;}