.tab_container .tab_content {width:100%;}
.tab_content {display: none;}
/*
.tabs ul {display: inline-block; width: 100%; margin-top: 20px; padding: 0 40px; border-bottom: 1px solid #aaa;}
.tabs li {float: left; width: 50%; margin-bottom: -1px; text-align: center;}
.tabs li a {display: block; width: 100%; font-size: 15px; line-height: 1.3;}
*/

/*side_menu*/
/*.side_menu {position: absolute; top: 0; left: 0; display: inline-block; width: 170px; border: 1px solid #c8c8c8; background: #fff;}*/
.side_menu {position: absolute; top: 0; left: 50px; display: inline-block; width: 170px; border: 1px solid #c8c8c8; background: #fff;}
.side_menu > h4 {font-size: 18px; line-height: 52px; font-weight: 900; text-align: center; background: #222; color: #fff;}
.side_menu > h5 {padding-left: 15px; font-size: 16px; font-weight: 600; line-height: 48px; border-bottom: 1px solid #c8c8c8; background: #fff; color: #222;}
.side_menu > h5 > a {color: #222;}
.side_menu > h5.active, .side_menu > h5.active > a {color: #09b7c7;}
.side_menu > h5.h5_img {padding: 4px 0; line-height: 1; text-align: center;}

.ul_sidemenu {display: inline-block; width: 100%; padding: 10px 15px; background: #f4f4f4;}
.ul_sidemenu > li {border-top: 1px dotted #cfcfcf;}
.ul_sidemenu > li:first-child {border-top: none;}
.ul_sidemenu > li > a {display: inline-block; font-size: 14px; line-height: 32px; color: #666; white-space: nowrap;}
.ul_sidemenu > li > a.textsm {letter-spacing: -1px;}
/*.ul_sidemenu > li > a:before {content: '\00B7'; font-weight: bold; padding-right: 3px;}*/
.ul_sidemenu > li.active > a, .ul_sidemenu > li:hover > a {color: #09b7c7;}
/*
.ul_sidemenu > li > a:after {display:block; width: 100%; content: ''; border-bottom: solid 1px #09b7c7; transform: scaleX(0); transition: transform 250ms ease-in-out;}
.ul_sidemenu > li > a:hover:after, .ul_sidemenu > li > a:focus:after {transform: scaleX(1);}
*/
 .ul_sidemenu + h5 {border-top: 1px solid #e7e7e7;}
.side_menu.side_menu04, .side_menu.side_menu05, .side_menu.side_menu07, .side_menu.side_menu09 {border-bottom: none;}
.side_menu.side_menu05 > h5 > a {font-size: 14.5px;}
.side_menu.side_menu05 > h5:nth-child(2) > a {font-size: 15px;}
.side_menu.side_menu05 > h5:last-child > a {letter-spacing: -0.8px;}


/*#container_wrap {position: relative; width: 1100px; margin: 0 auto; font-size: 15px; font-weight: normal; letter-spacing: -0.3px; font-family: 'NotoSansKR', 'NanumGothic'; color: #222;}*/
#container_wrap {position: relative; width: 1200px; margin: 0 auto; padding: 0 50px; font-size: 15px; font-weight: normal; letter-spacing: -0.3px; font-family: 'NotoSansKR', 'NanumGothic'; color: #222;}

.container_cont {width: 880px; min-height: 600px; margin: 50px 0 120px 0; margin-left: 220px; font-family: 'NotoSansKR', 'NanumGothic'; }
.container_cont.container_cont_w100 {width: 100%; margin-left: 0;}
.container_cont.cont_h900 {min-height: 900px; }
.container_cont > h3 {margin-bottom: 40px; padding-bottom: 15px; font-size: 23px; font-weight: 900; line-height: 1; border-bottom: 1px solid #222; color: #222;}
.container_cont > h4 {margin-bottom: 30px; padding: 25px 0; font-size: 22px; line-height: 1; font-weight: 800; text-align: center; background: #f7f7f7; color: #222;}
.container_cont > h4 > span {padding-left: 10px; font-size: 15px; font-weight: normal; color: #999;}


.cont_wrap {display: inline-block; width: 100%;}
.cont_p45, .cont_p55 {float: left; display: inline-block;}
.cont_p45 {width: 45%;}
.cont_p55 {width: 55%;}
.f_left {float: left;}
.f_right {float: right;}
table {border-collapse: collapse; width: 100%;}
table caption {width: 0; height: 0; font-size: 0;}

.cont_w2, .cont_w3, .cont_w4 {float: left; display: inline-block;}
.cont_w2 {width: 49%; margin-left: 2%;}
.cont_w3 {width: 32%; margin-left: 2%;}
.cont_w4 {width: 23.5%; margin-left: 2%;}
.cont_w2:first-child, .cont_w3:first-child, .cont_w3:nth-child(4), .cont_w4:first-child, .cont_w4:nth-child(5) {margin-left: 0;}
.pb_120 {padding-bottom: 120px;}


/*myclass*/
.cont_wrap.cont_wrap_myclass {height: 381px; margin-bottom: 55px; border-bottom: 1px solid #d4d4d4; overflow: hidden;}
.myclass_img {position: relative; display: inline-block; text-align: left; overflow: hidden;}
.myclass_img > a {position: absolute; top: 0; left: 0; display: inline-block;}
.myclass_img > img {width: auto !important; height: 380px;}
.myclass_info {padding-top: 30px;}
.myclass_info .select_class {width: 100%; height: 56px; padding: 0 55px 0 20px; font-size: 17px; line-height: 56px; border: 1px solid #d3d3d3; border-radius: 10px; background: url('../img/ic_select_arrow.png') no-repeat 98% 50%; appearance: none;}
.myclass_info .select_class::-ms-expand {display:none}

.lecture_info {padding-top: 30px; padding-left: 20px;}
.lecture_info p {font-size: 17px; line-height: 38px}
.lecture_info span {font-weight: 800;}
.lecture_title {margin-bottom: 10px; font-size: 23px; font-weight: 800; color: #029eac;}
.lecture_percent > span {color: #029eac;}
.lecture_bar, .lecture_bar > .lecture_bar_progress {display: inline-block; height: 12px; border-radius: 12px;}
.lecture_bar {position: relative; width: 100%; height: 12px; background: #dfdfdf; border-radius: 12px; }
.lecture_bar > .lecture_bar_progress {position: absolute; top: 0; left: 0; background: #09b7c7;}
.lecture_progress {display: inline-block; width: 100%;}
.lecture_progress .f_left span:first-child {color: #029eac;}
.lecture_progress span {font-weight: normal; color: #acacac;}

.curriculum_top {text-align: right;}
.curriculum_top > a {display: inline-block; margin-bottom: 18px; font-size: 17px; color: #333;}
.cont_curriculum table {border-top: 1px solid #9e9e9e;}
.cont_curriculum table th {font-size: 17px; font-weight: 600; line-height: 65px; border-bottom: 1px solid #d7d7d7; background: #f7f7f7;}
.cont_curriculum table td {height: 60px; font-size: 15px; text-align: center; border-bottom: 1px solid #eaeaea;}
.cont_curriculum .btn_aqua {margin-right: 0;}

.curriculum_bar {display: inline-block; width: 100%; height: 60px; padding: 10px 0 7px 0; text-align: left;}
.curriculum_bar p {line-height: 1;}
.bar_title {margin-bottom: -12px;}
.bar_bg {margin-bottom: -5px;}
.bar_bg, .bar_progress {display: inline-block; height: 5px; border-radius: 5px;}
.bar_bg {position: relative; display: inline-block; width: 100%; background: #ebebeb;}
.bar_progress {position: absolute; top: 0; left: 0; background: #09b7c7;}
.bar_time {display: inline-block; width: 100%; color: #b3b3b3;}
.bar_time > p {font-size: 12px;}
.btn_aqua, .btn_bk, .btn_gray_border {display: inline-block; padding: 0 15px; font-size: 14px; line-height: 28px; color: #fff; border-radius: 5px;}
.btn_aqua {margin-right: 7px; background: #09b7c7;}
.btn_gray_border {border: 1px solid #999; background: #fff; color: #999}
.btn_bk {background: #222;}
.ic_data {display: inline-block; width: 17px; height: 22px; vertical-align: middle; background: url('../img/ic_data.png');}
.ic_end, .ic_play, .ic_wait {display: inline-block; height: 18px; margin-left: 6px; padding: 0 2px; font-size: 14px; line-height: 16px; background: #a0a0a0; color: #fff; border-radius: 2px;}
.ic_end {background: #d51f07;}
.ic_play {background: #f9a607;}
.mr_7 {margin-right: 7px;}

.cont_wrap_notice {margin-bottom: 75px;}
.cont_wrap_notice h4 {position: relative; display: inline-block; width: 100%; font-size: 19px; font-weight: 600;}
.cont_wrap_notice h4 > a {position: absolute; bottom: -3px; right: 0; display: inline-block;}
.cont_wrap_notice .cont_w2 {width: 48%; margin-left: 4%;}
.cont_wrap_notice .cont_w2:first-child {margin-left: 0;}
.ul_mynotice {display: inline-block; width: 100%; margin: 15px 0 20px 0; border-top: 1px solid #989898;}
.ul_mynotice > li {line-height: 48px; border-bottom: 1px solid #f1f1f1;}
.ul_mynotice > li span, .ul_notice > li span > span {display: inline-block; vertical-align: bottom; color: #888;}
.ul_mynotice > li p.notice_title {float: left; display: inline-block; width: calc(100% - 90px); color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ul_mynotice > li span.notice_date {width: 90px; font-size: 14px; text-align: right; color: #989898;}

.tab_container_notice {font-size: 15px; font-weight: normal; font-family: 'NotoSansKR', 'NanumGothic'; color: #222;}

.tab_container_myclass.tab_container .tab_content {width:100%;}
.tab_container_myclass .tab_content {position: relative; display: none;}
.tab_container_myclass .tabs ul {display: inline-block; width: 100%; margin-top: 0; margin-bottom: 35px; padding: 0; border-bottom: 1px solid #d9d9d9;}
.tab_container_myclass .tabs li {float: left; width: 50%; margin-bottom: -1px; text-align: center;}
.tab_container_myclass .tabs li a {display: block; width: 100%; font-size: 21px; line-height: 60px; font-weight: 600; color: #d9d9d9; border: 1px solid #d9d9d9; border-bottom: 2px solid #222;}
.tab_container_myclass .tabs li.active a {border: 2px solid #222; border-bottom-color: #fff; color: #222;}

.ul_mylecture > li {margin-bottom: 20px; padding: 40px 50px 30px 50px; text-align: left; vertical-align: top; border: 1px solid #e7e7e7;}
.ul_mylecture > li .mylecture_title > p {display: inline-block; vertical-align: top;}
.ul_mylecture > li .mylecture_title > p.ic_cate {margin-right: 10px; padding: 0 10px; font-size: 19px; line-height: 26px; background: #333; color: #fff;}
.ul_mylecture > li .mylecture_title > p > span {display: block; line-height: 24px; margin-bottom: 5px;}
.ul_mylecture > li .mylecture_title p > span:nth-child(1) {font-size: 23px; font-weight: 800;}
.ul_mylecture > li .mylecture_title p > span:nth-child(2) {font-size: 16px; font-weight: normal; color: #999;}
.ul_mylecture > li .mylecture_date {margin-top: 15px;}
.ul_mylecture > li .mylecture_date > span {display: inline-block; margin-right: 15px; padding: 0 15px; font-size: 16px; line-height: 28px; background: #ececec; border-radius: 30px;}
.ul_mylecture > li:hover {border-color: #333;}
.ul_mylecture > li.li_empty {text-align: center;}
.ul_mylecture > li.li_empty:hover {border-color: #e7e7e7;}
.ul_mylecture > li.li_empty > p {font-size: 18px;}
.mylecture_wrap {display: inline-block; width: calc(100% - 220px); vertical-align: middle;}
.tab_container_exam .btn_class, .tab_container_exam .btn_class02, .tab_container_exam .btn_class_wait {width: 152px;}
.tab_container_exam .mylecture_wrap {width: calc(100% - 160px);}
.btn_mylecture, .btn_mylecture_end {display: inline-block; width: 210px; height: 75px; font-size: 19px; line-height: 70px; font-weight: 800; text-align: center; border: 2px solid #333; color: #333; border-radius: 80px;}
.ic_go, .ic_pause {display: inline-block; width: 28px; height: 28px; margin-left: 8px; vertical-align: text-top; background: url('../img/ic_go.png');}
.ic_go {background: url('../img/ic_go.png');}
.ic_pause {background: url('../img/ic_pause.png');}

.tb_exam td.td_left {padding-left: 20px; text-align: left;}
.cont_top_exam {margin-bottom: 30px; padding: 25px 30px; text-align: left; background: #f7f7f7;}
.cont_top_exam > p {font-size: 17px; font-weight: bold; color: #222;}
.cont_top_exam > p > span {color: #09b7c7;}
.cont_top_exam > p.banner_ex {margin-top: 10px; font-size: 15px; font-weight: normal; color: #555;}
.btn_aqua, .btn_bk, .btn_gray_border, .btn_aqua_border {display: inline-block; padding: 0 15px; font-size: 14px; line-height: 28px; color: #fff; border-radius: 5px;}
.btn_aqua_border {border: 1px solid #09b7c7; background: #09b7c7; color: #fff}
.tb_exam .btn_gray_border, .tb_exam .btn_aqua_border{padding: 0 10px; font-weight: 600;}
.tb_exam .btn_gray_border {border: 1px solid #555; color: #555;}
.btn_grades a {display: inline-block; margin-left: 12px; font-size: 14px; line-height: 28px; font-weight: 600; color: #222;}
.btn_grades a:first-child {margin-left: 0;}
.ic_search, .ic_download, .ic_pen, .ic_note {display: inline-block; width: 15px; height: 15px; vertical-align: middle;}
.ic_search, .ic_download {margin-left: 2px; }
.ic_search {background: url('../img/ic_search.jpg');}
.ic_download {background: url('../img/ic_download.jpg');}
.ic_pen, .ic_note {margin-right: 4px;}
.ic_pen {background: url('../img/ic_pen.png');}
.ic_note {background: url('../img/ic_note.png');}
.btn_grades a.btn_disable {color: #999; cursor: default;}
.btn_grades a.btn_disable > span.ic_search {background: url('../img/ic_search02.jpg');}
.btn_grades a.btn_disable > span.ic_download {background: url('../img/ic_download02.jpg');}


.cont_wrap_notice {margin-bottom: 75px;}
.cont_wrap_notice h4 {position: relative; display: inline-block; width: 100%; font-size: 19px; font-weight: 600;}
.cont_wrap_notice h4 > a {position: absolute; bottom: -3px; right: 0; display: inline-block;}
.cont_wrap_notice .cont_w2 {width: 48%; margin-left: 4%;}
.cont_wrap_notice .cont_w2:first-child {margin-left: 0;}
.ul_notice {display: inline-block; width: 100%; margin: 15px 0 0 0; border-top: 1px solid #989898;}
.ul_notice > li {line-height: 48px; border-bottom: 1px solid #f1f1f1;}
.ul_notice > li span, .ul_notice > li span > span {display: inline-block; vertical-align: bottom; color: #888;}
.ul_notice > li p.notice_title {float: left; display: inline-block; width: calc(100% - 90px); color: #222; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ul_notice > li span.notice_date {width: 90px; font-size: 14px; text-align: right; color: #989898;}
.ul_notice > li span.notice_btn {display: inline-block; margin-left: 22px; padding: 4px; font-size: 14px; line-height:1; vertical-align: middle; text-align: right; border: 1px solid #989898; color: #989898;}
.ul_notice > li:hover span.notice_btn {background: #989898; color: #fff;}

.tab_container_notice {font-size: 15px; font-weight: normal; font-family: 'NotoSansKR', 'NanumGothic'; color: #222;}

.tab_container_myclass.tab_container .tab_content {width:100%;}
.tab_container_myclass .tab_content {position: relative; display: none;}
.tab_container_myclass .tabs ul {display: inline-block; width: 100%; margin-top: 0; margin-bottom: 35px; padding: 0; border-bottom: 1px solid #d9d9d9;}
.tab_container_myclass .tabs li {float: left; width: 50%; margin-bottom: -1px; text-align: center;}
.tab_container_myclass .tabs li a {display: block; width: 100%; font-size: 21px; line-height: 60px; font-weight: 600; color: #d9d9d9; border: 1px solid #d9d9d9; border-bottom: 2px solid #222;}
.tab_container_myclass .tabs li.active a {border: 2px solid #222; border-bottom-color: #fff; color: #222;}

.ul_mylecture {}
.ul_mylecture > li {margin-bottom: 20px; padding: 40px 50px 30px 50px; text-align: left; vertical-align: top; border: 1px solid #e7e7e7;}
.ul_mylecture > li .mylecture_title > p {display: inline-block; vertical-align: top;}
.ul_mylecture > li .mylecture_title > p.ic_cate {margin-right: 10px; padding: 0 10px; font-size: 19px; line-height: 26px; background: #333; color: #fff;}
.ul_mylecture > li .mylecture_title > p > span {display: block; line-height: 24px; margin-bottom: 5px;}
.ul_mylecture > li .mylecture_title p > span:nth-child(1) {font-size: 23px; font-weight: 800;}
.ul_mylecture > li .mylecture_title p > span:nth-child(2) {font-size: 16px; font-weight: normal; color: #999;}
.ul_mylecture > li .mylecture_date {margin-top: 15px;}
.ul_mylecture > li .mylecture_date > span {display: inline-block; margin-right: 15px; padding: 0 15px; font-size: 16px; line-height: 28px; background: #ececec; border-radius: 30px;}
.ul_mylecture > li:hover {border-color: #333;}
.btn_mylecture, .btn_mylecture_end {display: inline-block; width: 210px; height: 75px; font-size: 19px; line-height: 70px; font-weight: 800; text-align: center; border: 2px solid #333; color: #333; border-radius: 80px;}
.ic_go, .ic_pause {display: inline-block; width: 28px; height: 28px; margin-left: 8px; vertical-align: text-top; background: url('../img/ic_go.png');}
.ic_go {background: url('../img/ic_go.png');}
.ic_pause {background: url('../img/ic_pause.png');}

.mylecture_wrap {display: inline-block; width: calc(100% - 220px); vertical-align: middle;}
.ul_mylecture_end {opacity: 0.7; filter:alpha(opacity=70);}
.ul_mylecture_end a {cursor: default;}
.ul_mylecture_end > li:hover {border-color: #e7e7e7;}

.ul_mylecture_top {display: inline-block; width: 100%; margin-bottom: 30px; background: #ecf9fb;  border-radius: 10px;}
.ul_mylecture_top > li {padding: 0 30px;}
.ul_mylecture_top > li .cont_wrap_class {border-top: 1px solid #e0ecee;}
.ul_mylecture_top > li:first-child .cont_wrap_class {border-top: none;}
.ul_mylecture_top > li p > span, .ul_mylecture_top li a {display: inline-block; text-align: center; vertical-align: middle; line-height: 46px;}
.ul_mylecture_top > li p > span.ic_cate_class {width: 72px; margin-right: 15px; line-height: 24px; background: #3fa4ad; color: #fff;}
.ul_mylecture_top > li span:nth-child(3) {font-size: 14px; color: #969fa0;}
.ul_mylecture_top > li a.btn_class_top {width: 120px; margin-left: 10px; line-height: 26px; border: 2px solid #abe1e6; background: #fff; color: #57b0ba; border-radius: 24px;}

.mt_45 {display: inline-block; width: 100%; margin-top: 45px;}

.tab_container_myclass .tabs {position: relative;}
.tab_container_myclass .tabs ul {border-bottom: none;}
.tab_container_myclass .tabs ul li {height: 63px; border-bottom: 2px solid #222;}
.tab_container_myclass .tabs ul li.active {border-bottom: 2px solid #fff;}
.tab_container_myclass .tabs li a.tab_title {padding: 18px 30px 0 30px; line-height: 1; border-bottom: none; color: #222; opacity: 0.3; filter:alpha(opacity=30);}
.tab_container_myclass .tabs li a.tab_title > p > span {display: inline-block; vertical-align: middle;}
.tab_container_myclass .tabs li a.tab_title > p > span:first-child {width: 24px; height: 24px; margin-right: 12px;}
.tab_container_myclass .tabs li a.tab_title > p > span.ic_list_setting {float: right; display: none; width: 110px; height: 30px; background: url('../img/ic_list_setting.png'); z-index: 9;}
.p_detail {display: none; font-size: 14px; line-height: 20px; font-weight: normal; color: #cecece;}
.tab_container_myclass ul > li.active a.tab_title {padding: 13px 30px 0 30px; text-align: left; opacity: 1;}
.tab_container_myclass ul > li.active a.tab_title > p > span.ic_list_setting {display: inline-block;}
.tab_container_myclass ul > li.active .p_detail {display: inline-block;}
.tab_container_myclass ul > li:nth-child(2).active a.tab_title {text-align: center;}

h5.tb_class_title {display: inline-block; min-width: 142px; margin-bottom: 12px; font-size: 21px; line-height: 34px; text-align: center; background: #f7f7f7;}
h5.tb_class_title + table.tb_class {margin-bottom: 65px;}
.tb_class {border-top: 1px solid #909090;}
.tb_class td {padding: 10px 15px; border-bottom: 1px solid #dfdfdf; color: #555;}
.td_title > p {font-size: 17px; font-weight: 600; color: #222;}
.btn_class, .btn_class02, .btn_class_wait {display: inline-block; width: 136px; height: 38px; font-size: 16px; font-weight: 600; line-height: 36px; text-align: center; background: #d61f07; color: #fff; border-radius: 40px;}
.btn_class02 {background: #09b7c7;}
.btn_class_wait {background: #555;}
.btn_class > span:after, .btn_class02 > span:after {content: ''; display: inline-block; width: 22px; height: 22px; margin-top: 8px; margin-left: 5px; vertical-align: top; background: url('../img/ic_go02.png');}
.class_bar .bar_title {position: relative; font-weight: 600;}
.class_bar .bar_title span {font-weight: normal;}
.btn_favorites {border: none; width: 0; height: 0; margin: 0; padding: 0;}
.btn_favorites + label {display: inline-block; width: 21px; height: 20px; background: url('../img/ic_favorites_off.png'); cursor: pointer; vertical-align: bottom;}
.btn_favorites:checked + label {background: url('../img/ic_favorites_on.png');}
.bar_title .class_num {float: right; display: inline-block; padding-top: 2px; line-height: 16px; vertical-align: bottom; color: #acacac;}
.bar_title .class_num  strong {font-weight: normal; color: #333;}
.class_bar .bar_bg, .class_bar .bar_progress {height: 8px; border-radius: 0;}


/*#myclass_list_setting {display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0.5; filter:alpha(opacity=50);}*/
#myclass_list_setting {display: none; position: absolute; top: 100px; left: 0; width: 880px; height: auto; background: #ecf9fb; border: 1px solid #d9e5e7; z-index: 9;}

.div_set_section {display: inline-block; width: 100%; height: 100%; border-bottom: 1px solid #d9e5e7;}
.div_set_section + .div_set_section {margin-top: -5px;}
.div_set_section > p {float: left; display: inline-block; width: 170px; height: 100%; line-height: 106px; text-align: center; background: #dff3f6; }
.div_set_section > ul.ul_set {float: left; display: inline-block; width: calc(100% - 170px); margin-bottom: 0; padding: 10px 25px;}
.div_set_section > ul.ul_set label {cursor: pointer;}
.div_set_section > ul.ul_set > li {width: 25%; height: auto; margin: 8px 0; line-height: 24px; text-align: left; border: none;}
/*.div_set_section > ul.ul_set > li input[type="checkbox"] {display: inline-block; width: 20px; height: 20px; margin-right: 5px; margin-bottom: 3px; vertical-align: middle;}*/
.div_set_section > ul.ul_set > li input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
.div_set_section > ul.ul_set > li input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:28px; cursor:pointer; }
.div_set_section > ul.ul_set > li input[type="checkbox"] + label:before{content:''; position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c9c9c9; box-sizing:border-box; border-radius: 2px;}
.div_set_section > ul.ul_set > li input[type="checkbox"]:checked + label:after{ content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background:#09b7c7 url('../img/ic_checked.png') no-repeat 50% 50%; border-radius: 2px;}

.list_btn {padding: 32px 0; text-align: center;}
.btn_close, .btn_save {display: inline-block; width: 170px; font-size: 19px; line-height: 44px; text-align: center; color: #fff;}
.btn_close {background: #c2cbcd;}
.btn_save {margin-left: 12px; background: #09b7c7;}

/*myinfo*/
#container_wrap_my .container_cont {width: 1100px; margin: 50px auto; font-family: 'NotoSansKR', 'NanumGothic';}
.cont_pwd {text-align: center;}
.cont_pwd > p {font-size: 20px; font-weight: 600; color: #222;}
.cont_pwd > p > span {display: block; font-size: 16px; font-weight: normal; color: #555;}
.cont_pwd input {display: block; border: 1px solid #ddd; width: 50%; height: 36px; padding: 0 12px; line-height: 34px; margin: 35px auto;}

.cont_myinfo {padding: 0 40px; background: #f7f7f7;}
.myinfo_item {display: inline-block; width: 100%; margin-bottom: -5px; padding: 10px 20px; border-top: 1px dotted #dfdfdf; color: #333;}
.myinfo_item:first-child {border-top: none;}
.myinfo_item label, .myinfo_item input, .myinfo_item span {float: left; display: inline-block; height: 36px; font-size: 16px; line-height: 34px;}
.myinfo_item > label {width: 150px; height: 100%; padding-top: 6px; font-weight: 600; line-height: 20px;}
.myinfo_item > div {display: inline-block; width: calc(100% - 150px);}
.myinfo_item input[type="text"], .myinfo_item input[type="password"] {width: 50%; padding: 0 12px; border: 1px solid #ddd;}
.myinfo_item input.w_110 {width: 110px; margin-right: 5px;}
.myinfo_item input.w_100p {width: 100%; margin-top: 5px;}
.myinfo_item input[type="radio"] {margin-right: 5px;}
.myinfo_item input[type="radio"] + label {margin-right: 15px;}
.myinfo_item_msg {margin-top: 6px;}
.myinfo_item_msg > span {height: 24px; font-size: 15px; line-height: 24px; font-weight: normal; color: #ee3737; vertical-align: middle;}
.myinfo_item_text {margin-left: 150px; font-size: 15px; line-height: 36px; color: #555;}
.ic_success, .ic_warning {display: inline-block; width: 24px; height: 24px; margin: 0 5px; }
.ic_success {background: url('../img/ic_success.png') no-repeat;}
.ic_warning {background: url('../img/ic_warning.png') no-repeat;}
.myinfo_item .btn_bk {height: 34px; margin-top: 1px; font-size: 15px; line-height: 34px; border-radius: 2px;}
.div_agree_wrap > span {min-width: 350px;}
.div_agree_wrap label {cursor: pointer;}
.div_mem_wrap > span {width: 100%; line-height: 20px;}


/*sub_learning*/
.notice_search_wrap {height: 44px; margin-bottom: 20px; padding-left: 10px; border: 1px solid #ccc; border-radius: 10px;}
.notice_search_wrap select {border: none; width: 100px; height: 100%; padding-right: 22px; font-size: 16px; background: url('../img/ic_top_arrow.png') no-repeat 98% 50%; appearance: none;}
.notice_search_wrap select::-ms-expand {display:none}
.notice_search_wrap input {border: none; width: 260px; margin: 7px 0; height: calc(100% - 14px); font-size: 16px; border-left: 1px solid #ccc;}
.notice_search_wrap a {display: inline-block; width: 50px; height: 42px; vertical-align: top; background: #09b7c7 url('../img/ic_search.png') no-repeat 50% 50%; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}

.tb_notice th, .tb_notice td {height: 48px; text-align: center;}
.tb_notice th {font-size: 17px; background: #f7f7f7; border-top: 1px solid #9e9e9e;}
.tb_notice td {border-bottom: 1px solid #eaeaea; overflow: hidden;}
.tb_notice td a, .tb_notice_detail td a {color: #222;}
.tb_notice a.btn_detail, .tb_notice a.btn_detail02, .tb_notice a.btn_detail03, .tb_notice a.btn_detail04, .tb_notice_detail a.btn_detail05 {display: inline-block; width: 350px; height: 48px; line-height: 48px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tb_notice a.btn_detail02 {width: 480px;}
.tb_notice a.btn_detail03 {width: 310px;}
.tb_notice a.btn_detail04 {width: 600px;}
.tb_notice_detail a.btn_detail05 {width: 700px; vertical-align: middle;}
.tb_notice td.td_left {padding: 0 15px; text-align: left;}
.tb_notice_detail {border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e;}
.tb_notice_detail th, .tb_notice_detail td {line-height: 48px; border-top: 1px solid #eaeaea;}
.tb_notice_detail tr:first-child th, .tb_notice_detail tr:first-child td {border-top: none;}
.tb_notice_detail th {font-size: 17px; background: #f7f7f7;}
.tb_notice_detail td {padding: 0 15px;}
.tb_notice_detail td.td_contents {padding: 0;}
.td_contents_wrap {max-height: 500px; padding: 35px 25px; font-size: 15px; line-height: 24px; border-bottom: 1px solid #eee; overflow-y: auto;}
/*.td_contents_wrap {min-height: 345px;}*/
.td_contents_qna .td_contents_wrap {min-height: auto;}
.tb_notice_detail .td_contents_wrap img {max-width: 100%;}
.comment_title {padding: 0 25px; background: #d5f2f6;}
.comment_title span {vertical-align: middle;}
.comment_text, .comment_text02 {padding: 35px 25px 5px 25px; font-size: 15px; line-height: 24px; background: #ecf9fb;}
.comment_text02 {margin-bottom: 25px; padding: 35px 25px;}
.comment_btn {margin-bottom: 35px; padding-right: 10px; text-align: right; background: #ecf9fb;}
.tb_notice_detail td .comment_btn > a {display: inline-block; min-width: 75px; line-height: 26px; text-align: center; background: #09b7c7; color: #fff; border-radius: 4px;}

.input_file_wrap .upload_name {display: inline-block; width: 275px; height: 36px; padding: 0 10px; vertical-align: middle; border: 1px solid #eaeaea; color: #777;}
.input_file_wrap label {display: inline-block; height: 36px; margin-left: 8px; padding: 0 15px; line-height: 36px; vertical-align: middle; cursor: pointer; background: #09b7c7; color: #fff; }
.input_file_wrap input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.p_qusetion {padding: 50px; color: #777;}

.pagination_wrap {margin-top: 40px; text-align: center;}
.pagination_wrap ul > li {display: inline-block; }
.pagination_wrap ul > li a {display: inline-block; width: 20px; height: 20px; margin-left: -4px; font-size: 16px; line-height: 18px; text-align: center; color: #b8b8b8; border-radius: 20px; vertical-align: middle;}
.pagination_wrap ul > li:first-child a {margin-left: 0;}
.pagination_wrap ul > li.active a, #sub06_section02 .pagination_wrap ul > li.active a  {background: #09b7c7; color: #fff}
.ic_arrow_prev, .ic_arrow_next {display: inline-block; width: 14px; height: 14px; vertical-align: middle;}
.ic_arrow_prev {background: url('../img/ic_arrow_prev.png');}
.ic_arrow_next {background: url('../img/ic_arrow_next.png');}
.ic_file, .ic_comment {display: inline-block; width: 22px; height: 22px; margin-right: 5px; vertical-align: middle;}
.ic_file {background: url('../img/ic_file.png');}
.ic_comment {background: url('../img/ic_comment.png'); margin-bottom: 8px;}
.ic_tb_arrow_up, .ic_tb_arrow_down {display: inline-block; width: 13px; height: 10px; margin-right: 10px; vertical-align: middle;}
.ic_tb_arrow_up {background: url('../img/ic_tb_arrow_up.png');}
.ic_tb_arrow_down {background: url('../img/ic_tb_arrow_down.png');}
#sub06_section02 .pagination_wrap ul > li a {color: #151515;}

.container_cont > h4.h4_detail, .container_cont > h4.h4_detail_reg {padding: 25px 30px; text-align: left;}
.container_cont > h4.h4_detail > span {float: right; display: inline-block; line-height: 24px}
.container_cont > h4.h4_detail_reg > p {padding-left: 0; font-size: 15px; font-weight: normal; line-height: 30px; color: #ed8989;}
.container_cont > h4.h4_detail_reg > p span {display: inline-block; line-height: 0;}
.container_cont > h4.h4_detail_reg > p span:after {content: ''; display: inline-block; width: 100%; height: 1px; margin-bottom: -5px; background: #ed8989;}

.container_cont .form_item {display: inline-block; width: 100%; border-bottom: 1px solid #eaeaea;}
.container_cont .form_item:first-child {border-top: 1px solid #9e9e9e;}
.container_cont .form_item + .form_item {margin-top: -5px;}
.container_cont .form_item > label {float: left; display: inline-block; width: 130px; padding-left: 18px; font-size: 17px; line-height: 48px; background: #f7f7f7;}
.container_cont .form_item > div {float: left; display: inline-block; width: calc(100% - 145px); padding-left: 15px; line-height: 46px;}
.container_cont .form_item select {border: none; border: 1px solid #eaeaea; width: 25%; height: 36px; padding: 0 44px 0 12px; font-size: 16px; line-height: 34px; background: url('../img/ic_select_arrow02.png') no-repeat 100% 50%; appearance: none; border-radius: 8px;}
.container_cont .form_item select + select {margin-left: 8px;}
.container_cont .form_item select.w_50 {width: calc(50% - 28px);}
.container_cont .form_item select::-ms-expand {display:none;}
.container_cont .form_item input[type="text"] {border: none; border: 1px solid #eaeaea; width: 100%; height: 36px; padding: 0 12px; line-height: 34px;}

.container_cont .form_item.f_left {width: 50%; vertical-align: middle; margin-bottom: -5px;}
.container_cont .form_item.f_left + .form_item.f_left {margin-top: 0;  border-top: 1px solid #999;}
form.form_qna input {font-size: 16px;}
form.form_qna .form_item select {padding: 0 10px; background: none; border-radius: 0; appearance: auto;}
form.form_qna .form_item select::-ms-expand {display:inline-block;}


.bot_btn {margin-top: 30px; text-align: center;}
.btn_detail_list, .btn_detail_list02, .btn_reg, .btn_order, .btn_cancel, .btn_cart {display: inline-block; min-width: 90px; height: 34px; padding: 0 20px; font-size: 17px; line-height: 32px; text-align: center; background: #222; color: #fff; border-radius: 4px;}
.btn_detail_list {background: #222;}
.btn_detail_list02 {background: #a5a5a5; margin-right: 8px;}
.btn_reg {background: #09b7c7;}
.span_aqua {color: #09b7c7;}
.btn_order {min-width: 150px; height: 40px; line-height: 38px; background: #09b7c7;}
.btn_cancel {background: #a5a5a5;}
.btn_cart {min-width: 150px; height: 40px; margin-right: 10px; line-height: 34px; border: 2px solid #09b7c7; background: #fff; color: #09b7c7; vertical-align: top;}
/*mycart*/
.cont_top_cart {margin-bottom: 30px;}
/*
.tb_cart {text-align: left; border: 1px solid #dfdfdf;}
.tb_cart th, .tb_cart td {padding: 10px 20px;}
.tb_cart th {border-bottom: 1px solid #dfdfdf; background: #f7f7f7;}
.tb_cart th.th_right {text-align: right;}
.tb_cart td {border-left: 1px solid #dfdfdf;}
.tb_cart td:first-child {border-left: none;}
.tb_cart td > p.text_num {font-size: 20px; font-weight: bold; color: #222;}
.tb_cart th span, .tb_cart td span {font-size: 14px; font-weight: normal;}
.tb_cart th span.cart_dday {}
*/
.tb_cart {text-align: left; border: 1px solid #9e9e9e;}
.tb_cart th, .tb_cart td {padding: 10px 20px; text-align: left;}
.tb_cart th {border: 1px solid #222;; background: #222; color: #fff;}
.tb_cart th.th_right {text-align: right;}
.tb_cart td {border-left: 1px solid #dfdfdf;}
.tb_cart td:first-child {border-left: none;}
.tb_cart td a > p.text_num {font-size: 20px; font-weight: bold; color: #222;}
.tb_cart th span, .tb_cart td span {font-size: 14px; font-weight: normal;}
.tb_cart th span.cart_dday {font-weight: bold; color: #09b7c7;}
.tb_cart td > a {display: block; font-size: 20px; font-weight: bold; color: #222;}

.ul_cart_list > li{margin-bottom: 10px; padding: 15px 25px 10px 25px; border: 1px solid #dfdfdf; background: #ecf9fb; border-radius: 10px;}
.cart_list_title > span {display: block; font-size: 15px;}
.cart_list_price, .cart_total {font-size: 17px; line-height: 36px; font-weight: bold; color: #222;}
.chk_cart_list_all > input[type="checkbox"] {display: none;}
.chk_cart_list_all > label {cursor: pointer;}
ul.ul_cart_list > li input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
ul.ul_cart_list > li input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:28px; cursor:pointer; vertical-align: top;}
ul.ul_cart_list > li input[type="checkbox"] + label:before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #c9c9c9; box-sizing:border-box; border-radius: 2px;}
ul.ul_cart_list > li input[type="checkbox"]:checked + label:after{ content: ''; position:absolute; top:0; left:0; width:20px; height:20px; background:#09b7c7 url('../img/ic_checked.png') no-repeat 50% 50%; border-radius: 2px;}
ul.ul_cart_list > li:hover {box-shadow: 3px 3px 3px #cfcfcf;}
.cart_total {margin-top: 20px; text-align: center;}
.cart_total > span {color: #d61f07;}
.cont_cart_title {width: 70%;line-height: 20px;}
.cart_list_count, .cart_list_price {text-align: center;}
.cart_list_count {width: 15%;}
.cart_list_price {width: 15%;}

.ul_count {display: inline-block; height: 24px; margin-top: 6px}
.ul_count > li {float: left; display: inline-block; min-width: 24px; text-align: center;}
.ul_count > li > a {display: inline-block; width: 24px; height: 24px; line-height: 22px; text-align: center; font-weight: bold; border: 1px solid #57b0ba; background: #fff; color: #454545; border-radius: 24px;}


.mycart_wrap .top_btn {margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf;}
.mycart_wrap .top_btn > a {display: inline-block; height: 28px; margin-right: 5px; padding: 0 10px; font-size: 16px; line-height: 24px; border: 1px solid #09b7c7; border-radius: 4px; color: #09b7c7;}
.mycart_wrap .bot_btn {margin-top: 20px; padding-top: 20px; border-top: 1px solid #dfdfdf;}

.mypay_wrap {display: inline-block; width: 100%; border-bottom: 1px solid #dfdfdf; background: #f7f7f7;}
.mypay_cont {position: relative; display: inline-block; width: 100%; min-height: 1322px; background: #ecf9fb;}
.mypay_wrap .cont_p65, .mypay_wrap .cont_p35 {padding: 10px; border-top: 1px solid #dfdfdf;}
.mypay_wrap .cont_p65 {position: absolute; top: 0; left: 0; width: 570px; height: 100%; border-right: 1px solid #dfdfdf; background: #f7f7f7;}
.mypay_wrap .cont_p35 {position: absolute; top: 0; left: 570px; width: 310px; display: inline-block;}
.mypay_wrap .cont_p35.cont_pay_fixed {position: fixed; left: calc(50% + 240px);}
.mypay_wrap .cont_p35.cont_pay_bot {position: absolute; top: 1060px; left: 570px;}

.ul_cart_list.ul_pay_top {margin: 10px;}
.ul_cart_list.ul_pay_top > li {background: #fff;}
.ul_cart_list.ul_pay_top > li:hover {box-shadow: none;}


.order_section {display: inline-block; width: 100%; margin-top: 15px; padding: 25px 10px 10px 10px; border-top: 1px dotted #dfdfdf;}
.mypay_cont .order_section:first-child {margin-top: 0; padding-top: 10px; border-top: none;}
.order_section > p {display: inline-block; width: 100%; margin-bottom: 10px; font-size: 17px; line-height: 1; font-weight: bold;}
.order_section > p > span {font-size: 14px; font-weight: normal; color: #999;}

.order_item {display: inline-block; width: 100%;}
.order_item label {float: left; display: inline-block; width: 130px; font-size: 17px; line-height: 48px;}
.order_item > div {float: left; display: inline-block; width: calc(100% - 145px); line-height: 46px;}
.order_item input[type="text"], .order_item select {border: none; border: 1px solid #eaeaea; width: 100%; height: 36px; font-size: 16px; line-height: 34px; background: #fff;}
.order_item input[type="text"] {padding: 0 8px;}
.order_item select {padding: 0 44px 0 12px; background: #fff url('../img/ic_select_arrow02.png') no-repeat 100% 50%; appearance: none; border-radius: 8px;}
.order_item select::-ms-expand {display:none;}
.order_item input[type="text"].w_25p {width: 25%;}
.order_item select.w_50p, .order_item input[type="text"].w_50p {width: 50%;}
.order_item_phone input[type="text"] {width: 24%; margin-right: 1%;}


.order_item_point span {display: inline-block; width: 120px; padding-right: 5px; text-align: right;}
.order_item_point input[type="text"] {display: inline-block; border: none; width: 130px; border: 1px solid #eaeaea; height: 36px; line-height: 34px; vertical-align: middle; border-top-left-radius: 8px; border-bottom-left-radius: 8px;}
.order_item_point a, .order_item_addr a, .order_item_coupon a {display: inline-block; height: 36px; margin-left: -4px; padding: 0 10px; line-height: 34px; vertical-align: middle; border: 1px solid #eaeaea; background: #09b7c7; color: #fff; border-top-right-radius: 8px; border-bottom-right-radius: 8px;}
.order_item_addr a, .order_item_coupon a {border: none; margin-left: 5px; border-radius: 8px;}
.order_item_coupon select {width: calc(100% - 90px);}
.order_item_place div > label {width: auto; margin-right: 10px; font-size: 15px; cursor: pointer;}
.order_item_place div > label > input[type="radio"], .order_item_payment > label > input[type="radio"] {margin-right: 5px;}
.order_item_btn {display: inline-block; width: 100%; margin-top: -10px; vertical-align: top;}
.order_item_btn > a {display: inline-block; height: 36px; margin-right: 5px; padding: 0 10px; line-height: 34px; border: 1px solid #eaeaea; background: #fff; color: #09b7c7; border-radius: 8px;}
#item_addr_input {display: none; margin-top: 5px;}
.order_item_payment > label {min-width: 150px; margin-right: 10px; margin-bottom: 5px; padding-left: 10px; font-size: 15px; border: 1px solid #eaeaea; background: #fff; border-radius: 8px; cursor: pointer;}
.order_section > p.ex_payment {min-height: 26px;}
.order_section > p.ex_payment02 {display: none;}
.mypoint:after {content: '원';}

.agree_top {display: inline-block; width: 100%;}
.agree_top > p {float: left; margin-bottom: 10px; font-size: 17px; line-height: 1; font-weight: bold;}
.agree_top > label {float: right; vertical-align: bottom;}
.agree_top > label > input {margin-right: 5px;}
.agree_cont {height: 225px; padding: 10px; font-size: 14px; line-height: 18px; font-weight: normal; border: 1px solid #eaeaea; background: #fff; color: #454545; overflow-y: auto;}
.agree_cont > p {display: inline-block; margin: 5px 0;}
.agree_cont > p > strong {display: inline-block; line-height: 22px; font-weight: bold;}
.agree_cont table {margin: 5px 0; border: 1px solid #eaeaea;}
.agree_cont table th, .agree_cont table td {padding: 4px; font-size: 13px; font-weight: normal; border: 1px solid #eaeaea;}
.agree_cont table th {background: #f7f7f7;}

.ul_payment {display: inline-block; width: 100%;}
.ul_payment > li {display: inline-block; width: 100%; padding: 7px 14px;}
.ul_payment > li span {color: #d61f07;}
.ul_payment > li.li_total {margin-top: 14px; padding: 14px 14px; border-top: 1px solid #dfdfdf;}
.ul_payment + .bot_btn {margin-top: 15px;}
.ul_payment + .bot_btn > a {display: block; width: 70%; margin: 0 auto 10px auto;}

.payment_total {font-size: 17px; font-weight: bold;}

.btn_sm {display: inline-block; margin-left: 10px; padding: 0 7px; font-size: 14px; line-height: 24px; font-weight: normal; vertical-align: middle; border: 1px solid #dfdfdf; background: #fff; color: #999;}
.btn_sm.btn_sm_gray {margin-left: 5px; border-color: #dfdfdf; background: #dfdfdf; color: #454545;}
.btn_sm.btn_sm_blue {margin-left: 5px; border-color: #2858c4; background: #2858c4; color: #fff;}
.btn_sm.btn_sm_reg {border-color: #09b7c7; background: #09b7c7; color: #fff;}
.btn_sm.btn_border {margin-left: 0; border-color: #2858c4; background: #fff; color: #2858c4;}
.btn_sm.btn_border02 {margin-left: 0; border-color: #09b7c7; background: #fff; color: #09b7c7;}
.btn_sm.btn_border_red {margin-left: 0; border-color: #d61f07; background: #fff; color: #d61f07;}


.ul_mypaylist {display: inline-block; width: 100%;}
.ul_mypaylist > li {margin-bottom: 15px; line-height: 0; color: #222; border: 1px solid #dfdfdf; border-left: 3px solid #09b7c7;}
.ul_mypaylist > li:hover {border-color: #09b7c7; box-shadow: 3px 3px 3px #dfdfdf;}
.ul_mypaylist > li .f_left {width: 75%; line-height: 32px; background: #fff;}
.ul_mypaylist > li .f_right {width: 25%; height: 100%; padding: 10px; line-height: 24px; text-align: center; border-left: 1px solid #dfdfdf; background: #ecf9fb;}
.ul_mypaylist > li .f_right a {min-width: 98px; margin-left: 0; margin-top: 4px; border-radius: 4px;}
.ul_mypaylist > li .paylist_top {display: inline-block; width: 100%; padding: 0 10px; line-height: 40px; border-bottom: 1px solid #dfdfdf;}
.ul_mypaylist > li .paylist_top > p:nth-child(1) {float: left;}
.ul_mypaylist > li .paylist_top > p:nth-child(2) {float: right; font-size: 14px;}
.ul_mypaylist > li .paylist_top a {margin-top: 8px; vertical-align: top;}
.ul_mypaylist > li .paylist_top_title {clear: both; display: block; width: 100%; padding: 0 10px;}
.ul_mypaylist > li .paylist_top.paylist_bot {border-bottom: none; border-top: 1px solid #dfdfdf;}
.ul_mypaylist > li .paylist_bot > p {vertical-align: bottom;}
.ul_mypaylist > li .f_right p span {color: #d61f07;}
.ul_mypaylist02 > li > .cont_wrap {background: #ecf9fb;}
.ul_mypaylist02 > li > .cont_wrap .f_left {line-height: 1; border-right: 1px solid #dfdfdf;}
.ul_mypaylist02 > li > .cont_wrap .f_right {border-left: none;}
.ul_mypaylist02 > li .paylist_top_title {min-height: 80px;}
.ul_mypaylist02 > li .f_right p span {color: #2858c4;}

.tb_paylist {margin-bottom: 15px; border: 1px solid #dfdfdf; border-left: 3px solid #09b7c7;}
.tb_paylist:hover {border-color: #09b7c7; box-shadow: 3px 3px 3px #dfdfdf;}
.tb_paylist th, .tb_paylist td {padding: 5px 10px; line-height: 28px;}
.tb_paylist td.td_right {font-size: 14px; text-align: right;}
.tb_paylist td.td_title {border-top: 1px solid #dfdfdf;}
.tb_paylist td.td_title > span {display: block;}
.tb_paylist th {line-height: 28px; font-weight: normal; vertical-align: middle; border-left: 1px solid #dfdfdf; background: #ecf9fb;}
.tb_paylist th p span {color: #d61f07;}
.tb_paylist th a {margin-left: 0; border-radius: 4px;}
.tb_paylist01 tr:first-child td {height: 38px;}
.tb_paylist02 td.td_title {display: block; min-height: 85px; border-top: none; border-bottom: 1px solid #dfdfdf;}
.tb_paylist02 th p span {color: #2858c4;}
.paylist_top_title {line-height: 32px;}
.paylist_top_title > span {display: block;}

/*layer pop*/
#pop_coupon, #pop_point, #pop_addr_recent, #pop_addr_reg, #pop_order_detail {display: none;}
.layer_bg{position:fixed; top:0; left:0; width:100%; height:100%; z-index: 9;}
.layer_bg_cont{position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.4; filter:alpha(opacity=40); z-index:9}
.pop_wrap{position:fixed; top: 150px; left: calc(50% - 330px); width: 660px; padding: 0; font-size: 15px; background: #fff; border-radius: 4px; z-index: 9; font-family: 'NotoSansKR', 'NanumGothic';}
.pop_header {position: relative; display: inline-block; width: calc(100% - 80px); margin: 30px 40px 0 40px; padding-bottom: 20px; font-size: 20px; font-weight: 800; border-bottom: 1px solid #dcdcdc;}
.pop_header > p, .pop_header > a {display: inline-block; font-weight: bold; color: #222;}
.pop_header > p {float: left; font-size: 20px; line-height: 48px; font-weight: normal;}
.pop_header > p > span {color: #d61f07;}
.pop_header > a {float: right; margin-top: 7px;}
.pop_header a.btn_layer_close {position: absolute; top: -15px; right: -15px;}

.pop_contents {min-height: 150px; padding: 20px 40px 40px 40px;}
.pop_contents_top {display: inline-block; width: 100%;}
.pop_contents_top > p {line-height: 24px}
.pop_contents > p > span {font-size: 13px;}
.pop_contents .tb_title {margin-top: 20px; font-size: 16px; font-weight: bold;}
.pop_contents .tb_title:first-child {margin-top: 0;}

.pop_header02 {position: relative; margin: 30px 40px 0 40px; padding-bottom: 20px; font-size: 20px; font-weight: 800; border-bottom: 1px solid #dcdcdc;}
.pop_header02 .btn_layer_close {position: absolute; top: -15px; right: -15px;}
.pop_contents02 {padding: 20px 40px;}

#pop_order_detail .tb_title > span {margin-right: 5px;}

.ul_coupon_list > li {margin-bottom: 10px; padding: 10px 20px 5px 20px; line-height: 24px; border: 1px solid #dfdfdf; background: #fff; border-radius: 10px;}
.ul_coupon_list > li.li_chk {background: #ecf9fb;}
ul.ul_coupon_list > li input[type="radio"] {margin-top: 6px; margin-right: 5px; vertical-align: top;}
ul.ul_coupon_list > li label {cursor: pointer;}
ul.ul_coupon_list > li:hover {box-shadow: 3px 3px 3px #cfcfcf;}
ul.ul_coupon_list > li .btn_sm {display: inline-block; border-radius: 4px; vertical-align: top;}
.p_msg {text-align: center;}

.tb_addr, .tb_addr_reg {margin: 5px 0 10px 0; border-top: 1px solid #abe1e6;}
.tb_addr th, .tb_addr td {font-size: 15px; font-weight: normal; text-align: center; border: 1px solid #dfdfdf;}
.tb_addr th {line-height: 36px; background: #ecf9fb; border-top: none;}
.tb_addr td {padding: 4px; color: #454545;}
.tb_addr th:nth-child(1), .tb_addr td:nth-child(1) {border-left: none;}
.tb_addr th:nth-child(4), .tb_addr td:nth-child(4), .tb_addr th:nth-child(6), .tb_addr td:nth-child(6) {border-right: none;};}
.tb_addr td.td_left {text-align: left;}
.tb_addr td.td_border_none {border-right: none;}
.tb_addr_reg th, .tb_addr_reg td {line-height: 28px; border-bottom: 1px solid #dfdfdf;}
.tb_addr_reg th {font-weight: normal; border-right: 1px solid #dfdfdf; background: #ecf9fb;}
.tb_addr_reg td {padding: 4px 8px; background: #fff;}
.tb_addr_reg td input[type="text"] {border: none; width: 100%; height: 28px; border: 1px solid #dfdfdf}
.tb_addr_reg td input[type="text"].w_150 {width: 150px;}
.tb_addr_reg td input[type="text"].w_75 {width: 75px;}
.tb_addr_reg td input[type="text"].m_4 {margin: 4px 0;}

.pop_contents .btn_sm {border-radius: 4px;}
.pop_contents table + .bot_btn {margin-top: 10px;}

.addr_new {display: none;}
#btn_addr_list {display: none;}

/*vod pop*/
/*#pop_class {display: none;}*/
.pop_class_wrap{position:fixed; top: 150px; left: calc(50% - 600px); width: 1200px; padding: 25px; font-size: 14px; background: #222; border-radius: 4px; z-index: 9; font-family: 'NotoSansKR', 'NanumGothic';}
.pop_class_header {display: inline-block; width: 100%;}
.pop_class_header > p, .pop_class_header > a {display: inline-block; font-weight: 100; color: #fff; vertical-align: text-bottom;}
.pop_class_header > p > span {margin-right: 4px; font-weight: 800; font-size: 19px; vertical-align: bottom;}
.pop_class_header > p {float: left; font-size: 15px;}
.pop_class_header > a {float: right;}
#pop_class .pop_contents {padding: 10px 0 40px 0;}

.pop_class_video {float: left; display: inline-block; width: calc(100% - 325px);}
.pop_class_video > div {width: 100%; background: #000;}
.class_video_btn {margin-top: 20px; text-align: left;}
.class_video_btn > a {display: inline-block; height: 30px; margin-right: 10px; padding: 0 10px; font-size: 17px; font-weight: 600; line-height: 30px; background: #636363; color: #000; border-radius: 30px;}
.pop_class_list {float: left; display: inline-block; width: 300px; margin-left: 25px; background: #151515;}

#pop_class_sample {display: none;}
#pop_class_sample > .pop_class_wrap {left: calc(50% - 400px); width: 800px; padding: 30px 40px 20px 40px; background: #fff; border-radius: 20px;}
#pop_class_sample .pop_contents {padding: 0;}
#pop_class_sample .pop_class_video {width: 100%;}
#pop_class_sample .pop_class_header > p, #pop_class_sample .pop_class_header > a {color: #222;}
#pop_class_sample .class_video_info {display: inline-block; margin-top: 10px;}
#pop_class_sample .class_video_info img {width: 50px; height: 50px; margin-right: 10px; border-radius: 5px;}
#pop_class_sample .class_video_info p {margin-top: 5px; font-size: 20px; line-height: 22px; font-weight: 800;}
#pop_class_sample .class_video_info span {font-size: 16px; font-weight: normal;}
#pop_class_sample .btn_layer_close {position: absolute; top: 15px; right: 10px;}

#video_wrap {display:none}
.pop_video {position:fixed; left:50%; top:120px; display:block; margin-left:-480px; border:1px solid #222; background: #000; border-radius: 4px; overflow: hidden; z-index:110;}
.pop_video > a {position: absolute; top: 7px; right: 10px; display: inline-block;}
.pop_video > iframe {margin-top: 15px;}
.pop_video .pop_cont {margin-top: 35px;}

.tab_container_popclass.tab_container .tab_content {width:100%; background: #222; color: #fff;}
.tab_container_popclass .tab_content {position: relative; display: none;}
.tab_container_popclass .tabs ul {display: inline-block; width: 100%; border-bottom: 1px solid #09b7c7;}
.tab_container_popclass .tabs li {float: left; width: 50%; text-align: center;}
.tab_container_popclass .tabs li a {display: block; width: 100%; font-size: 17px; line-height: 44px; font-weight: 600; color: #8f8f8f;}
.tab_container_popclass .tabs li.active a {background: #00f3f0; color: #000;}

.tab_content_info {padding: 20px;}
.tab_content_info > p {line-height: 22px;}
p.pop_class_info01 > span:before, p.pop_class_info02 > span:before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 5px; background: #7b7b7b;}
p.pop_class_info01 > span:first-child:before, p.pop_class_info02 > span:first-child:before {display: none;}
.pop_class_title {margin-bottom: 8px; font-size: 15px; font-weight: 600; color: #fff;}
.pop_class_info01 {font-size: 15px; color: #bababa;}
.pop_class_info02 {margin-bottom: 8px; font-size: 14px; color: #9c9c9c;}

.tab_content_info > .lecture_bar, .tab_content_info > .lecture_bar .lecture_bar_progress {height: 10px;}
.tab_content_info > .lecture_bar {background: #292929;}
.tab_content_info > .lecture_bar .lecture_bar_progress {background: #00f3f0;}

.class_cont_wrap {width: 100%; height: 280px; overflow-y: auto; overflow-x: hidden; border-bottom: 1px solid #202020;}
.class_cont_wrap::-webkit-scrollbar {width: 6px;}
.class_cont_wrap::-webkit-scrollbar-thumb {background: #5d5d5d;}
.class_cont_wrap::-webkit-scrollbar-track {background: #222;}

.ul_tab01_list > li {padding-top: 10px; border-bottom: 1px solid #151515; opacity:.4; filter:alpha(opacity=40);}
.ul_tab01_list > li.li_play {opacity:1; filter:alpha(opacity=100);}
.ul_tab01_list > li .f_left + .f_left {padding-left: 55px;}
.ul_tab01_list .pop_class_title, .ul_tab01_list .pop_class_info02 {margin-bottom: 0;}
.ul_tab01_list .pop_class_title {width: 245px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.ul_tab01_list a {color: #fff;}
.ul_tab01_list .bg_circle {position: relative; display: inline-block; width: 45px; margin-right: 10px;}
.ul_tab01_list .bg_circle .circle_label {position: absolute; top: 5px; left: 5px; display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 10px; line-height: 34px; background: #00f3f0; color: #000; border-radius: 35px;}
.ul_tab01_list.ul_tab03_list > li {padding: 10px 0;}

.tab02_form form > .div_type {display: inline-block; width: 100%; margin: 5px 0;}
.tab02_form form > .div_type > input[type="radio"] {float: left; width: 0; height: 0;}
.tab02_form form > .div_type > input[type="radio"] + label {float: left; display: inline-block; width: 32%; margin-left: 1%; line-height: 32px; font-size: 16px; font-weight: 600; text-align: center; background: #656565; color: #181818; cursor: pointer;}
.tab02_form form > .div_type > input[type="radio"]:first-child + label {margin-left: 0;}
.tab02_form form > .div_type > input[type="radio"]:checked + label {background: #959595; color: #000;}
.tab02_form form > input[type="text"] {border: none; width: 100%; height: 32px; padding: 0 5px; margin-bottom: 5px; font-size: 14px; line-height: 32px; background: #fff;}
.tab02_form form > textarea {border: none; width: 100%; height: 190px; padding: 10px; font-size: 14px; background: #fff; overflow-y: auto;}
.tab02_form form > textarea::placeholder {font-size: 12px;}
.tab02_form form > .p_right {text-align: right; vertical-align: middle;}
.tab02_form form > .p_right > label {vertical-align: top; line-height: 18px;}
.tab02_form .btn_reg {width: 100%; margin-top: 5px;}

.btn_vod_class {display: inline-block; height: 30px; margin-right: 10px; padding: 0 10px; font-size: 17px; font-weight: 600; line-height: 28px; background: #636363; color: #000; border-radius: 30px;}
.btn_vod_border {display: inline-block; height: 30px; margin-left: 10px; padding: 0 10px; font-size: 17px; font-weight: 600; line-height: 28px; border: 1px solid #a9a9a9; color: #a9a9a9;}
.btn_vod_border:hover {border-color: #00f3f0; color: #00f3f0;}
.btn_list_open {display: none;}
.ic_vod {display: inline-block; margin-top: 10px; margin-right: 14px;}
    
.ul_speed {display: inline-block; width: 255px; background: #070707;}
.ul_speed > li {float: left; display: inline-block; width: 12.5%; text-align: center; border-right: 1px solid #141414; border-bottom: 1px solid #141414}
.ul_speed > li > a {font-size: 12px; line-height: 28px; color: #fff;} 
.ul_speed > li.selected > a {color: #00f3f0;}
.pop_vod_speed {display: none;}
.ic_vod_speed {display: inline-block; min-width: 50px; margin: 15px 0 22px 0; padding: 0 7px; line-height: 26px; vertical-align: top; background: #00f3f0; color: #565656;}
.ic_vod_speed > img {margin-right: 2px;}
.ic_vod_volume {display: inline-block; margin: 14px 10px 0 10px; vertical-align: top;}
.ic_vod_volume > a {float: left;}
.ic_vod_volume_bar {float: left; display: inline-block; margin-top: 5px;}
.ic_vod_volume_bar > li {float: left; display: inline-block;}
.ic_vod_volume_bar > li > a {display: inline-block; width: 3px; height: 15px; margin: 0 2px; background: #a9a9a9;}
.ic_vod_volume_bar > li.on > a {background: #00f3f0;}
.ic_vod_full, .ic_vod_help {display: inline-block; margin-top: 12px; margin-left: 7px; vertical-align: top;}
.pop_vod_help {display: none; position: absolute; bottom: 130px; right: 0; padding: 15px; background: #000; opacity: 0.8; filter:alpha(opacity=80);}
.pop_vod_help > a {position: absolute; bottom: 145px; right: 10px; color: #fff;}

.pop_class_list .vod_event {padding-top: 34px; background: #222;}

/*info*/
.tab_container_sub {font-family: 'NotoSansKR', 'NanumGothic';}
.tab_container_sub .tabs ul {display: inline-block; width: 100%; margin-bottom: 35px;}
.tab_container_sub .tabs li {float: left; width: 33%; text-align: center; border: 1px solid #d5d5d5; border-left: none;}
.tab_container_sub .tabs li:first-child {border-left: 1px solid #d5d5d5;}
.tab_container_sub .tabs li:nth-child(2) {width: 34%;}
.tab_container_sub .tabs li a {display: block; width: 100%; font-size: 18px; line-height: 48px; font-weight: 800; color: #656565;}
/*
.tab_container_sub .tabs li a {position: relative; display: block; width: 100%; font-size: 16px; line-height: 48px; color: #9c9c9c;}
.tab_container_sub .tabs li a:hover:after {content: url('../img/btn_hand.png'); position: absolute; right: -30px; bottom: -52px; display: inline-block;}
*/
.tab_container_sub .tabs li.active a {font-size: 18px; font-weight: 900; background: #222; color: #fff;}
.tab_container_sub .tab_content h5 {margin-bottom: 15px; font-size: 24px; font-weight: 900; color: #222;}
.tab_container_sub .tab_content p {font-size: 17px; line-height: 24px; color: #454545;}
.tab_container_sub .tab_content p + p {margin-top: 12px;}
.tab_container_sub .tab_content h5.border_title {margin: 65px 0 30px 0; padding-bottom: 10px; border-bottom: 1px solid #222;}
.ul_sub01_box {display: inline-block;}
.ul_sub01_box > li {float: left; display: inline-block; width: 25%;}
.ul_sub01_box > li:nth-child(3) {display: inline-block; width: 50%;}

.sub01_img01, .sub01_img02, .sub01_img03, .sub01_img04, .sub01_img05, .sub01_img06 {display: inline-block; border: 1px solid #cfcfcf; border-radius: 20px; box-shadow: 4px 4px 4px #cfcfcf; vertical-align: bottom;}
.sub01_img01, .sub01_img02, .sub01_img04, .sub01_img05 {width: 210px; height: 160px;}
.sub01_img03 {width: 210px; height: 333px;}
.sub01_img06 {width: 434px; height: 160px;}
.sub01_img01 {background: url('../img/sub01_tab01_img01.png');}
.sub01_img02 {background: url('../img/sub01_tab01_img02.png');}
.sub01_img03 {background: url('../img/sub01_tab01_img03.png');}
.sub01_img04 {margin-right: 10px; background: url('../img/sub01_tab01_img04.png');}
.sub01_img05 {background: url('../img/sub01_tab01_img05.png');}
.sub01_img06 {background: url('../img/sub01_tab01_img06.png');}
.sub01_img01:hover {background: url('../img/sub01_tab01_img01_on.png');}
.sub01_img02:hover {background: url('../img/sub01_tab01_img02_on.png');}
.sub01_img03:hover {background: url('../img/sub01_tab01_img03_on.png');}
.sub01_img04:hover {background: url('../img/sub01_tab01_img04_on.png');}
.sub01_img05:hover {background: url('../img/sub01_tab01_img05_on.png');}
.sub01_img06:hover {background: url('../img/sub01_tab01_img06_on.png');}

.tab_container_sub .tab_content p.sub_title {margin-bottom: 10px; font-size: 20px; font-weight: 600;}
.tab_container_sub .tab_content p + p.sub_title {margin-top: 50px;}
.sub01_02_img01 {display: inline-block; width: 895px; height: 240px; vertical-align: top; background: url('../img/sub01_tab02_img02.png');}
.sub01_02_img01:hover {background: url('../img/sub01_tab02_img02_on.png');}
.tab_cont_sub01_03 > p {font-size: 18px;}
.tab_cont_sub01_03 > p > span {display: inline-block; margin-bottom: 10px; vertical-align: top;}
.tab_cont_sub01_03 > p > span:nth-child(1) {width: 20px}
.tab_cont_sub01_03 > p > span:nth-child(2) {width: calc(100% - 20px);}
.tab_container_sub .tab_content .ul_sub01_03 p {color: #151515;}
.ul_sub01_03 {display: inline-block;}
.ul_sub01_03 > li {float: left; display: inline-block; width: 277px; height: 67px; margin-right: 24px; margin-bottom: 24px;}
.ul_sub01_03 > li:nth-child(3n) {margin-right: 0;}
.ul_sub01_03 > li > a {display: inline-block; width: 100%; height: 100%; padding-left: 20px; background: url('../img/sub01_tab03_img02.png');}
.ul_sub01_03 > li > a > p {margin: 8px 0 5px 0; font-size: 16px; font-weight: 600;}
.ul_sub01_03 > li > a > span {font-size: 16px; font-weight: 900; color: #151515;}
.ul_sub01_03 > li > a:hover {background: url('../img/sub01_tab03_img02_on.png'); border-radius: 20px; box-shadow: 4px 4px 4px #cfcfcf;}
.ul_sub01_03 > li > a:hover > span {color: #fff;}
.tab_container_sub .tab_content .ul_sub01_03 a:hover > p {color: #7cfffe;}

.tab_container_sub .tab_content p.sub_title02 {font-size: 16px; font-weight: 800; color: #151515;}
.tab_container_sub.tab_container_sub05 .tabs li, .tab_container_sub.tab_container_sub05 .tabs li:nth-child(1), .tab_container_sub.tab_container_sub05 .tabs li:nth-child(2) {width: 20%;}
.ul_sub01_04 li {margin-bottom: 12px;}
.ul_sub01_04 > li > span {vertical-align: top;}
.ul_sub01_05 {display: inline-block; margin-top: 20px; margin-bottom: 50px; font-size: 14px;}
.ul_sub01_04 > li > span:nth-child(1), .ul_sub01_05 > li > span:nth-child(1) {display: inline-block; width: 20px;}
.ul_sub01_04 > li > span:nth-child(2), .ul_sub01_05 > li > span:nth-child(2) {display: inline-block; width: calc(100% - 20px);}
table.tb_sub01 {margin-bottom: 50px; border-top: 1px solid #e6e6e6;}
table.tb_sub01 th, table.tb_sub01 td {padding: 13px 15px; text-align: center; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
table.tb_sub01 tr th:first-child, table.tb_sub01 tr td:first-child {border-left: none;}
table.tb_sub01 tr.tr_border th:first-child, table.tb_sub01 tr.tr_border td:first-child {border: 1px solid #e6e6e6;}
table.tb_sub01 th {font-weight: 600; background: #f6f6f6;}
table.tb_sub01 th.th_left, table.tb_sub01 td.td_left {text-align: left;}
table.tb_sub01 + .tb_noti, table.tb_sub01 + .tb_noti_left {margin-top: -45px; margin-bottom: 50px; font-size: 14px; text-align: right;}
table.tb_sub01 + .tb_noti_left {text-align: left;}
.tab_container_sub05 .btn_gray03 {display: inline-block; width: 250px; line-height: 48px; text-align: center; border: 1px solid #e6e6e6; background: #f6f6f6; color: #222;}
.tab_container_sub05 .btn_gray03:hover {background: #222; color: #fff;}

.tab_container_sub.tab_container_sub02 .tabs li, .tab_container_sub.tab_container_sub02 .tabs li:nth-child(1), .tab_container_sub.tab_container_sub02 .tabs li:nth-child(2) {width: 50%;}
.tab_container_sub.tab_container_sub02 .tabs ul {margin-bottom: -6px;}
.tab_cont_thumb > p {margin-bottom: 50px; text-align: center; background: #000; border: 1px solid #ccc; border-top: none;}
.tab_content .tab_cont_thumb > p > img {height: 498px; vertical-align: top;}
.tab_cont_thumb {position: relative;}
.tab_cont_thumb > a {position: absolute; bottom: 50px; right: 50px;;}
p.sub_title02 {margin-bottom: 10px; font-size: 20px; font-weight: 900; color: #222;}
p + p.sub_title02 {margin-top: 50px;}
p.sub_img {margin: 20px 0;}
p.sub_img_center {margin: 20px 0; text-align: center;}
p.sub_img01_04 {margin: -20px 0 20px 0;}
p.sub_em {margin-top: 24px; font-size: 18px; color: #25c1a7;}
p.sub_em:after {content: ''; display: inline-block; width: 72%; height: 1px; margin-bottom: 24px; background: #25c1a7;}

table.tb_sub01_border, table.tb_sub01_border02 {border-bottom: 1px solid #595959;}
table.tb_sub01_border th, table.tb_sub01_border td, table.tb_sub01_border02 th, table.tb_sub01_border02 td {padding: 13px 15px; text-align: center; }
table.tb_sub01_border th, table.tb_sub01_border02 th {border-top: 1px solid #595959; border-bottom: 1px solid #595959;}
table.tb_sub01_border td, table.tb_sub01_border02 td {border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
table.tb_sub01_border tr td:first-child, table.tb_sub01_border02 tr.tr_border_none td:first-child {border-left: none;}
table.tb_sub01_border tr.tr_border th:first-child, .tb_sub01_border tr.tr_border td:first-child {border-left: 1px solid #e6e6e6;}
table.tb_sub01_border td.td_border {border-bottom: 1px solid #595959;}
table.tb_sub01_border tr:last-child td, table.tb_sub01_border02 tr:last-child td {border-bottom: 1px solid #595959;}
table.tb_sub01_border tr td.td_left, table.tb_sub01_border02 tr td.td_left {text-align: left;}
table.tb_sub01_border tr.tr_weight {font-weight: 600;}
table.tb_sub01_border tr td.td_bold{font-weight: 600; background: #f7f7f7;}
table.tb_sub01_border03 tr th {border-right: 1px solid #e6e6e6;}
table.tb_sub01_border03 tr th:last-child {border-right: none;}

.tb_top_sub01 {margin-bottom: 30px;}
.tb_top_sub01 select {border: none; display: inline-block; width: 120px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6;}

.ul_sub01_lecture {display: inline-block; width: 100%; margin-top: 90px; font-family: 'NotoSansKR', 'NanumGothic';}
.ul_sub01_lecture > li {float: left; display: inline-block; width: 420px; height: 260px; margin-right: 2%; margin-bottom: 25px;}
.ul_sub01_lecture > li:nth-child(2n) {margin-right: 0;}
.ul_sub01_lecture > li > p {margin: 35px 30px 15px 30px; font-size: 22px; color: #8f8f8f;}
.ul_sub01_lecture > li > p > span {display: block; font-size: 28px; line-height: 48px; font-weight: 800; color: #333;}
.ul_sub01_lecture > li a {display: none; min-width: 160px; margin-left: 30px; margin-top: 12px; font-size: 18px; line-height: 36px; font-weight: 800; text-align: center; background: #fff; color: #222; border-radius: 35px;}
.ul_sub01_lecture > li a:hover {color: #00b8b6; text-decoration: underline;}
.ul_sub01_lecture > li:nth-child(1) {background: url('../img/sub01_lecture01.jpg');}
.ul_sub01_lecture > li:nth-child(2) {background: url('../img/sub01_lecture02.jpg');}
.ul_sub01_lecture > li:nth-child(3) {background: url('../img/sub01_lecture03.jpg');}
.ul_sub01_lecture > li:nth-child(4) {background: url('../img/sub01_lecture04.jpg');}
.ul_sub01_lecture > li:nth-child(5) {background: url('../img/sub01_lecture05.jpg');}
.ul_sub01_lecture > li:hover > p > span {color: #fff;}
.ul_sub01_lecture > li:nth-child(1):hover {background: url('../img/sub01_lecture01_on.jpg');}
.ul_sub01_lecture > li:nth-child(2):hover {background: url('../img/sub01_lecture02_on.jpg');}
.ul_sub01_lecture > li:nth-child(3):hover {background: url('../img/sub01_lecture03_on.jpg');}
.ul_sub01_lecture > li:nth-child(4):hover {background: url('../img/sub01_lecture04_on.jpg');}
.ul_sub01_lecture > li:nth-child(5):hover {background: url('../img/sub01_lecture05_on.jpg');}
.ul_sub01_lecture > li .ic_lecture_play {display: inline-block; margin-top: 20px; margin-left: 30px;}

.top_chart_label {text-align: right;}
.label_chart01, .label_chart02 {display: inline-block; width: 24px; height: 24px; margin: 0 5px}
.label_chart01 {background: #e9e9e9; }
.label_chart02 {background: #09b7c7; }
.p_label > span {vertical-align: middle;}

.h5_chart01 {margin-top: 35px;}
.h5_chart02 {margin-top: 65px;}
.h5_chart03 {margin-top: 100px;}
.tab_container_sub .tab_content .ul_chart01 p, .tab_container_sub .tab_content .ul_chart02 p {font-size: 15px;}
.ul_chart01 {display: inline-block; width: 100%; height: 245px; margin: 55px 0; background: url('../img/bg_chart.jpg') repeat-x;}
.ul_chart01 > li {position: relative; float: left; display: inline-block; width: 6%; height: 245px; margin-left: 8%; text-align: center; vertical-align: bottom;}
.ul_chart01 > li:first-child {margin-left: 11%;}
.ul_chart01 > li > span {position: absolute; bottom: -25px; left: -20px; display: inline-block; width: 100%; white-space: nowrap; }
.ul_chart01 > li > p {position: absolute; bottom: 0; left: 0; display: inline-block; width: 100%; padding-top: 5px; vertical-align: bottom; background: #e9e9e9; opacity: 0;}
.ul_chart01 > li.li_bar06 > p, .ul_chart01 > li.li_bar12 > p {background: #09b7c7;}

.ul_chart01 > li.li_bar01 > p {animation:p-82 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar02 > p {animation:p-61 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar03 > p {animation:p-74 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar04 > p {animation:p-83 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar05 > p {animation:p-55 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar06 > p {animation:p-63 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar07 > p {animation:p-80 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar08 > p {animation:p-75 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar09 > p {animation:p-25 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar10 > p {animation:p-81 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar11 > p {animation:p-76 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar12 > p {animation:p-78 .5s; animation-fill-mode: both; animation-delay: 0.5s;}
.ul_chart01 > li.li_bar12 > p, .ul_chart02 > li.li02_bar12 > p {white-space: nowrap;}

.ul_chart02 > li > p + p {background: #09b7c7;}
.ul_chart02 > li.li02_bar01 > p:nth-child(2) {height: 64%; opacity: 1;}
.ul_chart02 > li.li02_bar02 > p:nth-child(2) {height: 69%; opacity: 1;}
.ul_chart02 > li.li02_bar03 > p:nth-child(2) {height: 72%; opacity: 1;}
.ul_chart02 > li.li02_bar04 > p:nth-child(2) {height: 85%; opacity: 1;}
.ul_chart02 > li.li02_bar05 > p:nth-child(2) {height: 57%; opacity: 1;}
.ul_chart02 > li.li02_bar06 > p:nth-child(2) {height: 56%; opacity: 1;}
.ul_chart02 > li.li02_bar07 > p:nth-child(2) {height: 49%; opacity: 1; padding-top: 0; line-height: 0;}
.ul_chart02 > li.li02_bar08 > p:nth-child(2) {height: 42%; opacity: 1; padding-top: 0; line-height: 0;}
.ul_chart02 > li.li02_bar09 > p:nth-child(2) {height: 51%; opacity: 1; padding-top: 0; line-height: 0;}
.ul_chart02 > li.li02_bar10 > p:nth-child(2) {height: 85%; opacity: 1; padding-top: 0; line-height: 0;}
.ul_chart02 > li.li02_bar11 > p:nth-child(2) {height: 38%; opacity: 1; padding-top: 0; line-height: 0;}
.ul_chart02 > li.li02_bar12 > p:nth-child(2) {height: 35%; opacity: 1; padding-top: 0; line-height: 0;}

.li02_bar01_effect {animation:p-50 .5s; animation-fill-mode: both; }
.li02_bar02_effect {animation:p-55 .5s; animation-fill-mode: both; }
.li02_bar03_effect {animation:p-59 .5s; animation-fill-mode: both; }
.li02_bar04_effect {animation:p-65 .5s; animation-fill-mode: both; }
.li02_bar05_effect {animation:p-46 .5s; animation-fill-mode: both; }
.li02_bar06_effect {animation:p-45 .5s; animation-fill-mode: both; }
.li02_bar07_effect {animation:p-44 .5s; animation-fill-mode: both;}
.li02_bar08_effect {animation:p-38 .5s; animation-fill-mode: both;}
.li02_bar09_effect {animation:p-47 .5s; animation-fill-mode: both;}
.li02_bar10_effect {animation:p-81 .5s; animation-fill-mode: both;}
.li02_bar11_effect {animation:p-34 .5s; animation-fill-mode: both;}
.li02_bar12_effect {animation:p-31 .5s; animation-fill-mode: both;}

@keyframes p-0{from{height:0}to{height:0;}}
@keyframes p-25{from{height:0;}to{height:25%;opacity: 1;}}
@keyframes p-33{from{height:0;}to{height:33%;opacity: 1;}}
@keyframes p-31{from{height:0;}to{height:31%;opacity: 1;}}
@keyframes p-34{from{height:0;}to{height:34%;opacity: 1;}}
@keyframes p-35{from{height:0;}to{height:35%;opacity: 1;}}
@keyframes p-36{from{height:0;}to{height:36%;opacity: 1;}}
@keyframes p-37{from{height:0;}to{height:37%;opacity: 1;}}
@keyframes p-38{from{height:0;}to{height:38%;opacity: 1;}}
@keyframes p-41{from{height:0;}to{height:41%;opacity: 1;}}
@keyframes p-44{from{height:0;}to{height:44%;opacity: 1;}}
@keyframes p-45{from{height:0;}to{height:45%;opacity: 1;}}
@keyframes p-46{from{height:0;}to{height:46%;opacity: 1;}}
@keyframes p-47{from{height:0;}to{height:47%;opacity: 1;}}
@keyframes p-50{from{height:0;}to{height:50%;opacity: 1;}}
@keyframes p-51{from{height:0;}to{height:51%;opacity: 1;}}
@keyframes p-52{from{height:0;}to{height:52%;opacity: 1;}}
@keyframes p-53{from{height:0;}to{height:53%;opacity: 1;}}
@keyframes p-55{from{height:0;}to{height:55%;opacity: 1;}}
@keyframes p-57{from{height:0;}to{height:57%;opacity: 1;}}
@keyframes p-58{from{height:0;}to{height:58%;opacity: 1;}}
@keyframes p-59{from{height:0;}to{height:59%;opacity: 1;}}
@keyframes p-60{from{height:0;}to{height:60%;opacity: 1;}}
@keyframes p-61{from{height:0;}to{height:61%;opacity: 1;}}
@keyframes p-62{from{height:0;}to{height:62%;opacity: 1;}}
@keyframes p-63{from{height:0;}to{height:63%;opacity: 1;}}
@keyframes p-64{from{height:0;}to{height:64%;opacity: 1;}}
@keyframes p-65{from{height:0;}to{height:65%;opacity: 1;}}
@keyframes p-66{from{height:0;}to{height:66%;opacity: 1;}}
@keyframes p-67{from{height:0;}to{height:67%;opacity: 1;}}
@keyframes p-69{from{height:0;}to{height:69%;opacity: 1;}}
@keyframes p-70{from{height:0;}to{height:70%;opacity: 1;}}
@keyframes p-71{from{height:0;}to{height:71%;opacity: 1;}}
@keyframes p-72{from{height:0;}to{height:72%;opacity: 1;}}
@keyframes p-73{from{height:0;}to{height:73%;opacity: 1;}}
@keyframes p-74{from{height:0;}to{height:74%;opacity: 1;}}
@keyframes p-75{from{height:0;}to{height:75%;opacity: 1;}}
@keyframes p-76{from{height:0;}to{height:76%;opacity: 1;}}
@keyframes p-77{from{height:0;}to{height:77%;opacity: 1;}}
@keyframes p-78{from{height:0;}to{height:78%;opacity: 1;}}
@keyframes p-79{from{height:0;}to{height:79%;opacity: 1;}}
@keyframes p-80{from{height:0;}to{height:80%;opacity: 1;}}
@keyframes p-81{from{height:0;}to{height:81%;opacity: 1;}}
@keyframes p-82{from{height:0;}to{height:82%;opacity: 1;}}
@keyframes p-83{from{height:0;}to{height:83%;opacity: 1;}}
@keyframes p-84{from{height:0;}to{height:84%;opacity: 1;}}
@keyframes p-85{from{height:0;}to{height:85%;opacity: 1;}}
@keyframes p-86{from{height:0;}to{height:86%;opacity: 1;}}
@keyframes p-88{from{height:0;}to{height:88%;opacity: 1;}}
@keyframes p-90{from{height:0;}to{height:90%;opacity: 1;}}
@keyframes p-91{from{height:0;}to{height:91%;opacity: 1;}}
@keyframes p-92{from{height:0;}to{height:92%;opacity: 1;}}
@keyframes p-93{from{height:0;}to{height:93%;opacity: 1;}}


.circle_chart {position: relative; display: inline-block; width: 580px; height: 600px; margin-top: -200px; margin-left: 180px;}
.circle_chart > p {position: absolute; z-index: 1;}
.circle_chart > p:nth-child(1) {top: 61px; left: 24px;}
.circle_chart > p:nth-child(2) {top: 61px; left: 262px;}
.circle_chart > p:nth-child(3) {top: 309px; left: 303px;}
.circle_chart > p:nth-child(4) {top: 317px; left: 298px;}
.circle_chart > p:nth-child(5) {top: 337px; left: 235px;}
.tab_container_sub .tab_content .circle_chart > p + p {margin: 0;}

.circle_chart > p img, .p_img {transform: scale(1); transition: transform 0.3s ease 0s, opacity 0.1s linear 0s; z-index: 1;}
.circle_chart > p:hover {z-index: 2;}
.circle_chart > p:hover > img, .p_hover {transform: scale(1.05); transition: transform 0.3s ease 0s, opacity 0.1s linear 0s; z-index: 2;}

.top_chart03_label {padding-left: 750px}
.top_chart03_label > p {cursor: pointer;}
.top_chart03_label > p:nth-child(1) > span:nth-child(1) {background: #fff2cc;}
.top_chart03_label > p:nth-child(2) > span:nth-child(1) {background: #ffd966;}
.top_chart03_label > p:nth-child(3) > span:nth-child(1) {background: #99ebdd;}
.top_chart03_label > p:nth-child(4) > span:nth-child(1) {background: #44dbc1;}
.top_chart03_label > p:nth-child(5) > span:nth-child(1) {background: #20a48e;}

/*class*/
.sub_top_banner {margin-bottom: 40px;}
.tab_container_sub.tab_container_sub06 .tabs li {width: 17%;}
.tab_container_sub.tab_container_sub06 .tabs li:nth-child(1), .tab_container_sub.tab_container_sub06 .tabs li:nth-child(2) {width: 16%;}

.ul_package > li > a {display: inline-block; width: 894px; height: 214px;}
.ul_package > li > a.pack01 {background: url('../img/pack_banner01.png');}
.ul_package > li > a.pack02 {background: url('../img/pack_banner02.png');}
.ul_package > li > a.pack03 {background: url('../img/pack_banner03.png');}
.ul_package > li > a.pack04 {background: url('../img/pack_banner04.png');}
.ul_package > li > a.pack05 {background: url('../img/pack_banner05_02.png');}
.ul_package > li > a.pack06 {background: url('../img/pack_banner06_02.png');}
.ul_package > li > a.pack01:hover {background: url('../img/pack_banner01_on.png');}
.ul_package > li > a.pack02:hover {background: url('../img/pack_banner02_on.png');}
.ul_package > li > a.pack03:hover {background: url('../img/pack_banner03_on.png');}
.ul_package > li > a.pack04:hover {background: url('../img/pack_banner04_on.png');}
.ul_package > li > a.pack05:hover {background: url('../img/pack_banner05_on_02.png');}
.ul_package > li > a.pack06:hover {background: url('../img/pack_banner06_on_02.png');}

.tb_class_reg {border-top: 1px solid #222;}
.tb_class_reg td {padding: 18px 8px; text-align: center; border-bottom: 1px solid #bcbcbc;}
.tb_class_reg td.td_left {padding: 18px 8px 18px 18px; text-align: left;}
.tb_class_reg td:nth-child(1), .tb_class_reg td:nth-child(3) {text-align: left;}
.tb_class_reg td:nth-child(1) {line-height: 18px; font-weight: 600;}
.tb_class_reg td > .p_thumb {display: inline-block; width: 110px; height: 110px; border-radius: 5px; overflow: hidden;}
.tb_class_reg td > .p_thumb > img {width: 100%; height: 100%;}
#sidemenu03_02_wrap .tab_content {min-height: 500px;}
.tab_container_sub .tab_content p.p_class_type {display: inline-block; padding: 2px 7px; font-size: 12px; line-height: 1; color: #fff; border-radius: 2px;}
.tab_container_sub .tab_content p.p_class_type + p {margin-top: 4px; font-size: 16px; line-height: 22px; font-weight: 600;}
.tb_class_reg .bg_type01 {background: #5cb8ff;}
.tb_class_reg .bg_type02 {background: #7f72ff;}
.tb_class_reg .bg_type03 {background: #4bb85c;}
.tb_class_reg .bg_type04 {background: #e47132;}
.tb_class_reg .bg_type05 {background: #d33f3f;}
.tb_class_reg .p_class_title {font-weight: 600;}
.tb_class_reg .p_class_info > span {color: #333;}
.tb_class_reg .p_class_info > span:before {content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 18px; background: #c4c4c4;}
.tb_class_reg .p_class_info > span:first-child:before {display: none;}
.tb_class_reg .btn_border_class {display: inline-block; padding: 0 10px; line-height: 42px; border: 1px solid #898989; color: #333; border-radius: 3px;}
.tb_class_reg input[type="checkbox"] {margin-right: 5px;}
.tb_class_reg input[type="checkbox"] + label {cursor: pointer;}

table.tb_class_reg + .bot_btn {margin-top: 30px;}

/*book*/
#container_wrap_center {text-align: center;}
#container_wrap_w100 .container_cont {width: 1100px; margin: 0 auto;}


#container_wrap_w100 .container_cont + .sub_section {}


.subtop_menu {display: inline-block; width: 100%; height: 50px; text-align: center; border-bottom: 1px solid #ccc; background: #fff; font-family: 'NotoSansKR', 'NanumGothic';}
.subtop_menu > ul {display: inline-block; width: 1100px; margin: 0 auto; text-align: left;}
.subtop_menu > ul > li {float: left; display: inline-block;}
.subtop_menu > ul > li > a {display: inline-block; height: 50px; margin: 0 30px; line-height: 48px; font-size: 18px; font-weight: 800; color: #151515;}
.subtop_menu > ul > li.active > a {color: #09b7c7;}
.subtop_menu > ul > li:first-child > a {margin-left: 0;}
.subtop_menu > ul > li:first-child span {margin-right: 5px; line-height: 1; vertical-align: text-bottom;}

.sub04_topbg {width: 100%; margin-top: -4px; background: #fff url('../img/sub04_topbg.jpg') top center no-repeat;}
.tab_container_sub .tabs.tabs_book ul {width: 650px; margin: 165px 0 35px 230px;}
.tab_container_sub .tabs.tabs_book ul li {position: relative; width: 190px; margin-left: 35px; border: none;}
.tab_container_sub .tabs.tabs_book ul li a {font-size: 18px; border: 2px solid #88c0cb; color: #dde8ec; border-radius: 50px;}
.tab_container_sub .tabs.tabs_book ul li:first-child {margin-left: 0;}
.tab_container_sub .tabs.tabs_book li.active a {font-weight: bold; border-color: #fff; background: #fff; color: #333; border-radius: 50px;}
.tab_container_sub .tabs.tabs_book li.active a:after {content: ''; position: absolute; top: 51px; left: calc(50% - 7px);  display: inline-block; width: 14px; height: 12px; background: url('../img/ic_tab_arrow.png');}
.tab_container.tab_container_sub04 .tab_content {height: 560px; padding: 65px 45px 45px 45px; background: #fff; border-radius: 20px; box-shadow: 10px 8px 10px rgb(0 0 0 / 0.2);}
.tab_container.tab_container_sub04 .tab_content h5 {margin-bottom: 65px; text-align: center;}

.cont_wrap_sub04 > .f_left:nth-child(2) {width: calc(100% - 440px);}

.tb_tabbook {width: 100%; border-top: 1px solid #d8d8d8;}
.tb_tabbook td {line-height: 62px; text-align: center; border-bottom: 1px solid #d8d8d8;}
.tb_tabbook td:nth-child(1) {padding-left: 4px; font-size: 16px; line-height: 18px; font-weight: bold; text-align: left;}
.tb_tabbook td:nth-child(2) {font-size: 14px; color: #bdbdbd;}
.tb_tabbook td:nth-child(3) {font-size: 18px; color: #bdbdbd;}
.tb_tabbook td:nth-child(5) {font-size: 18px;}
.ic_red {display: inline-block; width: 32px; height: 32px; margin-top: 15px; font-size: 14px; line-height: 32px; text-align: center; background: #ff2b2b; border-radius: 32px; color: #fff;}
.ic_red > span {font-weight: 600;}

.sub_section_title {display: inline-block; margin: 70px 0 50px 0;}

.ul_book_list {display: inline-block; width: 100%; margin-bottom: 120px;}
.ul_book_list > li {float: left; display: inline-block; width: 16%; margin-left: 5%; vertical-align: top}
.ul_book_list > li:first-child {margin-left: 0;}

.list_book_thumb {position: relative; display: inline-block; width: 100%; height: 240px;}
.list_book_thumb > p.thumb_img {position: absolute; top: 0; left: 0; background: #f7f7f7; overflow: hidden;}
.list_book_thumb > p.thumb_img > img {width: 100%; height: auto;}
.list_book_thumb > p.thumb_icon {position: absolute; bottom: -15px; right: -15px;}
.list_book_title {font-weight: 600; line-height: 20px; color: #222;}
.list_book_price {margin-top: 10px; font-size: 18px; font-weight: bold; text-align: center; color: #222;}
.list_book_price > span {margin-left: 5px; font-weight: normal; color: #ff2b2b;}

.sub_banner {display: inline-block; width: 100%; height: 120px; overflow: hidden; background: url('../img/sub04_banner01.png') bottom center;}
.sub_section_title02 {text-align: center; margin: 120px 0 50px 0;}
.sub_section_review {display: inline-block; width: 100%; margin-bottom: 250px;}
.sub_section_review {position: relative; width: 100%; height: 550px; overflow: hidden;}
.sub_section_review .owl-wrapper {width: 2000px; height: 500px; position: absolute; top: 0; left: calc(50% - 1000px);}

.owl-carousel .owl-item img {width: auto;}
.sub04_review .item {display: flex; justify-content: center; width: 350px; margin-bottom: 25px; border: 1px solid #d8d8d8; background: #fff; box-shadow: 4px 4px 4px #d8d8d8; border-radius: 20px; overflow: hidden; opacity: 0.6;}
.sub04_review .item_content {display: flex; align-items: center; opacity: 1;}
.sub04_review .active.center .item, .sub04_review .active .item_content {opacity: 1;}

.item_content > a {color: #222;}
.ic_favorites > span {display: inline-block; width: 14px; height: 14px; vertical-align: top;}
.ic_favorites > span > img {width: 100%; height: 100%;}
.review_cont {padding: 20px;}
.review_top {font-size: 14px;}
.review_top > span {display: inline-block; vertical-align: text-top;}
.review_title {margin: 15px 0; font-size: 16px; line-height: 20px; font-weight: 600;}
.review_text {font-size: 15px;}
.review_book {margin-top: 25px; padding: 5px 10px; background: #e5f4f4; border-radius: 10px;}
.review_book .f_left img {display: inline-block; width: 32px; height: 45px; margin-right: 12px; overflow: hidden;}
.review_book .f_left > p:nth-child(1) {width: 230px; margin-top: 6px; font-size: 14px; font-weight: 600; color: #222; letter-spacing: -1px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.review_book .f_left > p:nth-child(2) {font-size: 13px; color: #555;  letter-spacing: -1px;}

/*book_detail*/
.ic_detail_cate {display: inline-block; height: 18px; margin-bottom: 6px; padding: 0 7px; font-size: 15px; line-height: 1.1; background: #151515; color: #fff; border-radius: 18px;}
.detail_book_thumb {margin-right: 40px;}
.detail_book_thumb > img {border: 1px solid #eee;}
.book_detail_title {width: 445px; font-size: 24px; font-weight: bold; }
.book_detail_subtitle {font-size: 18px; color: #848484;}
.book_detail_subtitle:before {content: ''; display: inline-block; width: 1px; height: 14px; margin: 0 7px; background: #848484;}

.detail_cont {display: inline-block; width: 100%; margin-top: 30px; padding: 30px 35px; background: #f3f3f3; border-radius: 15px;}
.detail_cont_top {font-size: 16px; color: #888;}
.detail_cont_top > span {margin-right: 7px; color: #ea344a;}
.detail_cont_top > p {font-size: 30px; font-weight: 900; color: #151515;}
.detail_cont_mid {display: inline-block; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px solid #d4d4d4;}
.detail_cont_mid > p  {font-size: 17px; line-height: 36px; color: #333;}
.detail_cont_mid span {display: inline-block; min-width: 80px; font-size: 17px; font-weight: 600; color: #151515;}
.detail_count {display: inline-block; margin: 4px 0; border: 1px solid #b5b5b5; background: #fff;}
.detail_count > li {display: inline-block; height: 30px; line-height: 28px; background: #fff;}
.detail_count > li.result_num {min-width: 40px; text-align: center;}
.detail_count > li > a {display: inline-block; width: 30px; height: 30px; text-align: center; background: #ebebeb; color: #151515;}
.detail_cont_btn a {display: inline-block; height: 40px; margin-top: 10px; font-size: 17px; line-height: 40px; text-align: center;}
.detail_cont_btn > div > a {width: 48%; margin-left: 4%; border: 1px solid #b5b5b5; background: #fff; color: #151515;}
.detail_cont_btn > div > a:first-child {margin-left: 0;}
.detail_cont_btn > a {width: 100%; background: #222; color: #fff;}
.btn_card {display: inline-block; width: 70px; height: 20px; margin-left: 5px; font-size: 14px; line-height: 20px; text-align: center; background: #c4c4c4; color: #fff;}

.tab_container_sub.tab_container_sub04_02 {margin-top: 90px;}
.tab_container_sub.tab_container_sub04_02 .tabs ul {margin-bottom: 0;}
.tab_container_sub04_02 .tabs {width: 880px; background: #fff;}
.tab_container_sub04_02 .tabs.tab_fixed {position: fixed; top: 0; left: calc(50% - 330px);}
.tab_container_sub.tab_container_sub04_02 .tabs li, .tab_container_sub.tab_container_sub04_02 .tabs li:nth-child(2) {width: 25%;}
.tab_container_sub.tab_container_sub04_list .tabs li, .tab_container_sub.tab_container_sub04_list .tabs li:nth-child(2) {width: 20%;}
.tab_container_sub.tab_container_sub04_list .tabs.tabs03 li {width: 33%;}
.tab_container_sub.tab_container_sub04_list .tabs.tabs03 li:nth-child(2) {width: 34%;}

.tab_content_book h5 {margin-bottom: 20px; padding-top: 50px; font-size: 26px; color: #222;}
.tab_content_book .cont_wrap {vertical-align: bottom;}
.tab_content_book .cont_left {float: left; display: inline-block; width: 80%;}
.tab_content_book .cont_left > p {font-size: 17px; line-height: 22px; color: #555;}
.tab_content_book .cont_left > p strong {font-weight: 600;}
.tab_content_book .cont_left > p > span {font-weight: bold; color: #333;}
.tab_content_book .cont_right {float: right; display: inline-block; width: 20%; text-align: right;}
.tab_content_book .cont_right .btn_aqua {margin-top: 18px; padding: 0 8px; line-height: 24px; border-radius: 0;}
.tab_content_book#book_tab3 {margin: 85px 0;}
.tab_content_book#book_tab3 > iframe {width:100%; height:900px; border:1px solid #222;}

.f_left_thumb {display: inline-block; width: 110px; height: 110px; margin-right: 30px; background: #f4f4f4;}
.f_left_thumb img {display: inline-block; width: 100%; height: 100%;}
.f_left_review {width: calc(100% - 185px);}
.bookreview_title {margin: 3px 0; font-size: 18px; line-height: 32px; font-weight: bold; color: #333;}
.bookreview_text {font-size: 17px; line-height: 24px; font-weight: normal; color: #555;}

.lec_review_wrap {height: 650px; margin: 35px 0 85px 0; border-bottom: 1px solid #d9d9d9; overflow-y: auto;}
.tab_content_book ul > li {padding: 15px 0; border-top: 1px solid #d9d9d9;}
.tab_content_book ul > li a {color: #333;}
.tab_content_book p {margin-bottom: 30px; font-size: 17px; line-height: 26px; letter-spacing: -1px; color: #555;}

.tab_content_book p.mb_85 {margin-bottom: 85px;}
.span_subject_down {display: none;}
.btn_subject {display: inline-block; margin-bottom: 85px; font-size: 17px; color: #00b8b6;}
.btn_arrow_up, .btn_arrow_down {display: inline-block; width: 12px; height: 12px; margin-left: 3px;}
.btn_arrow_up {background: url('../img/btn_arrow_up.png')}
.btn_arrow_down {background: url('../img/btn_arrow_down.png')}

table.tb_refund {margin-bottom: 85px; font-size: 14px; line-height: 20px; border-top: 1px solid #eee;}
table.tb_refund th {font-weight: 600; background: #f5f5f5; color: #6e6e6e;}
table.tb_refund th, table.tb_refund td {padding: 15px 25px; border-bottom: 1px solid #eee}
table.tb_refund td {color: #858585;}

.cont_wrap_product {padding-bottom: 10px; border-bottom: 1px solid #aeaeae;}
.cont_wrap_product .f_right {display: inline-block;}
.cont_wrap_product input[type="checkbox"] {display: inline-block; width: 15px; height: 15px;}
.cont_wrap_product label {font-size: 18px; line-height: 36px; color: #555; cursor: pointer;}
.tab_container_sub .cont_wrap_product .f_right > p {float: left; display: inline-block; margin-right: 15px; font-size: 18px; line-height: 36px;}
.tab_container_sub .cont_wrap_product .f_right > p > span {font-weight: 800; color: #ea3434;}

.ul_product {display: inline-block; width: 100%; margin-left: 60px;}
.ul_product li {float: left; display: inline-block; width: 25%; min-height: 290px; margin-top: 45px; padding-right: 15px;}
.product_thumb {display: block; width: 142px; height: 195px;}
.product_thumb > img {width: 100%; height: 100%; border: 1px solid #eee;}
.tab_container_sub .tab_content p.product_title {font-size: 13px; line-height: 16px;}
.product_title input[type="checkbox"] {display: inline-block; width: 15px; height: 15px; margin-right: 5px;}
.product_title label {display: inline-block; width: calc(100% - 60px); vertical-align: top;}
.tab_container_sub .tab_content p.product_price {font-size: 14px; line-height: 18px; font-weight: 900; color: #151515;}
.tab_container_sub .tab_content p.product_price > s {margin-right: 5px; font-weight: normal; color: #888;}
.tab_container_sub .tab_content p.product_price > span {font-weight: normal; color: #ea3434;}
.tab_container_sub04_list + .bot_btn {text-align: right;}

.btn_book_pay, .btn_book_cart {float: left; display: inline-block; min-width: 140px; height: 36px; margin: 0; font-size: 17px; line-height: 34px; text-align: center; color: #fff;}
.btn_book_pay {background: #ea3434;}
.btn_book_cart {background: #222;}

.cont_wrap_product input[type="checkbox"], .product_title input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
.cont_wrap_product input[type="checkbox"] + label , .product_title input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:20px; cursor:pointer; }
.cont_wrap_product input[type="checkbox"] + label:before, .product_title input[type="checkbox"] + label:before{content:''; position:absolute; left:0; top:0; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #555; box-sizing:border-box;}
.cont_wrap_product input[type="checkbox"]:checked + label:after, .product_title input[type="checkbox"]:checked + label:after{ content: ''; position:absolute; top:0; left:0; width:15px; height:15px; background:#09b7c7 url('../img/ic_checked.png') no-repeat 50% 50%;}
.cont_wrap_product input[type="checkbox"] + label:before, .cont_wrap_product input[type="checkbox"]:checked + label:after {top: 10px;}

#pop_alert {display: none;}
#pop_alert > .pop_wrap {width: 420px; left: calc(50% - 210px); border-radius: 20px;}
#pop_alert .pop_contents {padding: 40px 45px; text-align: center;}
#pop_alert .pop_contents > p {margin: 20px 0; font-size: 24px; font-weight: 800; line-height: 32px; color: #151515;}
#pop_alert .pop_contents > p > span {font-size: 18px; font-weight: normal; color: #ababab;}
#pop_alert .pop_btn {display: inline-block; width: 100%;}
#pop_alert .pop_btn > a {float: left; display: inline-block; width: 48%; height: 42px; margin-left: 4%; font-size: 17px; font-weight: 800; line-height: 40px; text-align: center; color: #fff;}
#pop_alert .pop_btn > a:first-child {margin-left: 0}
.btn_cart_go {background: #00b8b6;}
.btn_cart_cancel {background: #b0b0b0;}

#pop_card {display: none;}
#pop_card .pop_contents {height: 500px; padding: 0 0 0 20px; text-align: center; overflow: auto;}
#pop_card .pop_contents > img {width: 100%;}

/*faq*/
.faq_top_banner {height: 280px;}
.faq_top_banner .f_left.f_left_search {width: calc(100% - 355px);}
.faq_search_wrap {width: 100%; height: 44px; background: #09b7c7; border: 2px solid #09b7c7;}
.faq_search_wrap input[type="text"] {border: none; width: calc(100% - 80px); height: 100%; padding: 0 15px; vertical-align: top; background: #fff;}
.faq_search_wrap a.btn_faq_search {display: inline-block; width: 75px; height: 100%; font-size: 18px; line-height: 38px; font-weight: 600; text-align: center; background: #09b7c7; color: #fff;}
.ul_faq {margin-top: 40px;}
.ul_faq li {float: left; display: inline-block; width: 50%; letter-spacing: -0.8px;}
.ul_faq li > a {font-size: 14px; line-height: 32px; font-weight: 800; color: #222;}
.ic_best {display: inline-block; width: 60px; height: 33px; background: url('../img/ic_best.png');}

/*reviews*/
.sub06_topbanner {display: inline-block; width: 100%; height: 160px; margin-top: -45px; vertical-align: bottom; background: url('../img/sub06_banner01.png') top center; z-index: 9;}
.sub06_topbanner02 {display: inline-block; width: 100%; height: 160px; margin-top: -45px; vertical-align: bottom; background: url('../img/sub06_banner01_02.png') top center; z-index: 9;}
.sub06_bottom {display: inline-block; width: 100%; height: 300px; vertical-align: bottom; background: url('../img/footer_top_bg.jpg') top center;}
.sub06_bottom02 {display: inline-block; width: 100%; height: 300px; vertical-align: bottom; background: url('../img/footer_top_bg02.jpg') top center;}

.sub06_bg {background: #ebf9fa;}
.ul_sub06_event {margin-bottom: 100px;}
.ul_sub06_event > li {margin-bottom: 50px;}
.ul_sub06_event > li > a {display: inline-block; height: 240px; border-radius: 10px;}
.ul_sub06_event > li > a:hover {box-shadow: 5px 5px 7px rgb(0 0 0 / 0.2);}

.tb_reviews, .tb_reviews_detail {border-top: 2px solid #252525;}
.tb_reviews th, .tb_reviews td {border-bottom: 1px solid #afb9ba;}
.tb_reviews th {font-size: 22px; line-height: 62px; font-weight: 600; background: #e0f3f4;}
.tb_reviews td {font-size: 18px; line-height: 52px; font-weight: normal; text-align: center; color: #333;}
.tb_reviews td.td_left {text-align: left;}
.tb_reviews td a {font-weight: 600; color: #000;}
.tb_reviews td a.btn_view {display: inline-block; width: 480px; line-height: 52px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tb_reviews td span.ic_best {margin-top: 7px; vertical-align: top;}
.tb_reviews td:nth-child(4) {color: #a9a9a9;}


.tb_reviews_detail {border-bottom: 1px solid #afb9ba;}
.tb_reviews_detail th, .tb_reviews_detail td {font-size: 18px; line-height: 52px; font-weight: normal; text-align: center; color: #333; border-bottom: 1px solid #d9e6e7;}
.tb_reviews_detail th {padding-left: 35px; text-align: left; font-weight: 600; background: #e0f3f4;}
.tb_reviews_detail td {padding: 0 60px; text-align: left;}
.tb_reviews_detail td.td_context {padding: 0;}

/*.div_context {max-height: 450px; padding: 40px 60px; line-height: 36px; overflow-y: auto;}*/
.tb_reviews tr.tr_detail {display: none;}
.tb_reviews td.td_context {text-align: left;}
/*
.div_context {max-height: 350px; padding: 20px 60px 0 0; line-height: 36px; overflow-y: auto;}
.div_context_btn {text-align: right; padding: 0 52px 10px 0;}
.tb_reviews td a.btn_detail_close {display: inline-block; min-width: 110px; line-height: 32px; text-align: center; background: #222; color: #fff; border-radius: 5px;}
*/
.div_context {max-height: 350px; padding: 20px 45px 45px 0; line-height: 36px; overflow-y: auto;}
.tb_reviews td a.btn_detail_close {float: right; display: inline-block; min-width: 110px; margin-bottom: 20px; line-height: 32px; text-align: center; background: #222; color: #fff; border-radius: 5px;}

.tb_reviews_detail + .bot_btn {margin-top: 70px;}

.tb_reviews_detail.tb_reviews_write td {padding: 0 35px;}
.tb_reviews_write td.td_context_write {height: 450px; padding: 0; line-height: 36px; vertical-align: top; background: #fff; font-family: 'NanumGothic'; border-left: 1px solid #d9e6e7; border-right: 1px solid #d9e6e7; }
.tb_reviews_write td.td_context_write textarea {border: none; width: 100%; height: 100%; padding: 15px 35px; resize: none; overflow: auto;}
.tb_reviews_write td.td_agree_write {padding: 0;}
.tb_reviews_write td.td_agree_write > div {margin-top: 10px; padding: 15px 35px; background: #fff;}
.tb_reviews_write td.td_agree_write p {font-size: 16px; line-height: 22px;}

.ic_new {display: inline-block; width: 45px; height: 20px; margin-top: 17px; margin-left: 10px; font-size: 12px; line-height: 18px; text-align: center; vertical-align: top; color: #fff; background: #da0e21; border-radius: 20px;}

.ic_cate_reviews {display: inline-block; width: 80px; height: 26px; font-size: 16px; line-height: 24px; text-align: center; background: #09b7c7; color: #fff; border-radius: 4px;}

.ic_arrow02_prev, .ic_arrow02_next {display: inline-block; width: 14px; height: 14px;}
.ic_arrow02_prev {margin-right: 10px; background: url('../img/ic_arrow02_prev.png');}
.ic_arrow02_next {background: url('../img/ic_arrow02_next.png');}
.btn_reviews_write {display: inline-block; width: 340px; font-size: 26px; line-height: 62px; font-weight: 800; background: #222; color: #fff; border-radius: 65px;}
.bot_btn p.text_sm {margin-top: 15px; font-size: 14px; color: #8c8c8c;}

#reviews_list {padding-bottom: 120px;}
#reviews_view, #reviews_write {display: none; padding-bottom: 120px;}

.btn_reviews_write02, .btn_reviews_list {display: inline-block; padding: 0 60px; font-size: 26px; line-height: 62px; font-weight: 800; color: #fff; border-radius: 5px;}
.btn_reviews_write02 {background: #222;}
.btn_reviews_list {margin-left: 15px; background: #5c8689;}

#reviews_write .div_type_radio {display: inline-block; width: 100%; margin: 5px 0;}
#reviews_write .div_type_radio > input[type="radio"] {width: 0; height: 0;}
#reviews_write .div_type_radio > input[type="radio"] + label {display: inline-block; width: 120px; height: 40px; margin-left: 3px; line-height: 38px; font-size: 16px; font-weight: normal; text-align: center; border: 1px solid #cdd9da; background: #fff; color: #666; cursor: pointer;}
#reviews_write .div_type_radio > input[type="radio"]:first-child + label {margin-left: 0;}
#reviews_write .div_type_radio > input[type="radio"]:checked + label {font-weight: bold; border-color: #09b7c7; background: #09b7c7; color: #fff;}
#reviews_write input[type="text"] {border: none; width: 100%; height: 40px; padding: 0 10px; font-size: 18px; line-height: 38px; border: 1px solid #cdd9da; background: #fff;}
#reviews_write input[type="text"]::placeholder, #reviews_write input.upload_name::placeholder {font-size: 16px; line-height: 44px; color: #b7b7b7;}
#reviews_write .input_file_wrap .upload_name {width: calc(100% - 145px); height: 40px; border-color: #cdd9da;}
#reviews_write .input_file_wrap label {width: 140px; height: 40px; margin-left: -5px; line-height: 38px; text-align: center; background: #333;}

.td_agree_write input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
.td_agree_write input[type="checkbox"] + label { display:inline-block; position:relative; padding-left:20px; line-height: 36px; font-weight: bold; cursor:pointer;}
.td_agree_write input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:10px; width:15px; height:15px; text-align:center; background:#fff; border:1px solid #555; box-sizing:border-box;}
.td_agree_write input[type="checkbox"]:checked + label:after { content: ''; position:absolute; top:10px; left:0; width:15px; height:15px; background:#09b7c7 url('../img/ic_checked.png') no-repeat 50% 50%;}
.td_agree_write input[type="checkbox"] + label:before {top: 10px;}

.container_cont_support h5 {margin-top: 60px; margin-bottom: 20px; font-size: 20px; font-weight: 600; color: #222;}
.container_cont_support h5:before {content: ''; display: inline-block; width: 3px; height: 18px; margin-bottom: -2px; margin-right: 10px; background: #222;}
.container_cont_support h5:first-child {margin-top: 0;}

.container_cont_support a{ display: block; margin: 50px auto; height:60px; width:320px; font-size: 0; background: url('../img/sub07_support_btn.jpg'); }
.container_cont_support a:hover {background: url('../img/sub07_support_btn_on.jpg'); height:60px;}


/*lecturer*/
.ul_sub02_lecturer {display: inline-block; width: 100%;}
.ul_sub02_lecturer > li {float: left; display: inline-block; width: 49%; margin-right: 2%; margin-bottom: 25px;}
.ul_sub02_lecturer > li:nth-child(2n) {margin-right: 0;}
.ul_sub02_lecturer > li span {font-size: 20px; font-weight: 600; color: #222;}
.ul_sub02_lecturer > li span:before {content: '\00B7'; margin-right: 8px;}
.ul_sub02_lecturer > li p {width: 420px; height: 260px; margin-top: 10px;}
.ul_sub02_lecturer > li p.sub02_lecturer01 {background: url('../img/sub02_lecturer01.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer02 {background: url('../img/sub02_lecturer02.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer03 {background: url('../img/sub02_lecturer03.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer04 {background: url('../img/sub02_lecturer04.jpg');}
.ul_sub02_lecturer > li p.sub02_lecturer05 {background: url('../img/sub02_lecturer05.jpg');}
.ul_sub02_lecturer > li:hover p {box-shadow: 6px 6px 6px #d8d8d8;}
.ul_sub02_lecturer > li:hover p.sub02_lecturer01 {background: url('../img/sub02_lecturer01_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer02 {background: url('../img/sub02_lecturer02_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer03 {background: url('../img/sub02_lecturer03_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer04 {background: url('../img/sub02_lecturer04_on.jpg');}
.ul_sub02_lecturer > li:hover p.sub02_lecturer05 {background: url('../img/sub02_lecturer05_on.jpg');}

.side_menu.side_menu_view, .side_menu.side_menu_view > .ul_sidemenu > li > a {line-height: 0;}
.side_menu.side_menu_view > h4 {padding: 20px 0; line-height: 24px; font-weight: 800;}
.side_menu.side_menu_view > h4 > span {display: block; font-weight: 100; color: #bbb;}
.side_menu.side_menu_view > .ul_sidemenu {padding: 0;}

.container_cont > h3.text_r {text-align: right;}

.container_cont.container_cont_sub02_top {position: relative; height: 635px; margin-bottom: 0;}
.sub02_thumb {position: absolute; top: 0; left: -220px;}
.sub02_info {position: absolute; top: 85px; right: 0; display: inline-block; width: 500px;}
.ul_info {display: inline-block;}
.ul_info > li {float: left; display: inline-block;}
.ul_info > li > a {display: inline-block; min-width: 124px; padding: 0 10px; font-size: 18px; font-weight: 600; text-align: center; border: 1px solid #b8b8b8; background: #fff; color: #151515; letter-spacing: -0.6px;}
.ul_info > li.active > a {border-color: #151515; background: #151515; color: #fff;}

.container_cont.container_cont_sub02 {width: 1100px; min-height: auto; margin: 0 auto;}
.info_title {margin: 20px 0; font-size: 32px; line-height: 44px; font-weight: 800; color: #151515; letter-spacing: -1px;}
.info_title > span {color: #09b7c7}

.sub02_video {display: inline-block; width: 100%; margin-bottom: 1%;}
.sub02_video > .video_thumb, .sub02_video > .video_menu, .sub02_video > .video_thumb02 {float: left; display: inline-block;}
.sub02_video > .video_thumb {width: 75%; height: 205px; background: #303030; overflow: hidden;}
.sub02_video > .video_menu {width: 25%;}
.sub02_video > .video_thumb02 {width: 49%; height: 135px; margin-left: 2%; background: #303030; overflow: hidden;}
.sub02_video > .video_thumb02:first-child {margin-left: 0;}
.sub02_video > .video_thumb img, .sub02_video > .video_thumb02 img {width: 100%; height: auto;}
.video_thumb > .video_cont01 {position: relative;}
.ic_video_play {position: absolute; bottom: 20px; right: 30px;}

.video_menu > ul > li {border: 1px solid #d1d1d1; border-top: none;}
.video_menu > ul > li:first-child {border: 1px solid #d1d1d1;}
.video_menu > ul > li > a {display: inline-block; width: 100%; height: 67px; padding: 15px 10px; font-size: 15px; line-height: 18px; color: #555; letter-spacing: -0.6px; white-space: nowrap;}
.video_menu > ul > li.active > a {font-weight: 600; background: #09b7c7; color: #fff;}

/*.container_wrap_w100 {display: inline-block; width: 100%; min-width: 1100px; font-family: 'NotoSansKR', 'NanumGothic';}*/
.container_wrap_w100 {display: inline-block; width: 100%; min-width: 1200px; font-family: 'NotoSansKR', 'NanumGothic';}
.container_wrap_w100.sub02_section02 {position: relative; background: #303030;}
.container_wrap_w100.sub02_section05 {background: #f5f5f5;}
.ul_sub02_tabs {width: 1100px; margin: 0 auto; text-align: right;}
.ul_sub02_tabs > li {display: inline-block;}
.ul_sub02_tabs > li > a {display: inline-block; font-size: 22px; line-height: 60px; font-weight: 600; color: #fff;}
.ul_sub02_tabs > li:before {content: ''; display: inline-block; width: 1px; height: 18px; margin: 0 20px; background: #595959;}
.ul_sub02_tabs > li:first-child:before {display: none;}

.sub02_banner {margin-top: 55px;}
#sub_section03, #sub_section05, #sub_section06 {padding-top: 65px;}
.container_cont_sub02 h3 > a {float: right; font-size: 18px; line-height: 26px; font-weight: normal; color: #888;}
.sub02_reviews {display: inline-block; width: 100%; margin-bottom: 65px;}
.sub02_reviews > li > span {float: left; display: inline-block; font-size: 18px; line-height: 38px;}
.sub02_reviews > li > span:nth-child(1) {width: 10%;}
.sub02_reviews > li > span:nth-child(2), .sub02_reviews > li > span:nth-child(3) {padding: 0 20px 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.sub02_reviews > li > span:nth-child(2) {width: 30%; font-weight: 600;}
.sub02_reviews > li > span:nth-child(3) {width: 53%; color: #555;}
.sub02_reviews > li > span:nth-child(4) {width: 7%; text-align: right; color: #9e9e9e;}

.tb_curriculum {border-top: 2px solid #333;}
.tb_curriculum td {padding: 0 25px; line-height: 50px; text-align: center; border-bottom: 1px solid #bfbfbf; background: #fbfbfb; color: #555;}
.tb_curriculum td:nth-child(1), .tb_class02 td:nth-child(1) {font-weight: 800; background: #ececec; color: #333;}
.tb_curriculum td:nth-child(2), .tb_class02 td:nth-child(2) {font-weight: 600; background: #f5f5f5; color: #333;}
.tb_curriculum td span {color: #ff0808;}
.tb_curriculum td.td_left {text-align: left;}
.btn_bk02 {display: inline-block; padding: 0 15px; font-size: 18px; line-height: 30px; border-radius: 0; background: #333; color: #fff;}

.tb_class02 {border-top: 2px solid #333;}
.tb_class02 td {padding: 0 15px; line-height: 50px; text-align: center; border-bottom: 1px solid #c1c1c1; background: #fff; color: #555;}
.tb_class02 td span.td_title {display: inline-block; width: 355px; font-weight: 600; line-height: 1; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.tb_class02 td.td_left, .tb_class02 td:nth-child(1), .tb_class02 td:nth-child(3) {text-align: left;}
.tb_class02 td label {cursor: pointer;}
.tb_class02 input[type="checkbox"] {margin-right: 5px;}
.btn_gray02 {padding: 0 12px; font-size: 16px; border: 1px solid #bcbcbc; background: #f9f9f9; color: #222; border-radius: 5px;}

.tb_class02 + .bot_btn {margin-bottom: 120px; text-align: right;}
.btn_cart02, .btn_pay02 {display: inline-block; width: 140px; margin-left: -4px; font-size: 17px; line-height: 48px; text-align: center; color: #fff;}
.btn_cart02 {background: #222;}
.btn_pay02 {background: #ea3434;}

.content-slider {position: relative; width: 1100px; margin: 0 auto; overflow: hidden;}
.content-slider.content-slider-book {border-bottom: 1px solid #bdbdbd;}
#slider-book {height: 315px !important;}
.ul_sub02_book {display: inline-block; margin-top: 15px;}
.ul_sub02_book > li {float: left; display: inline-block; width: 550px; }
.ul_sub02_book > li .b_wrap {width: calc(100% - 205px); padding: 0 25px;}
.ul_sub02_book p {font-size: 20px; line-height: 28px; color: #555;}
.ul_sub02_book p > span {font-weight: 800;}
.ul_sub02_book .b_title {font-weight: 900; color: #333;}
.ul_sub02_book .b_info {margin: 10px 0 15px 0; font-size: 18px; color: #a9a9a9;}
.ul_sub02_book .b_info > span {font-weight: normal;}
.ul_sub02_book .b_info > span:before {content: ''; display: inline-block; width: 1px; height: 12px; margin: 0 8px; background: #a9a9a9;}
.ul_sub02_book .b_info > span:first-child:before {display: none;}
.ul_sub02_book .b_price01 {margin-top: 30px; font-weight: 600; color: #ea3434;}
.ul_sub02_book .b_price01 > s {margin-left: 8px; color: #888;}
.ul_sub02_book .b_price02 {font-size: 32px; line-height: 38px; font-weight: 900; color: #151515;}
.content-slider-book .lSAction > a {top: 315px; width: 50px; height: 50px; margin-top: -30px;}
.content-slider-book .lSAction > .lSPrev {left: 1000px; background: url('../img/controls_perv.jpg');}
.content-slider-book .lSAction > .lSNext {right: 0; background: url('../img/controls_next.jpg');}
.content-slider-book .lSAction > .lSPrev:hover {background: url('../img/controls_perv_on.jpg');}
.content-slider-book .lSAction > .lSNext:hover {background: url('../img/controls_next_on.jpg');}

.sub02_quickmenu {position: absolute; top: 28px; left: calc(50% - 820px); font-family: 'NotoSansKR', 'NanumGothic';}
.sub02_quickmenu ul {display: inline-block; width: 200px; border: 1px solid #e4e4e4; background: #fff; border-radius: 20px; box-shadow: 4px 4px 5px rgb(0 0 0 / 0.1);}
.sub02_quickmenu ul > li {padding: 25px 30px; font-size: 18px; font-weight: 600; border-top: 1px solid #e4e4e4; opacity: 0.8; filter:alpha(opacity=80);}
.sub02_quickmenu ul > li a {color: #222; letter-spacing: -1px;}
.sub02_quickmenu ul > li span {display: block; font-size: 16px; font-weight: normal; color: #555;}
.sub02_quickmenu ul > li span img {margin-top: -2px; margin-left: 5px; vertical-align: middle;}
.sub02_quickmenu ul > li:first-child {border-top: none; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.sub02_quickmenu ul > li:nth-child(5) {border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.sub02_quickmenu ul > li.on {text-align: center; background: #f8f8f8; opacity: 1;}
.sub02_quickmenu_fixed {position: fixed;}
.lecturer_thumb {display: block; width: 60; height: 60px; }

#pop_info_lecturer {display: none;}
#pop_info_lecturer .pop_wrap {border-radius: 20px;}
#pop_info_lecturer .pop_contents02 > ul {margin-bottom: 20px; font-size: 16px;}
#pop_info_lecturer .pop_contents02 > ul > li {padding-left: 10px;}
#pop_info_lecturer .pop_contents02 > ul > li:before {content: '\00B7'; margin-right: 5px;}
#pop_info_lecturer .pop_contents02 > ul > li:first-child {padding-left: 0; padding-bottom: 5px; font-size: 16px; font-weight: 800;}
#pop_info_lecturer .pop_contents02 > ul > li:first-child:before {content: ''}

#pop_info_video {display: none; font-family: 'NotoSansKR', 'NanumGothic';}
#pop_info_video > .pop_class_wrap {left: calc(50% - 400px); width: 800px; padding: 30px 40px 20px 40px; background: #fff; border-radius: 20px;}
#pop_info_video .pop_contents {padding: 0;}
#pop_info_video .pop_class_video {width: 100%;}
#pop_info_video .pop_class_header > p, #pop_info_video .pop_class_header > a {color: #222;}
#pop_info_video .class_video_info {display: inline-block; margin-top: 10px;}
#pop_info_video .class_video_info img {height: 50px; margin-right: 10px;}
#pop_info_video .class_video_info p {margin-top: 5px; font-size: 20px; line-height: 22px; font-weight: 800;}
#pop_info_video .class_video_info span {font-size: 16px; font-weight: normal;}
#pop_info_video .btn_layer_close {position: absolute; top: 15px; right: 10px;}

 #pop_class_explan {display: none;}
.ul_class_list {position: relative; height: 300px; margin-bottom: 20px; border-bottom: 1px solid #ddd; overflow: hidden; font-family: 'NotoSansKR', 'NanumGothic';}
.ul_class_list li {padding-left: 45px;}
.ul_class_list li.li_top {margin-bottom: 30px; padding-top: 40px; font-size: 22px; color: #8f8f8f;}
.ul_class_list li.li_top > span {display: block; font-size: 28px; line-height: 48px; font-weight: 800; color: #333;}
.ul_class_list li > a {display: inline-block; min-width: 180px; margin-bottom: 15px; font-size: 18px; line-height: 36px; font-weight: 800; text-align: center; background: #222; color: #fff; border-radius: 35px;}
.ul_class_list li.bg_img {position: absolute; bottom: -5px; right: 15px;}
.ul_class_list li.bg_img > img {width: 285px; height: auto; image-rendering: auto;}


/*event*/
.cont_wrap_event_type {padding-top: 25px; border-top: 1px solid #c8c8c8;}
.cont_wrap_event_type {margin-bottom: 50px; text-align: right;}
.cont_wrap_event_type input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0;}
.cont_wrap_event_type input[type="checkbox"] + label { display:inline-block; position:relative; margin-left: 15px; padding-left:25px; font-size: 18px; font-weight: 600; line-height: 1; color: #333; cursor:pointer;}
.cont_wrap_event_type input[type="checkbox"] + label:before {content:''; position:absolute; left:0; top:0; width:20px; height:20px; text-align:center; background:#fff; border:1px solid #555; box-sizing:border-box;}
.cont_wrap_event_type input[type="checkbox"]:checked + label:after { content: ''; position:absolute; top:0; left:0; width:20px; height:20px; background:#09b7c7 url('../img/ic_checked.png') no-repeat 50% 50%;}

.cont_wrap_event {margin-bottom: 60px;}
.event_thumb {margin-bottom: 18px;}
.event_thumb {width: 430px; height: 220px; overflow: hidden;}
.event_thumb > img {transform: scale(1); transition: transform 0.3s ease 0s, opacity 0.1s linear 0s;}
.event_thumb:hover > img {transform: scale(1.1); transition: transform 0.3s ease 0s, opacity 0.1s linear 0s;}
.event_type {float: left; display: inline-block; width: 62px; height: 62px; margin-right: 15px; padding-top: 11px; font-size: 18px; line-height: 20px; text-align: center; background: #dbdbdb; color: #222;}
.e_type02 {opacity: 0.5; filter:alpha(opacity=50);}
.e_type02 .event_type {line-height: 40px; background: #222; color: #fff;}
.event_title > span {display: block;}
.event_title > span:nth-child(1) {font-size: 22px; font-weight: 800; color: #151515;}
.event_title.text_sm > span:nth-child(1) {letter-spacing: -1.2px;}
.event_title > span:nth-child(2) {font-size: 16px; color: #888;}
.event_msg {display: none; text-align: center;}

.event_top {margin-bottom: 75px;}
.event_top > p {margin-bottom: 15px; font-size: 20px; font-weight: 800; color: #222;}
.event_top .cont_w2 > a {position: relative; display: inline-block; border: 1px solid #c8c8c8; box-shadow: 8px 8px 8px #b7b7b7; border-radius: 20px; overflow: hidden;}
.event_top .event_thumb {margin-bottom: 0;}
.event_top .event_title {padding: 24px;}
.ic_event_type {position: absolute; top: 200px; left: 24px;}


/*privacy*/
.container_cont_privacy .cont_w2 {width: 48%; margin-left: 4%;}
.container_cont_privacy .cont_w2:first-child {margin-left: 0;}
.container_cont_privacy h5 {margin: 40px 0 15px 0; font-size: 20px; font-weight: 600; color: #222;}
.container_cont_privacy h5:first-child {margin-top: 0;}
.container_cont_privacy h6 {margin-top: 20px; font-size: 16px; font-weight: 600; color: #454545;}
.container_cont_privacy p + p {margin-top: 10px;}
.container_cont_privacy table {margin-top: 5px; font-size: 15px;}
.container_cont_privacy table th, .container_cont_privacy table td {padding: 5px 15px; text-align: left; font-weight: normal; border: 1px solid #e6e6e6;}
.container_cont_privacy table th {background: #f6f6f6;}
.container_cont_privacy .tb_center th, .container_cont_privacy .tb_center td {text-align: center}


/*exam*/
#exam_wrap {font-size: 17px; font-weight: normal; font-family: 'NotoSansKR', 'NanumGothic'; color: #222; background: #f4f4f4; }

.exam_container {width: 900px; margin: 0 auto; padding: 40px; border-top: 4px solid #013b9f; background: #fff;}
.exam_container > h3 {margin-bottom: 40px; padding-bottom: 15px; font-size: 23px; font-weight: 800; line-height: 1; border-bottom: 1px solid #222; color: #222;}
.exam_container > h4 {margin-bottom: 30px; padding: 25px 0; font-size: 22px; line-height: 1; font-weight: 800; text-align: center; background: #f7f7f7; color: #222;}
.exam_container > h4 > span {padding-left: 10px; font-size: 15px; font-weight: normal; color: #999;}

.div_exam {position: relative; padding: 40px 0; border-top: 1px solid #c6c6c6;}
.div_exam:first-child {border-top: none;}
.div_exam > span {word-break: keep-all;}
.div_exam > span.eaxm_num {font-size: 18px; font-weight: bold;}
.div_exam > span.eaxm_score {font-weight: bold;}
.exam_ex {vertical-align: middle; margin-top: 10px;}
.exam_ex input[type="radio"] {width: 0; height: 0;}
.exam_ex > label {display: inline-block; width: 100%; margin-top: 10px; padding: 0 15px; cursor: pointer;}
.exam_ex > label > span {display: inline-block; width: 20px; height: 20px; padding-left: 4px; text-align: center;}
.exam_ex input[type="radio"]:checked + label {font-weight: bold; color: #013b9f; text-decoration: underline; background: #e3efff; border-radius: 2px;}
.exam_ex input[type="text"] {border: none; width: calc(100% - 30px); height: 36px; margin: 10px 0 0 15px; padding: 0 10px; font-size: 17px; border: 1px solid #c6c6c6;}
.exam_ex textarea {border: none; resize: none; width: calc(100% - 30px); height: 100px; margin: 10px 0 0 15px; padding: 0 10px; font-size: 17px; border: 1px solid #c6c6c6; font-family: 'NotoSansKR', 'NanumGothic'; letter-spacing: 0.3px;}

.answer_fixed {position: fixed; top: 0; left: calc(50% + 450px); display: inline-block; width: 250px; height: 100%; border: 1px solid #ccc; border-top: none; background: #fff; overflow-y: auto;}
.answer_fixed > p.p_title {margin-bottom: 5px; line-height: 42px; text-align: center; background: #222; color: #fff;}
.answer_fixed ul {display: inline-block; width: 100%; height: 44px; padding-top: 2px; list-style: none; border-bottom: 1px solid #dfdfdf;}
.answer_fixed ul > li {float: left; width: 13%; margin-right: 2%; font-size: 16px; line-height: 32px;}
.answer_fixed ul > li:first-child {width: 16%; padding-left: 5px;}
.answer_fixed ul > li.li_checked {border: 1px solid #013b9f; background: #013b9f; color: #fff;}
.answer_fixed ul > li:nth-child(6n) {margin-right: 1%;}
.answer_fixed ul > li:nth-child(6n + 1) {margin-left: 1%;}
.answer_fixed ul > li > label {display: inline-block; width: 100%; height: 32px; font-size: 16px; line-height: 28px; text-align: center; border: 1px solid #dfdfdf; background: #f4f4f4; border-radius: 100%; cursor: pointer;}
.answer_fixed ul > li > input[type="radio"] {width: 0; height: 0;}
.answer_fixed ul > li > input[type="radio"]:checked + label {border: 1px solid #013b9f; background: #013b9f; color: #fff;}
.answer_fixed input[type="text"]{width: 190px; border:1px solid #ccc; line-height:32px; height:32px; padding:2px; font-size:16px; font-weight:bold; box-sizing:border-box; -moz-box-sizing:border-box}

.bottom_fixed {position: fixed; bottom: 0; left: 0; width: 100%; height: 44px; background: #222; color: #fff;}
.bottom_cont {width: 900px; margin: 0 auto; padding-left: 40px; line-height: 44px;}
.bottom_cont p > span {margin-right: 15px; font-size: 14px; font-weight: normal; vertical-align: top;}
.bottom_cont a {display: inline-block; width: 250px; margin-right: -250px; text-align: center; background: #013b9f; color: #fff;}
.bottom_result_fixed .bottom_cont a {margin-right: 0;}

@media (max-width:1399px) {
    .exam_container, .bottom_cont {margin: 0 120px;}
    .answer_fixed {left: 1020px;}
}
@media (max-width:1280px) {
    .exam_container, .bottom_cont {margin: 0;}
    .answer_fixed {left: 900px;}
}

#result_wrap {font-size: 17px; font-weight: normal; font-family: 'NotoSansKR', 'NanumGothic'; color: #222; background: #fafafa;}
#result_wrap .exam_container {box-shadow: 0 0 30px rgb(0 0 0 / 20%);}
#result_wrap .exam_cont {text-align: center;}
#result_wrap .exam_cont > p  {margin-bottom: 30px;}

.cont_result {font-size: 17px;}
.grade_wrap {border: 5px solid #f2f2f2;}
.grade_wrap > .cont_wrap {padding: 0 40px; line-height: 72px; border-top: 1px dotted #dfdfdf;}
.grade_num {font-size: 22px; font-weight: 900;}
.grade_num > span {color: #013b9f;}
.grade_num > span:after {content: '/'; margin: 0 10px; font-weight: normal; color: #aaa}
.grade_subject_wrap .grade_num {font-size: 20px; font-weight: 600;}

.grade_subject_wrap {margin: 60px 0 40px 0; border-top: 1px solid #dfdfdf;  border-bottom: 1px solid #dfdfdf;}
.grade_subject_wrap > .cont_wrap {padding: 0 40px; line-height: 62px; border-top: 1px dotted #dfdfdf;}
.grade_subject_wrap > .cont_wrap:first-child {border-top: none;}
.btn_solve {display: block; width: 250px; margin: 0 auto; line-height: 48px; text-align: center; background: #013b9f; color: #fff; border-radius: 4px;}


/*solve*/
.div_exam_top {margin-bottom: 30px; padding: 5px; background: #f7f7f7;}
.div_exam_top > table.tb_result {border-collapse: collapse; width: 100%; font-size: 14px; border: 1px dotted #d2d2d2; background: #fff;}
.div_exam_top > table.tb_result th, .div_exam_top > table.tb_result td {height: 48px; padding: 8px 4px; border-top: 1px dotted #d2d2d2;}
.div_exam_top > table.tb_result th {padding: 8px 0; text-align: center;} 
.div_exam_top > table.tb_result th {background: #f7f7f7;}
    
.div_exam_top > .ul_result02 {display: inline-block; width: 100%; margin-top: 20px; font-size: 16px; line-height: 1.8; border: 1px solid #d2d2d2; border-top: none;}
.div_exam_top > .ul_result02 > li {float: left; min-width: 5%; text-align: center; border-left: 1px solid #d2d2d2; border-top: 1px solid #d2d2d2; background: #fff; list-style: none;}
.div_exam_top > .ul_result02 > li:nth-child(20n + 1) {border-left: none;}
.div_exam_top > .ul_result02 > li > p {border-bottom: 1px solid #d2d2d2; background: #f7f7f7;}

.div_exam > span.eaxm_num {position: relative;}
.div_exam > span.eaxm_num:before {content: ''; position: absolute; top: -15px; left: -25px; display: inline-block; width: 60px; height: 60px;}
.div_exam > span.eaxm_num.eaxm_num_correct:before {background: url('../img/ic_correct.png');}
.div_exam > span.eaxm_num.eaxm_num_wrong:before {background: url('../img/ic_wrong.png');}
.exam_ex > p {display: inline-block; width: 100%; margin-top: 10px; padding: 0 15px;}
.exam_ex > p > span {display: inline-block; width: 20px; height: 20px; padding-left: 4px; text-align: center;}
.exam_solve {margin-top: 20px; padding: 15px; background: #fff6f1;}
.exam_solve > p:first-child {font-weight: 600;}
.exam_solve > p + p {margin-top: 10px;}
.div_exam_btn {text-align: center;}
.div_exam_btn > a {display: inline-block; width: 250px; line-height: 40px; font-weight: 800; border: 2px solid #013b9f; color: #013b9f; border-radius: 4px;}

.a_wrong {color: #013b9f;}
.a_correct {position: relative; color: #ea3434;}
.a_correct:before {content: ''; display: inline-block; position: absolute; top: 3px; left: 18px; width: 18px; height: 18px; background: url('../img/ic_correct_num.png'); background-size: contain}