@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
/*=====================
        로그인 헤더
=====================*/

/*로그인페이지가 인덱스인 경우*/
#member_header .logoArea img.pc_logo{}
#member_header .logoArea img.mobile_logo{
    display: none;
}
#member_header{
    height: 82px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
    position: relative;
}
#member_header .logoArea{
    display: inline-block;
    padding: 26px 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
}
#member_header .logoArea img{
    width: 170px;
}
@media all and (max-width: 1023px){
    #member_header {
        position: fixed;
        height: 60px;
        z-index: 9;
    }
    #member_header .logoArea{
        padding: 19px 0;
    }
    #member_header .logoArea img{
        width: 130px;
    }
    #member_header .logoArea img.pc_logo{display: none;}
    #member_header .logoArea img.mobile_logo{
        display: inline-block;
    }
}

#footer.login_footer{
    border-top: 1px solid #ddd;
}

/*=====================
        공통 사용
=====================*/
/* wapper 레이아웃, box */
#wrapper, #wrapper_02 {
    width: 100%;
    max-width: 1240px;
    margin: auto;
}

.fa-angle-down:before, .only_m, .only_t {
    display: none !important;
}

.m_box, .t_box, .table_t_box, .mobile_br, .table_m_box {
    display: none;
}

.table_pc_box {
    display: table-row;
}

.section_padding {
    padding: 100px 0;
}

@media screen and (max-width:1023px) {
    .pc_box, .print_btn {
        display: none !important;
    }

    .t_box {
        display: block;
        text-align: center;
    }

    .only_t {
        display: inline-block !important;
    }

    .t_box.common_table {
        display: inline-table;
    }

    .table_pc_box {
        display: none;
    }

    .table_t_box {
        display: table-row;
    }

    .section_padding {
        padding: 60px 0;
    }

    /*.m_box {
        display: block;
    }*/
}

@media screen and (min-width: 769px) {
    .p_none {
        display: none !important;
    }
}

@media screen and (max-width:599px) {
    .p_none, .m_box {
        display: block;
    }

    .mobile_none, .mobile_none:before, .mobile_none:after, .t_none, .one_learning_bottom .one_learning .lea_num {
        display: none;
    }

    .table_m_box {
        display: table-cell;
    }
}

@media screen and (max-width: 460px) {
    .only_m {
        display: inline-block !important;
    }

    .mobile_br {
        display: block;
    }

    .section_padding {
        padding: 40px 0;
    }
}

/* 버튼 */
.btn_arrow {
    display: inline-block;
    width: 100%;
    max-width: 290px;
    margin-top: 45px;
    padding-left: 20px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: url(../images/main/icon_main_arrow.svg) calc(100% - 20px) center no-repeat;
}

.btn_default {
    display: inline-block;
    width: 100%;
    max-width: 290px;
    margin-top: 45px;
    font-size: 16px;
    height: 46px;
    line-height: 46px;
    text-align: center;
}

a.btn_more {
    display: block;
    width: 160px;
    height: 40px;
    margin: 27px auto 0;
    border-radius: 20px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #999;
    color: #777;
}

/* 페이지 상단 타이틀 */
.page-title2 {
    max-width: 1228px;
    padding: 0 0;
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 50px;
}

.page-title2 .page-p {
    margin-top: 5px;
    font-size: 36px;
    line-height: 1.3;
    font-weight: 500;
}

@media all and (max-width: 1268px) {
    .page-title2 {
        width: calc(100% - 40px);
        margin-left: auto;
        margin-right: auto;
    }
}

@media all and (max-width:1023px) {
    .page-title2 {
        font-size: 18px;
        margin-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .page-title2 .page-p {
        font-size: 26px;
        margin-bottom: 30px;
    }
}

@media all and (max-width:599px) {
    .page-title2 .page-p {
        margin-bottom: 0;
    }
}

/* input 스타일 */
.ipt {
    -webkit-appearance: none;
    width: 100%;
    line-height: normal !important;
    /*font-weight: 200;*/
    font-size: 14px;
    height: 36px;
    border: 1px solid #ddd;
    outline: none;
}

.fa-file-alt.fa-2x {
    font-size: 21px;
}

@media screen and (max-width:1023px) {
    .fa-play-circle {
        line-height: 24px !important;
        margin-left: -7px;
    }
}

@media screen and (max-width: 720px) {
    .fa-file-alt.fa-2x {
        font-size: 19px;
    }
}

/* 게시글 작성 테이블 공통*/
.write_form {
}

.write_form table {
    border-top: 1px solid #333;
}

.write_form table tr {
}

.write_form table tr td.img_td {
    vertical-align: middle;
}

.write_form table tr td.img_td label {
    height: auto;
}

.write_form table tr td.img_td label.radio:before {
    top: 50%;
    margin-top: -8.5px;
}

.write_form table tr td.img_td label.radio:after {
    top: 50%;
    margin-top: -3.5px;
}

.write_form table tr:last-child th,
.write_form table tr:last-child td {
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.write_form table tr th {
    width: 15%;
    padding: 17px 30px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    /*background:#eef6ff;*/
    text-align: left;
}

.write_form table tr td {
    padding: 17px 30px;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
}

.write_form table .pc_star {
    display: table-row;
}

.write_form table .mobile_star {
    display: none;
    vertical-align: middle;
}

.write_form table .mobile_star option {
}

.write_form table tr .star {
    width: calc(16% - 25px);
    margin-right: 3%;
    padding-left: 25px;
}

.write_form table tr .star img {
    float: left;
}

select.icon-menu option {
    background-repeat: no-repeat;
    background-position: bottom left;
    padding-left: 30px;
}

.write_form table tr .star:last-child {
    margin-right: 0;
}

.write_form label.radio:before {
    top: 2px;
}

.write_form label.radio:after {
    top: 7px;
}

.write_form table tr .ipt01.ipt {
    width: 100%;
}

.write_form table tr textarea.ipt01 {
    min-height: 300px;
    padding: 2%;
    vertical-align: top;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 3px;
    width: 100%;
}

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

    .write_form label.radio:before {
        top: -1px;
    }

    .write_form label.radio:after {
        top: 4px;
    }

    .write_form table .pc_star {
        display: none;
    }

    .write_form table .mobile_star {
        display: table-row;
    }

    .write_form table tr td.img_td span label {
        width: 20%;
        margin-left: 5% !important;
    }

    .write_form table tr td.img_td span label.first_label {
        margin-left: 0 !important;
    }
}

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

    .write_form table tr th {
        display: block;
        width: 100%;
        background: #fff;
        border-bottom: 0;
        padding: 20px 0 0;
        font-size: 13px;
        color: #777;
    }

    .write_form table tr td {
        display: block;
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 10px 0 20px;
    }

    .write_form table tr td input.w50.ipt {
        width: 100% !important;
    }

    .write_form table tr .ipt01.ipt {
        width: 100%;
    }

    .write_form table tr th {
        width: 100% \9;
        float: left \9;
    }

    .write_form table tr td {
        width: 100% \9;
        float: left \9;
    }

    .write_form table tr td {
        font-size: 14px;
    }

    .write_form table tr td.img_td {
    }

    .write_form table tr td.img_td span label {
        width: 44%;
        margin: 0 2% 5% 0 !important;
    }

    .write_form table tr td.img_td span label img {
        width: 80%;
    }

    .write_form .write_btn li a {
        font-size: 12px;
        margin: 2em auto 3em !important;
        padding: 0.9em 3em;
    }

    .write_form table tr:last-child th {
        border-bottom: 0
    }
}

@media screen and (max-width: 414px) {
    .write_form table tr th {
        display: block;
        width: 100%;
    }

    .write_form table tr td {
        display: block;
        width: 100%;
    }

    .write_form table tr th {
        width: 100% \9;
        float: left \9;
    }

    .write_form table tr td {
        width: 100% \9;
        float: left \9;
    }

    .write_form table tr td .ipt {
        width: 100%;
    }

    .write_form table tr td select {
        width: 100% !important;
    }
}

@media screen and (max-width: 414px) {
    .write_form table tr td.img_td span label img {
        width: 60%;
    }
}

/* 질문하기 모바일 */
#btn_btm_write {
    clear: both;
    width: 100%;
    text-align: right;
    height: 49px;
    margin-top: 3em;
}

@media screen and (max-width:1023px) {
    #btn_btm_write {
        margin-bottom: 3em;
    }
}

@media screen and (max-width:599px) {
    #btn_btm_write {
        margin: 20px auto 0;
        height: auto;
    }

    #btn_btm_write a {
        width: 100%;
    }

    .detail_page .detail_page_bottom .lecture_epilogue + #btn_btm_write {
        margin-top: -2em;
        margin-bottom: 0;
    }
}

/* 게시판 형식 view 공통 */
@media screen and (max-width: 375px) {
    .board_view_form.view_form .view_top .top_right .idate {
        font-size: 12px;
    }
}


/*=====================
        2depth
=====================*/
.depth2 {
    margin-bottom: 35px;
}

.depth2 ul {
}

.depth2 ul li {
    display: inline-block;
    margin-right: 10px;
}

.depth2 ul li.on a {
    border-color: var(--keycolor);
    background-color: var(--keycolor);
    color: #fff;
}

.depth2 ul li a {
    display: block;
    border: 1px solid #999;
    padding: 11px 16px;
    border-radius: 50px;
    min-width: 100px;
    font-size: 17px;
    font-weight: 500;
    color: #999;
    text-align: center;
}

.depth2_mobile,
.Atheory_tab_mobile {
    display: none !important;
    margin-bottom: 35px;
}


@media screen and (max-width:599px) {
    .depth2,
    .Atheory_tab_sub {
        display: none;
    }

    .depth2_mobile {
        display: block !important;
        margin-bottom: 10px;
    }

    .depth2_mobile.blind {
        display: none !important;
    }

    .Atheory_tab_mobile {
        display: block !important;
        margin-bottom: 10px;
    }

    .depth2_mobile select,
    .Atheory_tab_mobile select {
        width: 100%;
    }
}
.Atheory_tab_sub {
    margin-bottom: 20px;
}

.Atheory_tab_sub ul {
    border-bottom: 1px solid #ddd;
    margin: auto;
    text-align: left;
}

.Atheory_tab_sub ul li {
    display: inline-block;
    margin-right: 20px;
    padding-right: 20px;
    position: relative;
    text-align: center;
}

.Atheory_tab_sub ul li:last-child:after {
    display: none;
}

.Atheory_tab_sub ul li a {
    font-weight: 200;
    font-size: 17px;
    display: inline-block;
    padding-bottom: 10px;
    color: #999;
}

.Atheory_tab_sub ul li.on a {
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    color: var(--keycolor);
}

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

}

.lec_depth2 {
    margin-top: 20px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
}

.lec_depth2 ul {
}

.lec_depth2 ul li {
    display: inline-block;
    margin-right: 20px;
}

.lec_depth2 ul li.on a {
    color: #333;
    font-size: 15px;
    font-weight: 500;
}

.lec_depth2 ul li a {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #777;
    text-align: center;
}

.lec_depth2_m,
.lec_depth3_m {
    display: none !important;
}

@media screen and (max-width:599px) {
    .lec_depth2,
    .lec_depth3 {
        display: none;
    }

    .lec_depth2_m {
        display: block !important;
    }

    .lec_depth3_m {
        display: block !important;
    }

    .lec_depth2_m {
        border-bottom: 1px solid #ddd;
    }

    .lec_depth2_m .owl-item {
        text-align: center;
    }

    .lec_depth2_m .owl-item li a {
        display: inline-block;
        padding: 15px 0;
        font-size: 13px;
    }

    .lec_depth2_m .owl-item li.on a {
        position: relative;
    }

    .lec_depth2_m .owl-item li.on a:before {
        content: '';
        width: 100%;
        height: 3px;
        background: #333;
        position: absolute;
        bottom: 0;
    }
}

.lec_depth3 {
    margin-bottom: 3.5em;
}

.lec_depth3 ul {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    margin: auto;
    text-align: left;
}

.lec_depth3 ul li {
    display: inline-block;
    margin-right: 20px;
    position: relative;
    text-align: center;
}

.lec_depth3 ul li:last-child:after {
    display: none;
}

.lec_depth3 ul li a {
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    padding: 10px 15px;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.lec_depth3 ul li.on a {
    font-weight: 500;
    border: 1px solid #111;
    color: #111;
}


.lec_depth3_m {
    background: #fafafa
}

.lec_depth3_m ul {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    margin: auto;
    text-align: left;
}

.lec_depth3_m ul li {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.lec_depth3_m ul li:last-child:after {
    display: none;
}

.lec_depth3_m ul li a {
    font-weight: 400;
    font-size: 12px;
    display: inline-block;
    padding: 10px 15px;
    color: #777;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.lec_depth3_m ul li.on a {
    font-weight: 500;
    border: 1px solid #111;
    color: #111;
}
/*=====================
     PC 카테고리
=====================*/
.lecSelectBoxWrap.m_box{
    display:none;
}
/*2뎁스*/
.lecSelectBoxWrap.pc{
    display: inline-block;
    margin-bottom: 40px;
    width:100%;
    border-top: 1px solid #111;
}
.lecSelectBox{
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 80px 20px 0;
    position: relative;
}
.lecSelectBoxWrap .lecDepth2 .owl-carousel .owl-stage{
    min-width:100% !important;
}
.lecSelectBoxWrap .lecDepth2{
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}
.lecSelectBoxWrap .lecDepth2 a{
    font-size: 15px;
    font-weight: 400;
    color: #777;
    width: 100%;
    display: inline-block;
    line-height: 20px;
}
.lecSelectBoxWrap .lecDepth2 a.on{
    font-size: 15px;
    font-weight: 500;
    color: #333;
}
.lecSelectBoxWrap .lecDepth2 .cate_box{
    display: inline-block;
    margin: 5px 7px;
}
.lecSelectBoxWrap .swiper {
    width: 100%;
    height: 100%;
}

.lecSelectBoxWrap .swiper-wrapper{
    justify-content: left;
}
.lecSelectBoxWrap .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.lecSelectBoxWrap .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lecSelectBoxWrap .swiper-slide {
    width: auto;
}
/*3뎁스 카테고리*/
.lecDepthBox {
    width:100%;
    border-bottom: 1px solid #ddd;
    padding: 10px 20px;
}

.lecDepthBox .lecDepth3_swiper{
    /*border-bottom: 1px solid #ddd;*/
    margin: auto;
    text-align: left;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.lecDepthBox .lecDepth3_swiper .cate_box {
    padding:0 16px 0 0px;
    margin: 5px 16px 5px 0;
    position: relative;
    text-align: center;
    line-height: 20px;
}
.lecDepthBox .lecDepth3_swiper .cate_box:after{
    content: '';
    width:1px;
    height: 10px;
    background:#777;
    position: absolute;
    right: 0;
    top:50%;
    margin-top:-4px;
}
.lecDepthBox .lecDepth3_swiper .cate_box:first-child{
    padding-left:0;
}
.lecDepthBox .lecDepth3_swiper .cate_box:last-child:after {
    display: none;
}

.lecDepthBox .lecDepth3_swiper a {
    display: inline-block;
    color: #777;
    font-weight: 400;
    font-size: 13px;
}

.lecDepthBox .lecDepth3_swiper  a.on {
    font-weight: 500;
    color:#333;
}


/*3뎁스 카테고리*/
.textbookDepthBox {
    width:100%;
    border-bottom: 1px solid #ddd;
    padding: 15px 20px;
}

.textbookDepthBox ul {
    /*border-bottom: 1px solid #ddd;*/
    margin: auto;
    text-align: left;
}

.textbookDepthBox ul li {
    display: inline-block;
    padding:0 12px 0 10px;
    position: relative;
    text-align: center;
}
.textbookDepthBox ul li:after{
    content: '';
    width:1px;
    height: 10px;
    background:#777;
    position: absolute;
    right: 0;
    top:50%;
    margin-top:-6px;
}
.textbookDepthBox ul li:first-child{
    padding-left:0;
}
.textbookDepthBox ul li:last-child:after {
    display: none;
}

.textbookDepthBox ul li a {
    display: inline-block;
    color: #777;
    font-weight: 400;
    font-size: 13px;
}

.textbookDepthBox ul li.on a {
    font-weight: 500;
    color:#333;
}

@media all and (max-width:599px){
    .lecSelectBoxWrap{
        margin-bottom:30px;
    }
    .lecSelectBox{
        max-width:calc(50% - 6px);
        width: auto;
        padding: 0;
        margin: 0;
        display: inline-block;
    }
    .lecSelectBox:last-child{
        margin-right:0;
    }
    .lecSelectBox label{
        max-width: 100%;
        height: 34px;
        line-height: 20px;
        display: inline-block;
    }
}

/*=====================
     모바일 카테고리
=====================*/
.lecSelectBoxWrap{
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}
/*.lecSelectBox{
    position: relative;
    display: inline-block;
    margin-right:7px;
}*/
@media all and (max-width:599px){
    .lecSelectBoxWrap.m_box{
        display:block;
    }
    .lecSelectBoxWrap.pc{
        display:none;
    }
    .lecSelectBoxWrap{
        margin-bottom:30px;
    }
    .lecSelectBox{
        max-width:calc(50% - 6px);
    }
    .lecSelectBox label{
        max-width: calc(100% - 175px);
        position: relative;
        overflow: hidden;
        line-height: 34px;
        padding:7px 10px;
        padding-right: 38px;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: #f6f6f6 url(../../images/main/icon_main_menuarrow.png) no-repeat calc(100% - 10px) 50%;
        background-size: 7px;
        background-color:#f6f6f6;
        border-radius:3px;
    }
    .lecSelectBox select.selectBox{
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
        width: 100%;
        height: 34px;
    }

    .lecSelectBox:last-child{
        margin-right:0;
    }
    .lecSelectBox label{
        max-width: 100%;
        height: 34px;
        line-height: 20px;
    ;
        display: inline-block;
    }
}

/* 태블릿, 모바일 사이즈 테이블 */

@media screen and (min-width: 721px) {
    .p_none {
        display: none !important;
    }
}

@media screen and (max-width: 720px) {
    .p_none {
        display: block;
    }

    .t_none, .one_learning_bottom .one_learning .lea_num {
        display: none !important;
    }
}


/* 탭메뉴 */

.tab_menu {
    width: 40%;
    margin: 0 auto 4em;
}

.tab_menu.event_tab {
    width: 27.5%;
}

.tab_menu li a {
    display: block;
    padding: 1em 0;
    background-color: #fff;
    color: #999;
    border: 1px solid #ddd;
}

.tab_menu li.on a {
    border: 1px solid var(--keycolor);
    background-color: var(--keycolor);
    color: #fff;
}

@media screen and (max-width: 1230px) {
    .tab_menu.event_tab {
        width: 60%;
    }
}

@media screen and (max-width: 900px) {
    .tab_menu {
        width: 70%;
    }
}

@media screen and (max-width: 700px) {
    .tab_menu {
        width: 100%;
    }

    .tab_menu.event_tab {
        width: 100%;
    }
}

/* 공지사항  view 테이블 공통*/

.view_form {
}

.view_form .view_top {
    position: relative;
    border-top: 1px solid #333;
    border-bottom: 1px solid #ddd;
    padding: 0 0;
    margin-bottom: 1.2em;
}

.view_form .view_top .top_right {
    position: relative;
    width: 100%;
}

.view_form .view_top .top_right .idate {
    float: left;
    width: 100%;
    padding: 0 30px 14px;
}

.view_form .view_top .top_right .idate li {
    display: inline-block;
    float: none;
    vertical-align: middle;
    color: #666;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
}

.view_form .view_top .top_right .idate li:first-child {
    float: left;
    padding-left: 0;
    margin-left: 0
}

.view_form .view_top .top_right .idate li:last-child {
    position: relative;
}

.view_form .view_top .top_right .idate li:before {
    content: '';
    width: 1px;
    height: 10px;
    background: #666;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.view_form .view_top .top_right .idate li:first-child:before {
    display: none;
}

.view_form .view_top .top_right .idate li a {
    color: #aaa;
}

.view_form .view_top .top_right .title_sns {
    position: relative;
    /*margin: 0.8em 0 1em;*/
    padding: 14px 30px 5px;
}

.view_form .view_top .top_right .star {
    display: block;
    width: 10%;
    padding-left: 0;
    margin-bottom: 5px;
}

.view_form .view_top .top_right h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
}

.view_form .view_top .top_right h4 span {
    width: 64px;
    height: 28px;
    border: 1px solid #111;
    color: #111;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: text-top;
}

.view_form .view_top .top_right .idate li:after {
    top: 5px;
}

.view_form .view_top .top_right .idate li span {
    min-width: 80px;
    vertical-align: baseline;
}

.view_form .view_top .top_right .idate li a,
.view_form .view_top .top_right .idate li span {
    color: #666;
    font-size: 14px;
}

.view_form .sns {
    margin-top: 20px;
    text-align: center;
}

.view_form .sns li {
    margin: 0 3px;
}

.view_form .sns li a {
}

.view_form .view_con {
    min-height: 400px;
    padding: 20px 30px;
    line-height: 1.5;
    border-bottom: 1px solid #ddd;
}

.view_form .view_con p {
    font-size: 16px;
}

.view_form .mobile_sns {
    display: none;
}

.view_form .view_btn {
    text-align: center;
}

.view_form .view_btn a.delete_btn {
    border: 1px solid #111;
    color: #111;

}

.view_form .view_btn .modify_btn {
}


.view_form .attechFile {
    padding: 17px 30px; /*background:url('../images/common/icon_attechFile.png')no-repeat 10px center;*/
    font-size: 15px;
    color: #555;
}

.view_form .attechFile span {
    font-size: 15px;
    color: #555;
}

.view_form .attechFile span a {
    font-size: 15px;
    color: #555;
    border-bottom: 1px solid #555;
    display: inline-block;
    line-height: 22px;
}

.idate {
}

.idate li {
    float: left;
    position: relative;
    padding-right: 0;
    line-height: 1.5;
    font-size: 15px;
}

.idate li:last-child {
    float: right;
    padding-right: 0;
}

.after_none:after {
    display: none !important;
}

@media screen and (max-width:1023px) {
    .view_form .attechBox {
        padding: 10px 15px;
        font-size: 13px;
        border-bottom: 1px solid #ddd;
    }

    .view_form .attechBox span a {
        font-size: 13px;
    }
}

@media screen and (max-width:599px) {
    .view_form .view_top .top_right .star {
        width: 20%;
        min-width: 90px;
    }

    .view_form .attechFile {
        padding: 10px 15px 10px
    }

    .view_form .view_top .top_right .title_sns {
        padding: 10px 15px 0;
    }

    .view_form .view_top .top_right .idate {
        padding: 5px 15px 10px
    }

    .idate li {
        font-size: 13px;
    }

    .idate li:after {
        right: 0.5em;
    }

    .idate li.reg_date:after {
        display: none;
    }

    .idate li.read_cnt {
        display: none;
    }

    .view_form .view_top .top_right .idate li a,
    .view_form .view_top .top_right .idate li span {
        font-size: 13px;
    }

    #present_right.view_form .attechFile,
    .view_form .attechFile span a {
        font-size: 13px;
    }

    .view_form .view_top {
        margin-bottom: 10px
    }

    .view_form .view_con {
        padding: 20px 15px
    }
}

@media screen and (max-width: 510px) {
    .view_form .view_con p {
        font-size: 14px;
    }
}

@media screen and (max-width: 780px) {
    .view_form .view_top .top_right .star {
        width: 20%;
        min-width: 90px;
    }

    .view_form .view_top .top_right .sns {
        display: none;
    }

    .view_form .mobile_sns {
        display: block;
        margin: 20px 0 0;
        text-align: center;
    }

    .idate li.read_cnt {
        display: none;
    }
}

/*1:1문의*/
.one_qna_view {
}

.one_qna_view .board_view_form_answer.view_form {
    background: rgba(212, 40, 30, 0.05);
    padding: 30px;
    border-bottom: 1px solid #ddd;
}

.one_qna_view .board_view_form_answer.view_form .view_top {
    margin-bottom: 20px;
    border-bottom: 0;
}

.one_qna_view .board_view_form_answer.view_form .view_top .state {
    font-size: 13px;
    color: #777;
}

.one_qna_view .board_view_form_answer.view_form .view_top .state span {
    display: inline-block;
    margin-right: 10px;
    background-color: #d4281e;
    width: 55px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
}

.one_qna_view .board_view_form_answer.view_form .view_con {
    min-height: auto;
    padding: 0;
    line-height: normal;
    border-bottom: 0;
}

.one_qna_view .board_view_form_answer.view_form .view_con .answer_con {
    font-size: 14px;
    line-height: 1.2;
}

.one_qna_view .board_view_form_answer.view_form .view_con .answer_con p {
    font-size: 14px;
    line-height: 1.2;
}

.one_qna_view .board_view_form_answer.view_form .view_con .date {
    font-size: 13px;
    color: #999;
    margin-top: 50px
}

@media all and (max-width:1023px) {
    /*1:1문의*/
    .one_qna_view .board_view_form_answer.view_form {
        padding: 15px;
    }

    .one_qna_view .board_view_form_answer.view_form .view_top {
        margin-bottom: 10px;
    }
}

/* 표 모바일 버전 */
.tablet_table ul li:first-child {
    border-top: 1px solid #ddd;
}

.tablet_table ul li {
    padding: 1.2em 0;
    border-bottom: 1px solid #ddd;
    line-height: 1.5;
}

.tablet_table ul li h3 {
    font-size: 1.2em;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;

}

.tablet_table ul li p + a {
    font-size: 0.9em;
}

.tablet_table ul li .small_btn {
    display: inline;
    padding: 0.35em 0.7em;
    border-radius: 5px;
    font-weight: 500;
    margin-right: 8px;
    font-size: 0.9em;
}

.tablet_table ul li .restart_p {
    background-color: #f3ecf9;
    color: #555555;
    font-weight: 400;
    font-size: 12px;
    padding: 0.45em 0.7em 0.65em;
    margin-top: 11px;
    border-radius: 0;
}

.tablet_table ul li p.last_p {
    margin-bottom: 1em;
}

.tablet_table ul li p > span {
    position: relative;
    color: #555;
    padding-left: 1em;
    margin-left: 1em;
    font-size: 0.9em;
}

.tablet_table ul li p span:first-child {
    padding-left: 0;
    margin-left: 0;
}

.tablet_table ul li p span:first-child:before {
    display: none;
}

.tablet_table ul li p span:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 1px;
    height: 0.8em;
    background-color: #ddd;
}

@media screen and (max-width:1023px) {
    .tablet_table ul li .small_btn {
        padding: 0.35em 0.7em;
    }
}

@media screen and (max-width: 360px) {
    .tablet_table ul li .restart_p {
        display: inline-block;
        width: auto !important;
        margin-left: 0;
        font-size: 12px;
    }
}

/*=====================
        MEMBER
=====================*/
/*로그인*/


/* member css */
.min.bgeee {
    background-color: #fff;
}

.login_bg_wrap {
    width: 100%;
    height: 100%;
    padding: 60px 0;
}

.login_bg_wrap .login_inner_wrap {
    vertical-align: middle;
    width: 100%;
    max-width: 1200px;
    min-width: 1000px;
    margin: 0 auto;
    text-align: center;
}

.login_bg_wrap .login_inner_wrap:after {
    display: block;
    content: '';
    clear: both;
}

.login_bg_wrap .login_inner_wrap .login_wrap {
    width: 500px;
    border: 0;
    height: 100%;
    text-align: center;
    min-height: 520px;
    display: inline-block;
    position: relative;
    border: 1px solid #ddd;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_middle_wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.login_bg_wrap .login_inner_wrap .login_wrap h3 {
    margin: 0 0 30px;
    font-weight: 500;
    font-size: 26px;
}
.login_bg_wrap .login_inner_wrap .login_wrap h2{
    font-size: 35px;
    font-weight: bold;
    line-height: 48px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    margin-bottom: 12px;
    color:#111;
}
.login_bg_wrap .login_inner_wrap .login_wrap h3{
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    color:#111;
}
.login_bg_wrap .login_inner_wrap .login_wrap p {
    margin-bottom: 2.5em;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_form {
    width: 100%;
    max-width: 420px;
    margin: auto;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_form input {
    width: 100%;
    margin-bottom: 8px;
    line-height: normal;
    height: 42px;
    text-indent: 10px;
    border-radius: 0;
    border-color: #ddd;
    -webkit-background-size: 5%;
    background-size: 5%;
    background-position: 3% 50%;
    background-repeat: no-repeat;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_form input::placeholder {
    color: #717171;
    padding-top: 1px;
    font-size: 13px !important;
}

.login_bg_wrap .login_inner_wrap .login_wrap p.btnarea {
    margin-bottom: 24px;
}

.login_bg_wrap .login_inner_wrap .login_wrap p button {
    display: block;
    border: none;
    width: 100%;
    height: 44px;
    font-size: 15px;
    transition: 0.4s;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_sch {
    margin-bottom: 32px;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul {
    text-align: center;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li {
    display: inline-block;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li a {
    font-size: 15px;
    color: #777;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li:first-child:after {
    display: inline-block;
    content: '';
    clear: both;
    width: 1px;
    height: 0.6em;
    margin: 2px 1.2em;
    background-color: #ddd;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li:last-child:before {
    display: inline-block;
    content: '';
    clear: both;
    width: 1px;
    height: 0.6em;
    margin: 2px 1.2em;
    background-color: #ddd;
}

.login_bg_wrap .login_inner_wrap .adBanner_wrap {
    width: 50%;
    float: right;
}

.login_bg_wrap .login_inner_wrap .adBanner_wrap img {
    width: 100%;
}

.login_bg_wrap .login_inner_wrap .adBanner_wrap .mobile {
    display: none;
}

.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer {
    margin-bottom: 0.5em;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer h5{color: #111; font-size: 15px; margin-bottom: 20px; font-weight: 500;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer h5:before{content: ''; width: calc(50% - 50px); height: 1px; background: #ddd; float: left; margin-top: 7px;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer h5:after{content: ''; width: calc(50% - 50px); height: 1px; background: #ddd; float: right; margin-top: 7px;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul {}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul{}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul:after{display: block; content: ''; clear: both;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li{float: left; width: 100%; margin-bottom:5px; border-radius: 2px; padding: 11px 26px 10px; position: relative;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:last-child{margin-bottom: 0px;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(1) {
    width: 100%;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(2),
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(2) ~ li {

}

/* li가 세개일 때 */
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(3),
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(3) ~ li {
    width: 100%;
    margin-bottom:5px;
    margin-right:0;
}

/* li가 네개일 때*/
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(4),
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(4) ~ li {
    width: 100%;
    margin-bottom:5px;
    margin-right:0;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao{background:#ffe800;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver{background:#1ec800;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.google{background:#fff; border:1px solid #ccc;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li a{
    font-size: 14px;
    padding-left: 10px;
    line-height: 1.2;
    border: 0;
    text-indent: revert;
    height: auto;
    padding: 0;
    padding-left: 10px;
    width: auto;
    display: inline-block;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li a:before{
    content: '';
    position: absolute;
    left: 26px;
    top: 50%;
    margin-top: -9.5px;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a{color: #381e1f;background-image: none;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a:before{
    background: url(../images/member/login_kakao.svg) no-repeat center;
    background-size: 21px auto;
    float: left;
    width: 21px;
    height: 19px;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver a{color: #fff;background-image: none;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.naver a:before{
    background: url(../images/member/login_naver.svg) no-repeat center;
    background-size:21px auto;
    float: left;
    width: 21px;
    height: 19px;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.google a{color: #333;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li.google a:before{
    background: url(../images/member/login_google.svg) no-repeat center;
    background-size: 26px auto;
    float: left;
    width: 26px;
    height: 26px;
    margin-top: -14px;
    left: 23px;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li .recentLogin{
    position: absolute;
    width: 80px;
    height: auto;
    left: 50%;
    top: -25px;
    margin-left:-40px;
    background: rgba(0,0,0,0.8);
    color: white;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 12px;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li .recentLogin:after{
    border-top: 10px solid rgba(0,0,0,0.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
}
.login_bg_wrap .login_inner_wrap .loginInput .wrong_span{
    font-size:13px;
    color: var(--keycolor);
    position: relative;
    padding-left: 19px;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 10px;
}
.login_bg_wrap .login_inner_wrap .loginInput .wrong_span:before{
    content: '';
    background: url(../../data/customImages/iconMark.svg) no-repeat center;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top:1px;
}

.login_bg_wrap .login_inner_wrap .login_wrap .go_join {
    display: block;
    height: 44px;
    font-size: 15px;
    line-height: 40px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    text-align: center;
    transition: 0.4s;
}

.login_bg_wrap .login_inner_wrap .login_wrap .go_join {
    background-color: unset;
}

.login_bg_wrap .login_inner_wrap .login_wrap .go_join:hover {
    background-color: unset;
    border-color: #555555;
}

@media screen and (max-width: 1328px) {
    .login_bg_wrap .login_inner_wrap {
        width: calc(100% - 40px);
        max-width: 570px;
        margin: auto;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap {
        height: auto;
        min-height: 550px;
    }
}

@media all and (max-width: 1020px) {
    .login_bg_wrap .login_inner_wrap {
        border: none;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap,
    .login_bg_wrap .login_inner_wrap .adBanner_wrap {
        display: block;
        width: 100%;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap{
        padding:0 20px;
    }
    .login_bg_wrap .login_inner_wrap {
        min-width: 0;
        box-sizing: border-box;
    }

    .login_bg_wrap .login_inner_wrap .adBanner_wrap .pc {
        display: none;
    }

    .login_bg_wrap .login_inner_wrap .adBanner_wrap .mobile {
        display: block;
    }

}


@media all and (max-width: 830px) {
    .login_bg_wrap .login_inner_wrap {
        width: 100%;
        padding: 0 15px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_form {
        width: 100%;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_form input {
        -webkit-background-size: 3%;
        background-size: 3%;
    }
}



@media all and (max-width: 599px){
    .login_bg_wrap .login_inner_wrap .login_wrap{
        min-height: auto;
        padding:40px 25px;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap .login_middle_wrap {
         position: static;
         top: auto;
         transform: none;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap h2{
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 5px;
        color:#111;
    }
    .login_bg_wrap .login_inner_wrap .login_wrap h3{
        font-size: 18px;
        line-height: 32px;
    }
}


@media all and (max-width: 580px) {
    .login_bg_wrap {
        font-size: 13px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul {
        min-width: 167px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_form input.userid {
        line-height: normal;
        height: 42px;
        -webkit-background-size: 16px;
        background-size: 16px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_form input.user_pw {
        line-height: normal;
        height: 42px;
        -webkit-background-size: 16px;
        background-size: 16px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li {
        float: none;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer ul li:last-child {
        margin-bottom: 0;
    }
}

@media all and (max-width: 460px) {
    .login_bg_wrap .login_inner_wrap .login_wrap .login_sch ul li a {
        font-size: 13px;
    }

    .login_bg_wrap .login_inner_wrap .login_wrap .login_snsVer {
        margin-bottom: 0.7em;
    }
}

@media screen and (min-width: 650px) {
    .login_bg_wrap .login_inner_wrap {
        min-height: 650px !important;
    }
}

/*로그인화면 - 성인인증 텍스트*/
.login_bg_wrap .login_inner_wrap .certified_box{margin:40px auto 40px;}
.login_bg_wrap .login_inner_wrap .certified_big_txt{
    text-align: center;
}
.login_bg_wrap .login_inner_wrap .certified_big_txt span{
    display: inline-block;
    font-weight: 900;
    font-size: 45px;
    border: 7px solid #E10202;
    border-radius: 50%;
    padding: 35px 31px 37px;
    width: 131px;
    height: 131px;
}
.login_bg_wrap .login_inner_wrap .certified_bottom {
    margin-top: 20px;
}


.login_bg_wrap .login_inner_wrap .certified_bottom .certified_text {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    word-break: keep-all;
    max-width: 424px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (max-width:1200px) {
    .login_bg_wrap .login_inner_wrap .certified_box{margin:40px auto 30px}
    .login_bg_wrap .login_inner_wrap .certified_big_txt span{
        padding: 25px 20px 20px;
        width: 110px;
        height: 110px;
    }
}
@media screen and (max-width:599px) {
    .login_bg_wrap .login_inner_wrap .certified_box{margin:0px auto 60px}
    .login_bg_wrap .login_inner_wrap .certified_box{}
    .login_bg_wrap .login_inner_wrap .certified_big_txt span{
        font-size: 40px;
        border: 6px solid #E10202;
        padding: 19px 14px 18px;
        width: 95px;
        height: 95px;
    }

    .login_bg_wrap .login_inner_wrap .certified_bottom .certified_text {
        font-size: 15px;
        font-weight: 400;
        line-height: 24px; /* 156.25% */
        margin: 0 auto;
    }

}

/* 간편회원가입 - SNS 가입&회원가입  */
.join_wrap {
    vertical-align: middle;
    width: 500px;
    margin: 0 auto;
    padding: 45px 40px;
    position: relative;
    text-align: center;
    background: #fff;
    letter-spacing: -0.5px;
}

.join_wrap .title {
    margin-bottom: 2em;
    font-size: 28px;
    color: #111;
    font-weight: 500;
    margin-bottom: 20px;
}

.join_wrap .common_sns_login {
    width: 100%;
}

.join_wrap .join_us {
    padding-bottom: 30px;
}

.join_wrap .sns_login {
    padding-top: 30px;
    border-top: 1px solid #ddd;
}

.join_wrap h4 {
    margin: 0 0 10px;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    word-break: keep-all;
}

.join_wrap .login_text {
    font-size: 15px;
    color: #777;
    line-height: 20px;
}

.join_wrap .join_us a.joinBtn {
    margin-top: 20px;
}

.join_wrap a.joinBtn {
    font-size: 18px;
    height: 46px;
    width: 100%;
    display: inline-block;
    padding: 14px 10px;
    border-radius: 2px;
}

.join_wrap .loginInput {
    margin-top: 28px;
}

.join_wrap .loginInput input:last-child {
}

.join_wrap input.ipt {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 10px;
    border-radius: 2px;
    border-color: #ddd;
    -webkit-background-size: 5%;
    background-size: 5%;
    background-position: 3% 50%;
    background-repeat: no-repeat;
}

.join_wrap input::placeholder {
    color: #999;
    font-size: 13px !important;
}

.join_wrap input.userid,
.join_wrap input.passwd {
    line-height: 46px;
    height: 46px;
}

.join_wrap .sns_login .joinBtn {
    margin-top: 20px;
}

.join_wrap .wrong_span {
    font-size: 13px;
    color: var(--keycolor);
    position: relative;
    padding-left: 19px;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    display: inline-block;
}

.join_wrap .wrong_span:before {
    content: '';
    background: url(../images/member/icon_wrong.svg) no-repeat center;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 1px;
}

@media screen and (max-width: 560px) {
    .join_wrap {
        width: calc(100% - 40px);
        padding: 50px 25px;
    }

    .join_wrap .join_us {
        padding-bottom: 30px;
    }

    .join_wrap .sns_login {
        padding-top: 25px;
    }

    .join_wrap .title {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .join_wrap h4 {
        font-size: 18px;
    }

    .join_wrap .login_text {
        font-size: 13px;
    }

    .join_wrap a.joinBtn {
        font-size: 15px;
        height: 40px;
        width: 100%;
        display: inline-block;
        padding: 12px 10px;
        border-radius: 2px;
    }

    .join_wrap input.userid,
    .join_wrap input.passwd {
        height: 46px;
    }
}


.certify_bg_wrap .certify_inner_wrap .certify_bottom {
    padding: 3em 0 1em;
    border-top: 2px solid #999999;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom h3:before {
    display: inline-block;
    content: '';
    clear: both;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 50%;
    border-radius: 50%;
    background-color: var(--keycolor);
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom h3 {
    display: block;
    position: relative;
    margin-bottom: 1.5em;
    text-indent: 1.5%;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form {
    padding: 3%;
    background-color: #eee;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input {
    width: 30%;
    background-color: #fff;
    border: 1px solid #dddddd;
    line-height: 41px;
    padding: 0 10px;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form .gol {
    margin: 0 0.5%;
    color: #666666;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form select {
    width: 35%;
    margin-left: 1%;
    line-height: 41px;
    margin-top: -3px;
    background: #fff url(../images/common/btn_arrow_bottom.png.html) 95% 50% no-repeat;
    -webkit-background-size: 3%;
    background-size: 3%;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .explanation {
    margin: 2% 0 5%;
    color: #666;
    line-height: 1.5;
}

.explanation {
    font-size: 0.9em;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email {
    display: block;
    width: 30%;
    margin: auto;
    padding: 1.5% 0;
    font-size: 1.2em;
    transition: 0.4s;
}

.certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email:hover {
    background-color: #b70710;
}

@media all and (max-width: 720px) {
    .certify_bg_wrap .certify_inner_wrap .certify_top {
        font-size: 12px;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_num {
        font-size: 14px;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_num li p {
        margin-left: 0;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email {
        padding: 2.5% 0;
    }
}

@media all and (max-width: 430px) {
    .certify_bg_wrap .certify_inner_wrap .certify_num {
        width: 100%;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input {
        width: 28%;
    }
}

@media all and (max-width: 335px) {
    .certify_bg_wrap .certify_inner_wrap .certify_num {
        font-size: 13px;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input {
        width: 27%;
    }
}


.join_bottom .red {
    font-weight: 400;
    font-size: 0.9em;
}

.join_bottom form {
    margin-top: 1em;
}

.join_bottom form .form_wrap {
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    /*justify-content: center;*/
}

.join_bottom form .form_box {
    width: 100%;
}

.join_bottom form .form_box input:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px var(--keycolor);
    border: none;
}
.join_bottom form .form_box li .input_wrap .ipt.datepicker2:focus {
    background-position: calc(100% - 16px) center;
}
.join_bottom form .form_box li {
    padding: 0 0 10px;
}
.join_Box .join_bottom form .form_box > li {padding:0 0 10px;}
.join_bottom form .form_box li > label,
.join_Box .join_bottom form .form_box > li > label{margin-top: 20px;}

.join_bottom form .form_box li.pb1 {
    padding-bottom: 0.5%;
}

.join_bottom form .form_box li:after {
    display: block;
    content: '';
    clear: both;
}

.join_bottom form .form_box li > label {
    width: 100%;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 14px;
}

.join_bottom form .form_box li input#userid {
    width: calc(100% - 110px);
    float: left;
}

.join_bottom form .form_box li .input_wrap .join_btn,
.join_bottom form .form_box li .input_wrap a {
    display: block;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #777;
    background: #fff;
    border-radius: 2px;
    color:#333;
}
.join_bottom form .form_box li .addrInputBox{}
.join_bottom form .form_box li .addrInputBox > div{}
.join_bottom form .form_box li .addrInputBox > div .ipt{
    width:calc(100% - 102px);
}
.join_bottom form .form_box li .addrInputBox > div a{
    display: inline-block;
    padding: 0 10px;
}
.join_bottom form .form_box li .input_wrap .join_btn:hover,
.join_bottom form .form_box li .input_wrap a:hover {
    background: #f2f2f2;
}

.join_bottom form .form_box li .input_wrap a.right_btn {
    float: right;
    width: 100px;
    margin-left: 1%;
    color: #555;
}

.join_bottom form .form_box li .input_wrap a.num_send_btn {
    float: none;
    width: 100%;
    margin-left: 0;
}

.join_bottom form .form_box li .input_wrap .attechBox a{
    display: inline-block;
    padding: 7px 10px 6px;
    border-radius: 50px;
    border: 1px solid #ddd;
    line-height: 14px;
    color: #999;
    font-size: 13px;
}
.join_bottom form .form_box li .input_wrap .attechBox a:hover{
    background: #fff;
}
.join_bottom form .form_box li .input_wrap .attechBox a img{
    width: 15px;
    margin-right: 5px;
    vertical-align: middle;
}

.join_bottom form .form_box li .input_wrap .wrong_span {
    font-size: 13px;
    color: var(--keycolor);
    position: relative;
    padding-left: 19px;
    top: 8px;
    width: 100%;
    line-height: 1.4;
    text-align: left;
}

.join_bottom form .form_box li .input_wrap .wrong_span:before {
    content: '';
    background: url(../../data/customImages/iconMark.svg) no-repeat center;
    background-size: 13px 13px;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 2px;
}

.join_bottom form .form_box li .input_wrap .identify_Area {
    position: relative;
}

.join_bottom form .form_box li .input_wrap .time {
    position: absolute;
    right: 122px;
    top: 11px;
    font-size: 13px;
    color: var(--keycolor);
}


.join_bottom form .form_box li.pb1 + li label {
    padding-left: 1em;
}

.join_bottom form .form_box li .bg_box {
    border: 1px solid #ddd;
    padding: 20px;
    margin-top: 1.85em;
}

.join_bottom form .form_box li .lhmiddle {
    line-height: 45px;
    margin-right: 2%;
}

.join_bottom form .form_box li .lhmiddle:before {
    top: 15px
}

.join_bottom form .form_box li .lhmiddle:after {
    top: 20px
}

.join_bottom form .form_box li .input_wrap {
    width: 100%;
    float: none;
}

.join_bottom form .form_box li .input_wrap .ipt {
    line-height: 45px;
    font-size: 15px;
    font-weight: 300;
    border-radius: 0;
    border-color: #ddd;
    border-radius: 2px;
    padding: 0 16px;
    color: #111;
    font-weight: 400;
}

.join_bottom form .form_box li .input_wrap .ipt.datepicker2 {
    background: #fff url(../../images/order/icon_cal.svg) no-repeat;
    background-size: 16px;
    background-position: calc(100% - 15px) center;
}
.join_bottom form .form_box li .input_wrap .ipt00 {
    width: 100%;
}

.join_bottom form .form_box li .input_wrap .ipt::placeholder,
.join_bottom form .form_box li .input_wrap .ipt00::placeholder,
.join_bottom form .form_box li .input_wrap .ph_text::placeholder {
    font-size: 13px !important;
    color: #999;
    font-weight: 300;
}

.join_bottom form .form_box li .input_wrap .ipt01 {
    width: calc(33.333% - 18px);
}

.join_bottom form .form_box li .input_wrap .ipt02 {
    width: calc(33.333% - 51px);
}

.join_bottom form .form_box li .input_wrap .ipt03 {
    width: calc(33.333% - 8px);
    margin-left: 8px;
}

.join_bottom form .form_box li .input_wrap .ipt04 {
    width: calc(100% - 110px);
}

.join_bottom form .form_box li .input_wrap .ipt05 {
    width: calc(33.333% - 15px);
}

.join_bottom form .form_box li .input_wrap .ipt06 {
    width: calc(33.333% - 13px);
}

.join_bottom form .form_box li .input_wrap .phn_bar {
    display: inline-block;
    width: 15px;
    font-size: 13px;
    text-align: center;
    color: #7e7e7e;
}

.join_bottom form .form_box li .input_wrap .inner_sentence {
    display: inline-block;
    margin-left: 1%;
    color: #999;
}

.join_bottom form .form_box li .input_wrap label {
    color: #fff;
    font-size: 1em;
}

.join_bottom form .form_box li .input_wrap select {
    background: #fff url(../images/main/icon_main_menuarrow.png) calc(100% - 10px) 50% no-repeat;
    -webkit-background-size: 9px;
    background-size: 9px;
}

.join_bottom form .form_box li .input_wrap select.ipt01 {
    -webkit-background-size: 5%;
    background-size: 5%;
}

.join_bottom form .form_box li .input_wrap select.ipt02 {
    color: #fff;
    font-weight: 400;
}

.join_bottom form .form_box .agreement {
    padding-bottom: 0;
}

.join_bottom form .form_box .agreement .total_box {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 12px 0px;
}

.join_bottom form .form_box .agreement .total_box label {
    color: #111;
    font-size: 13px;
}

.join_guardian_box .agreement{
    padding: 25px 0px 15px;
}
.join_bottom form .form_box .agreement .list_box {
    padding: 15px 0px;
}

.join_guardian_box .agreement li ,
.join_bottom form .form_box .agreement .list_box li {
    padding-bottom: 15px;
}

.join_guardian_box .agreement li:last-child ,
.join_bottom form .form_box .agreement .list_box li:last-child {
    padding-bottom: 0;
}

.join_guardian_box .agreement li label ,
.join_bottom form .form_box .agreement .list_box li label {
    color: #111;
    font-size: 13px;
    color: #111;
    font-weight: 400;
    width: calc(100% - 50px);
    padding-top: 3px;
    padding-left: 20px;
    text-indent: 0;
    word-break: keep-all;
    height: auto;
    line-height: 17px;
    margin-right: 0;
    margin-top: 0;
}
.join_guardian_box .agreement li label span,
.join_bottom form .form_box .agreement .list_box li label span{
    display: inline-block;
}
.join_guardian_box .agreement li label.chkbox:before,
.join_bottom form .form_box .agreement .list_box li label.chkbox:before{
    top:5px;
}
.join_guardian_box .agreement li label.chkbox:after,
.join_bottom form .form_box .agreement .list_box li label.chkbox:after{
    top:10px;
}
.join_guardian_box .agreement li a ,
.join_bottom form .form_box .agreement .list_box li a {
    font-size: 13px;
    color: #999;
    font-weight: 400;
    padding: 3px 0;
    width: auto;
    float: right;
    border-bottom: 1px solid #999;
}

.join_guardian_box .agreement input:checked + label.chkbox:before,
.join_bottom form .form_box .agreement input:checked + label.chkbox:before {
    background: var(--keycolor);
    border: none;
}

.join_guardian_box .agreement input:checked + label.chkbox:after,
.join_bottom form .form_box .agreement input:checked + label.chkbox:after {
    background: url(../../images/common/icon_check_fff.png) 50% 50% no-repeat;
    background-size: 100% !important;
}


.join_bottom form .form_box .subItemAddBox {
}

.join_bottom form .form_box .subItemAddBox .input_wrap{}
.join_bottom form .form_box .subItemAddBox .input_wrap textarea{
    padding: 10px;
    height: 100px;
    resize: none;
}
.join_bottom form .form_box .subItemAddBox .input_wrap .inblock {
    margin-bottom:10px;
    width:100%;
}
.join_bottom form .form_box .subItemAddBox .input_wrap .inblock:last-child{
    margin-bottom: 0;
}
.join_bottom form .form_box .subItemAddBox .input_wrap label{
    color:#333; font-size: 13px;
}
.join_bottom form .go_join {
    display: block;
    width: 100%;
    margin: auto;
    text-align: center;
    font-weight: 400;
    padding: 16px 0;
    font-size: 18px;
    transition: 0.4s;
    background: #eee !important;
    border-radius: 2px;
    color: #777;
    cursor:pointer;
}

.join_bottom form .go_join:hover {
    background-color: var(--keycolor) !important;
    color: #fff;
}

.join_bottom form .join_btn {
    display: inline-block;
    padding: 0 1.3em;
    font-size: 0.9em;
    text-align: center;
    margin-left: 1em;
    background-color: #eee;
}

.join_bottom form li span p {
    padding-right: 15px;
    font-size:14px;
}

/*.join_bottom form .form_box li label.chkbox{font-size: 14px;}*/

/*첨부파일 영역*/
.join_bottom form .form_box li .input_wrap .filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.join_bottom form .form_box li .input_wrap .filebox label {
    display: inline-block;
    padding: 0 1.3em;
    width: 100%;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #777;
    background: #fff;
    border-radius: 2px;
    color: #333;
    cursor: pointer;
}

/* named upload */
.join_bottom form .form_box li .input_wrap .filebox .upload-name {
    font-size: 13px;
    padding: 0 0 10px;
    border: 0;
    font-weight: 300;
    height: auto;
}
.join_bottom form .form_box li .input_wrap .filebox .file_upload_box {
    position: relative;
    padding-right: 20px;
    /*width: auto;
    display: inline-block;*/
    margin-top: 5px;
}
.join_bottom form .form_box li .input_wrap .comment{
    margin-bottom: 10px;
    word-break: keep-all;
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 123.077% */
}
.join_bottom form .form_box li .input_wrap .filebox{
    position: relative;
}
.join_bottom form .form_box li .input_wrap .filebox .upload-name{
    text-overflow: ellipsis;
}
.join_bottom form .form_box li .input_wrap .filebox .file-delete-btn{
    padding:4px;
    border: 0;
    border-radius: 0;
    display: inline-block;
    line-height: 0;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.join_bottom form .form_box li .input_wrap .filebox .file-delete-btn:hover{background: transparent;}
.join_bottom form .form_box li .input_wrap .filebox .file-delete-btn img{width: 10px;}

/*본인인증영역*/
.join_bottom form .form_box li.identify_box .input_wrap{
    display: inline-block;
}
.join_bottom form .form_box li.identify_box .input_wrap a,
.join_bottom form .form_box li.identify_box .input_wrap a.certifiedBtn {
    float: left;
    width: calc(50% - 3px);
    margin-right: 6px;
}
.join_bottom form .form_box li.identify_box .input_wrap a:last-child{
    margin-right: 0;
}

/*성인인증 영역*/
.join_bottom form .form_box li .input_wrap a.certifiedBtn {
    width: 100px;
}
.join_bottom form .form_box li .input_wrap .certifiedCmt {
    font-size: 13px;
    color: #333;
    margin-top: 8px;
    width: 100%;
    line-height: 1.4;
    text-align: left;
}

@media screen and (max-width:1023px) {
    .join_bottom form .form_box,
    .join_bottom form .form_box.fst_form_box,
    .join_bottom form .form_box.snd_form_box {
        padding: 0;
        /*border:none;*/
        width: 100%;
        float: none;
    }

    .join_bottom form .go_join {
        background-color: var(--keycolor) !important;
        color: #fff;
    }

    .join_bottom form .go_join:hover {
        background-color: var(--keycolor) !important;
        color: #fff;
    }
}

@media screen and (max-width: 740px) {
    .join_bottom {
        margin-top: 0;
        padding-top: 0;
    }
}

@media all and (max-width: 599px) {
    .join_bottom form .form_box li .input_wrap .comment{
        margin-top: 10px;
        font-size: 13px;
        line-height: 19px;
    }
    .join_bottom form .form_box li .cautious-area .cautious-button:hover .editor-cautious-cont{
        line-height: 16px;
        font-size: 12px;
    }

}
@media all and (max-width: 416px) {

    .join_bottom form .form_box li .input_wrap .wrong_span {
        font-size: 12px;
        color: var(--keycolor);
        position: relative;
        padding-left: 15px;
        top: 8px;
    }

    .join_bottom form .form_box li .input_wrap .wrong_span:before {
        content: '';
        background: url(../../data/customImages/iconMark.svg) no-repeat center;
        background-size: 12px 12px;
        width: 12px;
        height: 12px;
        top: 3px;
    }

    .join_bottom form .form_box li ,
    .join_Box .join_bottom form .form_box > li {padding:0 0 10px;}
    .join_bottom form .form_box li > label,
    .join_Box .join_bottom form .form_box > li > label{margin-top: 10px;}


    .join_bottom form .form_box li .input_wrap a.identify {
        line-height: 34px;
        font-size: 14px;
    }

    .join_bottom form .form_box li .bg_box {
        padding: 12px;
    }

    .join_bottom form .form_box li .input_wrap a.right_btn {
        width: 85px;
        font-size: 13px;
    }

    .join_bottom form .form_box li input#userid {
        width: calc(100% - 90px);
    }

    .join_bottom form .form_box li .input_wrap .ipt02 {
        width: calc(33.333% - 41px);
    }

    .join_bottom form .form_box li .input_wrap .ipt04 {
        width: calc(100% - 91px);
    }

    .join_bottom form .form_box li .input_wrap .ipt05 {
        width: calc(33.333% - 12px);
    }

    .join_bottom form .form_box li .input_wrap .ipt06 {
        width: calc(33.333% - 38px);
    }

    .join_bottom form .form_box li .input_wrap .ipt {
        padding: 0 10px;
        font-size:14px;
    }
    .join_bottom form .form_box .subItemAddBox .input_wrap textarea{
        padding: 10px;
        height: 100px;
    }
    .join_bottom form .form_box li.midli .input_wrap .phn_bar {
        width: 10px !important;
    }

    .join_bottom form .form_box li > label,
    .join_bottom form .form_box li .bg_box label {
        font-size: 13px;
    }

    .join_bottom form .go_join {
        font-size: 16px;
        padding: 14px 0;
    }

    .join_bottom form .form_box li .input_wrap .time {
        right: 102px;
    }

    .join_bottom form .form_box .agreement .total_box {
        padding: 12px 0px;
    }

    .join_guardian_box .agreement li a,
    .join_bottom form .form_box .agreement .list_box li a {
        font-size: 14px;
    }

    .join_guardian_box .agreement,
    .join_bottom form .form_box .agreement .list_box {
        padding: 15px 0;
    }

    .join_guardian_box .agreement li a,
    .join_bottom form .form_box .agreement .list_box li a {
        font-size: 12px;
        padding: 4px 0 3px;    }
}


@media all and (max-width: 830px) {
    .certify_bg_wrap .certify_inner_wrap, .order_list_wrap {
        font-size: 15px;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_num {
        width: 78%;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_num li p {
        margin-left: -0.2em;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_bottom .certify_form input {
        width: 29%;
    }

    #footer .ft_bottom .ft_info ul li.tablet:before {
        display: none;
    }

    #footer .ft_bottom .ft_info ul li.tablet {
        display: block;
        width: 100%;
    }
}

@media all and (max-width: 720px) {
    .certify_bg_wrap .certify_inner_wrap .certify_top {
        font-size: 12px;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_num {
        font-size: 14px;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_num li p {
        margin-left: 0;
    }

    .certify_bg_wrap .certify_inner_wrap .certify_bottom .btn_go_email {
        padding: 2.5% 0;
    }
}

/* 아이디 비밀번호 찾기 */
.containerWrap {
    text-align: center;
    max-width: 1240px;
    margin: 0 auto;
    padding-top: 5em;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox {
    width: 39.5%;
    border: 1px solid #ddd;
    text-align: left;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 auto 110px;
    padding: 50px 60px;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox h3 {
    font-size: 1.250em;
    text-align: center;
    margin-bottom: 1.5em;
    font-weight: 400;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea {
    padding: 0;
    border-right: 0;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea h4 {
    font-size: 0.9em;
    margin: 1em 0 0.5em;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .number {
    display: inline-block;
    width: 100%;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .number select {
    margin-right: 0;
    width: 26%;
    float: left;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .number input {
    width: 32%;
    border-radius: 0;
    float: left;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .number span {
    display: inline-block;
    text-align: center;
    width: 5%;
    float: left;
    line-height: 37px;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .loginArea .btnarea {
    margin-top: 23px;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox p.txt {
    font-size: 14px;
    color: #777;
    line-height: 19px;
    white-space: pre-line;
    margin-top: 25px;
    text-align: center;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .grayBox {
    background: #2d2d2d;
    width: 100%;
    line-height: 19px;
    color: #aaa;
    font-size: 14px;
    text-align: center;
    white-space: pre-line;
    padding: 25px 10px;
    margin-top: 30px;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .grayBox a {
    display: inline-block;
    height: auto;
    width: auto;
    margin-bottom: 0;
    line-height: 19px;
    color: #ddd;
    margin-top: 10px;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .grayBox br {
    display: none;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .ipt01 {
    width: calc(60% - 16px);
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .ipt02 {
    display: inline-block;
    width: 15px;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .ipt03 {
    width: calc(40% - 8px);
}

.subBox.whiteBox.joinBox.login-step2.findPwBox select {
    margin-top: 0.5em;
}

.subBox.whiteBox.joinBox.login-step2.findPwBox .number select {
    margin-top: 0;
}

.subBox.whiteBox .loginArea .btnarea button {
    width: 100%;
    margin: 5px 0 0;
    height: 43px;
    line-height: 41px;
    cursor: pointer;
}
.subBox.whiteBox .loginArea .btnarea button[disabled]#findPassButton {
    background-color: #555 !important;
}

.subBox.whiteBox .loginArea .btnarea button[disabled]#findPassButton2 {
    background-color: #555 !important;
}

.grayBox {
    background: #f5f5f5;
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
}

.grayBox .text-info {
    color: #31708f;
    font-size: 0.813em;
}

@media screen and (max-width: 1200px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox {
        width: 60%;
    }
}

@media screen and (max-width:1023px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox {
        width: 80%;
    }
}

@media screen and (max-width:599px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox {
        width: 92.307%;
        padding: 0 1.5em;
    }

    .subBox.whiteBox.joinBox.login-step2.findPwBox h3 {
        padding-top: 1.5em;
    }
}

@media screen and (max-width: 410px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox {
        font-size: 13px;
    }
}

@media screen and (max-width: 360px) {
    .subBox.whiteBox.joinBox.login-step2.findPwBox {
        font-size: 12px;
    }

    .subBox.whiteBox.joinBox.login-step2.findPwBox select {
        font-size: 12px;
    }
}

/*회원가입*/
#wrapper.joinPageWrap {
    padding: 60px 20px;
}

.join_Box {
    margin: 0 auto;
    width: 500px;
    background: #fff;
    padding: 45px 40px;
}

.join_Box h2.title {
    position: relative;
    color: #111;
    text-align: center;
    font-size: 38px;
    line-height: 1.2;
    letter-spacing: -0.05em;

    font-weight: 600;
    letter-spacing: -0.3333333432674408px;

    word-break: keep-all;
    margin-bottom: 12px;

}

.join_Box h3.sub_exp {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    color: #111;
}
.join_bottom form .form_box li .bg_box {
    margin-top: 1em;
}

#join_tab {
    padding-bottom: 12px;
}

#join_tab p {
    width: auto;
    float: left;
    margin-right: 20px;
}

#join_tab p:last-child {
    margin-right: 0;
}

#join_tab p a {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    font-size: 14px;
    padding: 0px 0 6px;
    color: #999;
    font-weight: bold;
}

#join_tab p a:hover,
#join_tab p a.on {
    color: var(--keycolor);
    border-bottom: 1px solid var(--keycolor);
}
.join_tab_common .onlyCertifiedTitle{
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.join_type_box{}
.join_type_box .join_btn{
    margin-top: 40px;
}
.join_type_box .join_btn > a{}
.join_type_box .join_btn > a{
    display: block;
    border: none;
    width: 100%;
    height: 46px;
    font-size: 18px;
    text-align: center;
    line-height: 44px;
}

.join_type_box .join_sns{margin-top: 35px;}
.join_type_box .join_sns h5{color: #111; font-size: 15px; margin-bottom: 35px; font-weight: 500; text-align: center;}
.join_type_box .join_sns h5:before{content: ''; width: calc(50% - 55px); height: 1px; background: #ddd; float: left; margin-top: 7px;}
.join_type_box .join_sns h5:after{content: ''; width: calc(50% - 55px); height: 1px; background: #ddd; float: right; margin-top: 7px;}
.join_type_box .join_sns ul{}
.join_type_box .join_sns ul:after{display: block; content: ''; clear: both;}
.join_type_box .join_sns ul li{float: left; width: 100% !important;margin-bottom:10px; border-radius: 2px;}
.join_type_box .join_sns ul li:last-child{margin-right: 0px;}
.join_type_box .join_sns ul li.kakao,
.join_type_box .join_sns ul li.kakaoBtn{background:#ffe800;}
.join_type_box .join_sns ul li.naver,
.join_type_box .join_sns ul li.naverBtn{background:#1ec800;}
.join_type_box .join_sns ul li a{width:100%; font-size: 14px; padding: 11px 26px 10px; line-height: 1.2; text-align: center;display: inline-block;position: relative;}
.join_type_box .join_sns ul li.kakao a,
.join_type_box .join_sns ul li.kakaoBtn a{color: #381e1f;}
.join_type_box .join_sns ul li.kakao a span,
.join_type_box .join_sns ul li.kakaoBtn a span{
    background: url(../images/member/login_kakao.svg) no-repeat center;
    background-size: 21px auto;
    width: 21px;
    height: 19px;
    display: inline-block;
    margin-right: 10px;
    /*position: absolute;
    left:26px;
    top: 50%;
    margin-top:-9.5px;*/
}
.join_type_box .join_sns ul li.naver a,
.join_type_box .join_sns ul li.naverBtn a{color: #fff;}
.join_type_box .join_sns ul li.naver a span,
.join_type_box .join_sns ul li.naverBtn a span{
    background: url(../images/member/login_naver.svg) no-repeat center;
    background-size:21px auto;
    width: 19px;
    height: 17px;
    display: inline-block;
    margin-right: 10px;
    /*position: absolute;
    left:26px;
    top: 50%;
    margin-top:-9.5px;*/
}

.join_type_box .join_age_choice{
    margin-top: 40px;
}
.join_type_box .join_age_choice ul{
    display: flex;
    width: 100%;
}
.join_type_box .join_age_choice ul li{
    width: calc(50% - 10px);
    padding: 50px 10px;
    border-radius: 20px;
}
.join_type_box .join_age_choice ul li a{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
    width: 100%;
}
.join_type_box .join_age_choice ul li:first-child {
    margin-right: 20px;
    background: #BCD9FC;
}
.join_type_box .join_age_choice ul li:last-child{
    background: #B3E9F4;
}


.join_guardian_box{
    background: #F9F9F9;
    background: #fff;
    padding: 50px;
    width: 434px;
}
.join_guardian_box *{word-break: keep-all;}
.join_guardian_box.join_Box h2.title{
    color: #000;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 30px;
}
.join_guardian_box.join_Box .sub_exp{
    color: #000;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
}
.join_guardian_box.join_Box .join_bottom{
    margin-top: 10px;
}
.join_guardian_box.join_Box .join_bottom .confirm_btn{
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    width: 100%;
    display: inline-block;
    text-align: center;
    padding:11px 20px 13px;
}
@media screen and (max-width:1023px) {
    .join_bottom form .form_box li .input_wrap a.right_btn.num_send_btn {
        width: 100%;
        float: none;
        margin-left: 0;
        margin-top: 15px;
    }

    .join_bottom form .form_box li.join_tab_common .input_wrap .ipt06 {
        width: calc(33.333% - 8px);
    }

    .join_bottom form .form_box li.join_tab_common .input_wrap .ipt02 {
        width: calc(33.333% - 15px);
    }
}

@media screen and (max-width: 599px) {
    #wrapper.joinPageWrap{padding-top: 30px;}

    .join_type_box .join_age_choice ul li{
        width: calc(50% - 5px);
        padding: 30px 10px;
        border-radius: 20px;
    }
    .join_type_box .join_age_choice ul li:first-child {
        margin-right: 10px;
    }
    .join_type_box .join_age_choice ul li a{
        font-size: 16px;
        line-height: 20px;
    }


    .join_guardian_box{
        padding: 50px 20px;
        width: 100%;
    }
    .join_guardian_box.join_Box h2.title{
        font-size: 24px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .join_guardian_box.join_Box .sub_exp{
        font-size: 15px;
        line-height: 20px;
    }
    .join_guardian_box.join_Box .sub_exp br{display: none;}
    .join_guardian_box.join_Box .sub_exp br.mobile_br{display: block;}
    .join_guardian_box.join_Box .join_bottom{
        margin-top: 10px;
    }
    .join_guardian_box.join_Box .join_bottom .confirm_btn{
        border-radius: 5px;
        color: #FFF;
        font-size: 16px;
        font-weight: 700;
        line-height: 16px;
        width: 100%;
        display: inline-block;
        text-align: center;
        padding:11px 20px 13px;
    }


}
@media screen and (max-width: 560px) {
    .join_Box {
        width: 100%;
        padding: 50px 25px;
    }

    .join_Box h5.title {
        margin-bottom: 15px;
        font-size: 24px;
    }

    .join_Box h2.title {
        position: relative;
        color: #111;
        text-align: center;
        font-size: 30px;
        line-height: 1.2;
        margin-bottom: 12px;
    }

    .join_Box h3.sub_exp {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 414px) {
    #join_tab p a {
        font-size: 14px;
    }

    .join_bottom form .form_box li.join_tab_common .input_wrap .ipt02 {
        width: calc(33.333% - 13px);
    }

    .join_bottom form .form_box li.join_tab_common .input_wrap .ipt06 {
        width: calc(33.333% - 8px);
    }
}

/*--------------------------------------------------------------------------
|  회원가입 완료
--------------------------------------------------------------------------*/
.joinFinish {
    max-width: 520px;
    padding:100px 0 ;;
    width: 100%;
    margin: 0 auto;
}
.joinFinish .finish_title{
    margin-bottom: 40px;
}
.joinFinish .finish_title h2{
    font-size: 58px;
    font-weight: 400;
    line-height: 62px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    color:#111;
    word-break: keep-all;
    margin-bottom: 12px;
}
.joinFinish .finish_title h3{
    font-size: 23px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    word-break: keep-all;
}

.finish_join_bottom{
    border-top: 2px solid #333;
    padding: 35px 0;
    border-bottom: 1px solid #ddd;
}
.step01_page .finish_join_bottom{
    border-bottom: 0;
}
.finish_join_bottom .finish_box {
    width: 100%;
    margin: auto;
}
.finish_join_bottom .finish_box dl:after {
    display: block;
    content: '';
    clear: both;
}

.finish_join_bottom .finish_box dl{
    padding:15px 10px 15px 15px;
}

.finish_join_bottom .finish_box dl:first-child{
    padding-top: 0;
}

.finish_join_bottom .finish_box dl:last-child{
    padding-bottom: 0;
}
.finish_join_bottom .finish_box dl dt:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 7px;
    width: 10px;
    height: 8px;
    border-radius: 50%;
    background:url('../images/member/icon_check.svg')no-repeat;
    background-size: 10px 8px;
}

.finish_join_bottom .finish_box dl dt {
    position: relative;
    width: 150px;
    float: left;
    font-weight: 400;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.02em;
    text-align: left;
    padding-left:17px;
}

.finish_join_bottom .finish_box dl dd {
    width: calc(100% - 150px);
    float: right;
    text-align: right;
}

.finish_join_bottom .finish_btn_box a {
    width: 30%;
    display: block;
    margin: auto;
    margin-top: 5%;
    padding: 2% 0;
    text-align: center;
    font-size: 1.1em;
    letter-spacing: 0;
    transition: 0.4s;
}

.finish_join_bottom .finish_btn_box a:hover {
    background-color: #b70710;
}

.finish_join_bottom .ok_box {
    text-align: center;
}

.finish_join_bottom .ok_box a {
    float: none;
    margin: 0 auto;
}

.joinFinish .guide_text {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.02em;
    text-align: left;
    color:#555;
    padding-left: 30px;
    margin-top: 20px;
    word-break: keep-all;
}

.joinFinish .guide_text .icon{
    width: 22px;
    position: absolute;
    left:0;
}
.joinFinish .login_btn{
    margin-top: 20px;
}

.joinFinish .login_btn a{
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    height: 46px;
    line-height: 44px;
    letter-spacing: 0px;
    text-align: center;
}

@media screen and (max-width:1023px) {
    .joinFinish .finish_title h3 {
        font-size: 23px;
    }
}

@media all and (max-width:599px) {
    .joinFinish {
        max-width: 100%;
        padding: 50px 20px;
    }
    .joinFinish .finish_title{
        margin-bottom: 30px;
    }
    .joinFinish .finish_title h2{
        font-size: 38px;
        line-height: 48px;
        margin-bottom: 5px;
        color:#111;
    }
    .joinFinish .finish_title h3{
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 0;
    }
    .finish_join_bottom{
        padding: 25px 0;
    }
    .finish_join_bottom .finish_box {}


    .finish_join_bottom .finish_box dl dt,
    .finish_join_bottom .finish_box dl dd {
        font-size: 15px;
    }

    .finish_join_bottom .finish_box dl{
        padding:8px 10px 8px 10px;
    }

    .finish_join_bottom .finish_box dl:first-child{
        padding-top: 0;
    }

    .finish_join_bottom .finish_box dl:last-child{
        padding-bottom: 0;
    }

    .finish_join_bottom .finish_box dl dt {
        width: 100px;
    }

    .finish_join_bottom .finish_box dl dd {
        width: calc(100% - 100px);
    }

}


/*--------------------------------------------------------------------------
|       자동 로그아웃
--------------------------------------------------------------------------*/
.autoLogoutPage{
    padding: 150px 20px;
}
.autoLogoutPage .cont_box{
    max-width: 1200px;
    margin:0 auto;
    text-align: center;
}
.autoLogoutPage .cont_box img{
    margin-bottom: 10px;
}
.autoLogoutPage .cont_box .txt1{
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -1.2px;
    margin-bottom: 10px;
    word-break: keep-all;
}
.autoLogoutPage .cont_box .txt2{
    color: #000;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.65px;
    margin-bottom: 40px;
    word-break: keep-all;
}
.autoLogoutPage .cont_box .login_btn{
    height: 35px;
    padding: 9px 14px;
    border-radius: 2px;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px; /* 123.077% */
}



/* 내 강의실 > 내 수강현황 표 모바일 버전 */

.history_a {
    display: block;
    padding: 0.8em 40px !important;
    font-weight: 500;
    width: 100%;
    color: #444;
    background: #ddd url(../images/order/icon_back_arrow.png.html) 15px 50% no-repeat;
}

.present_condition_bottom .gray_icon {
    display: inline;
    width: auto !important;
    background-color: #ececec;
    border-radius: 5px;
    padding: 0.35em 1em !important;
}

.present_condition_bottom .gray_icon i {
    line-height: 15px;
}

.present_condition_bottom .gray_icon i.keycolor {
    margin-top: -11px;
}

.present_condition_bottom h3 i {
    vertical-align: baseline;
    padding-top: 6px;
    position: absolute;
    left: auto;
}

.present_condition_bottom #tab2 .tablet_table ul li h3 {
    margin-bottom: 0;
}

.present_condition_bottom .tablet_table ul li {
    padding: 1.2em 0 1.3em;
    position: relative;
}

.present_condition_bottom .tablet_table ul li .package_a {
    display: block;
    width: 100%;
    /*background: url(../images/order/icon_package.png.html) 100% 50% no-repeat;*/
}

.present_condition_bottom .tablet_table ul li .small_btn.gray_icon {
    position: absolute;
    right: 7px;
    top: 50%;
    margin-top: -7px;
    padding: 0.7em 1em 0.28em !important;
}

.present_condition_bottom .tablet_table ul li h3 {
    font-weight: 400;
    position: relative;
    width: calc(100% - 75px);
    margin-bottom: 0;
    height: auto;
    overflow: visible;
    text-overflow: ellipsis;
}

.present_condition_bottom .tablet_table ul li p.last_p {
    margin-bottom: 0.3em;
    width: calc(100% - 75px);
    margin-bottom: 0.3em;
    word-break: keep-all;
    -webkit-hyphens: none;
}

.present_condition_bottom .tablet_table ul li p.last_p.snd_last_p {
    margin-bottom: 1.5em;
}

.present_condition_bottom .tablet_table ul li .icon_lecture {
    display: block;
    width: 57px;
    height: 23px;
    padding: 0;
    line-height: 23px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 200;
    font-size: 1em;
}

.present_condition_bottom .tablet_table ul li span {
    font-size: 12px;
}

.present_condition_bottom .tablet_table ul li p span:before {
    display: none;
}

.present_condition_bottom .tablet_table ul li p > span {
    padding-left: 0;
    margin-left: 0.5em;
    color: #555;
}

.present_condition_bottom .tablet_table ul li p > span:first-child {
    margin-left: 0;
}

.present_condition_bottom .present .detail_condition:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 0;
    width: 150%;
    height: 1px;
    left: -25%;
    background-color: #ddd;
}

.present_condition_bottom .present .detail_condition {
    margin-top: 0.5em;
    padding-top: 1.2em;
    position: relative;
}

.present_condition_bottom .present .detail_condition li {
    border-bottom: 1px solid #999;
    padding-bottom: 1em;
    transition: 0.3s;
}

.present_condition_bottom .present .detail_condition li.on {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 1.2em;
}

.present_condition_bottom .present .detail_condition > li > a {
    display: block;
    transition: 0.3s;
}

.present_condition_bottom .present .detail_condition li .bold {
    float: left;
    color: #ec6f43;
    width: 25px;
    line-height: 29px;
}

.present_condition_bottom .present .detail_condition li .txt_box {
    width: 100%;
}

.present_condition_bottom .present .detail_condition li .txt_box h3 {
    width: calc(100% - 30px);
    float: left;
    position: relative;
    height: 27px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 27px;
}

.present_condition_bottom .present .detail_condition li.on .txt_box img {
    opacity: 0.5;
    transition: 0.3s;
}

.present_condition_bottom .present .detail_condition li .txt_box img {
    float: right;
}

.present_condition_bottom .present .detail_condition li .txt_box h3 i {
    padding-top: 7px;
    position: static;
    left: auto;
}

.present_condition_bottom .present .detail_condition li .txt_box span:first-child {
    margin-left: 0;
}

.present_condition_bottom .present .detail_condition li .txt_box span {
    padding-left: 0;
    margin-left: 0.5em;
    color: #555;
    font-size: 12px;
}

.present_condition_bottom .present .detail_condition li.ath .txt_box > span {
    width: calc(100% - 75px);
    height: 27px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 27px;
}

.present_condition_bottom .present .detail_condition li.ath {
    padding-bottom: 1.2em;
}

.present_condition_bottom .present .detail_condition li.ath .td_title {
    height: 32px;
    line-height: 32px;
    font-size: 16px;
}

.present_condition_bottom .present .detail_condition li.ath .td_title .fa-play-circle {
    line-height: 34px !important;
}

.present_condition_bottom .present .detail_condition li.ath .txt_box .gray_icon {
    padding: 0.59em 1em !important;
    width: 45px !important;
    margin-right: 15px;
}

.present_condition_bottom .tablet_table ul li.ath p > span:first-child {
    display: inline !important;
}

/*.present_condition_bottom .present .detail_condition li .icon_box{
    float: left;
    width: 90px;
}
.present_condition_bottom .present .detail_condition li .icon_box .small_btn{
    float: left;
    width: 43% !important;
    padding: 0.35em 0 0.28em !important;
    text-align: center;
    margin-left:4% !important;
}*/
.present_condition_bottom .present .detail_condition li .sub_detail_condition {
    display: none;
    margin-top: 1.2em;
    border-top: 2px solid #999;
    border-bottom: 2px solid #999;
}

.present_condition_bottom .present .detail_condition li .sub_detail_condition .top_detail_p {
    padding: 1.2em 1em;
    margin-bottom: 1em;
    text-align: right;
}

.present_condition_bottom .present .detail_condition li .sub_detail_condition .top_detail_p span {
    font-size: 12px;
    padding-top: 1px;
}

.present_condition_bottom .present .detail_condition li .sub_detail_condition .bottom_detail_p {
    padding: 1.2em 1em 1.2em 0;
    text-align: right;
}

.present_condition_bottom .present .detail_condition li .sub_detail_condition .bottom_detail_p:last-child {
    margin-bottom: 1em;
}

.present_condition_bottom .present .detail_condition li .sub_detail_condition .bottom_detail_bottom {
    padding: 1.2em 1em 1.2em 0;
    text-align: right;
    border-bottom: 1px solid #999;
}

@media screen and (max-width: 390px) {
    .present_condition_bottom .tablet_table ul li span:first-child {
        display: block;
        margin-left: 0;
        margin-bottom: 0.5em;
    }

    .present_condition_bottom .tablet_table ul li h3 {
        font-size: 16px;
    }

    .present_condition_bottom .tablet_table ul li span:first-child + span {
        margin-left: 0;
    }
}

/* 내강의실 > 수강현황 > 패키지 상세 */

.present_condition_bottom_pack .top_inform {
    margin-top: 4em;
}

.present_condition_bottom_pack .top_inform .icon_lecture {
    display: inline-block;
    width: 58px;
    height: 27px;
    margin-right: 10px;
    padding: 0;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400;
    background-color: #301971 !important;
}

.present_condition_bottom_pack .top_inform .title_span {
    font-size: 21px;
}

.present_condition_bottom_pack .top_inform .gray_icon {
    display: inline-block;
    padding: 0.5em 1em !important;
}

.present_condition_bottom_pack .bottom_inform {
    margin-top: 2em;
}

.present_condition_bottom_pack .common_table tbody .detail_tr {
    display: none;
    opacity: 0;
    height: 0;
    transition: 0.2s;
}

.present_condition_bottom_pack .common_table tbody .detail_tr td {
    padding: 0;
    padding-bottom: 0.2em;
}

.present_condition_bottom .common_table tbody td .gray_icon {
    display: inline;
    line-height: 14px;
    padding: 0.35em 1em 0.45em !important;
}

.present_condition_bottom_pack .common_table tbody td {
    height: auto;
}

.present_condition_bottom_pack .common_table tbody td .bottom_detail_p {
    height: 54px;
    line-height: 54px;
}

.present_condition_bottom_pack .common_table tbody td .detail_p {
    padding: 0.1em 1.5em 0.1em 4em;
    line-height: 1.4;
}

.present_condition_bottom_pack .common_table tbody td .detail_p span {
    padding: 1em 0;
}

.present_condition_bottom_pack .common_table tbody td .bottom_detail_p .r_color {
    color: #ec6f43;
    width: 25px;
    line-height: 29px;
    padding-left: 1.5em;
    font-weight: 400 !important;
}

/* 내강의실 > 수강현황 > 단과 상세 */

.present_condition_bottom_ath .top_inform {
    margin-top: 4em;
}

.present_condition_bottom_ath .top_inform .icon_lecture {
    display: inline-block;
    width: 58px;
    height: 27px;
    margin-right: 10px;
    padding: 0;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400;
    background-color: #301971 !important;
}

.present_condition_bottom_ath .top_inform .title_span {
    font-size: 21px;
}

.present_condition_bottom_ath .top_inform .gray_icon {
    display: inline-block;
    padding: 0.5em 1em !important;
}

.present_condition_bottom_ath .bottom_inform {
    margin-top: 2em;
}

.present_condition_bottom_ath .bottom_inform th {
    padding-left: 20%;
}

.present_condition_bottom_ath .common_table tbody td {
    height: auto;
}

.present_condition_bottom_ath .common_table tbody td .bottom_detail_p {
    height: 54px;
    line-height: 54px;
}

.present_condition_bottom_ath .common_table tbody td .detail_p {
    margin-top: 0.6em;
    padding: 1em 1.5em 1em 4em;
    border-top: 1px solid #ddd;
    line-height: 1.4;
}

.present_condition_bottom_ath .common_table tbody td .bottom_detail_p .r_color {
    color: #ec6f43;
    width: 25px;
    line-height: 29px;
    padding-left: 1.5em;
}


/* 내강의실 > 수강현황 > 단과 상세 */

.present_condition_bottom_ath .top_inform {
    margin-top: 4em;
}

.present_condition_bottom_ath .top_inform .icon_lecture {
    display: inline-block;
    width: 58px;
    height: 27px;
    margin-right: 10px;
    padding: 0;
    line-height: 25px;
    font-size: 13px;
    font-weight: 400;
    background-color: #301971 !important;
}

.present_condition_bottom_ath .top_inform .title_span {
    font-size: 21px;
}

.present_condition_bottom_ath .top_inform .gray_icon {
    display: inline-block;
    padding: 0.5em 1em !important;
}

.present_condition_bottom_ath .bottom_inform {
    margin-top: 2em;
}

.present_condition_bottom_ath .bottom_inform th {
    padding-left: 20%;
}

.present_condition_bottom_ath .common_table tbody td {
    height: auto;
}

.present_condition_bottom_ath .common_table tbody td .bottom_detail_p {
    height: 54px;
    line-height: 54px;
}

.present_condition_bottom_ath .common_table tbody td .detail_p {
    margin-top: 0.6em;
    padding: 1em 1.5em 1em 4em;
    border-top: 1px solid #ddd;
    line-height: 1.4;
}

.present_condition_bottom_ath .common_table tbody td .bottom_detail_p .r_color {
    color: #ec6f43;
    width: 25px;
    line-height: 29px;
    padding-left: 1.5em;
}

/* SNS */

.sns li {
    display: inline-block;
}

.sns li a {
    display: block;
    width: 37px;
    height: 37px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: 50% 50%;
}

.facebook {
    background-image: url(../images/common/icon_facebook.png)
}

.twitter {
    background-image: url(../images/common/icon_twitter.png);
}

.blog {
    background-image: url(../images/common/icon_blog.png);
}

.kakaos {
    background-image: url(../images/common/icon_kakaos.png);
}

/* 테이블 left_bar 공통 */

.title .left_bar_title {
    margin-bottom: 30px;
    text-align: center;
}


.title {
    margin-bottom: 25px;
    position: relative;
}

.title h3 {
    position: relative;
    color: #111;
    text-align: left;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.05em;
    font-weight: 500;
}

.title h5 {
    position: relative;
    color: #111;
    text-align: center;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.05em;
    font-weight: 500;
}

.title p.sm-txt {
    font-size: 16px;
    color: #555;
    display: inline-block;
    font-weight: 400;
    margin-left: 15px;
}


@media screen and (max-width:599px) {
    .title h3 {
        font-size: 19px;
        margin-bottom: 15px;
    }

    .title p.sm-txt {
        font-size: 16px;
        margin-left: 0;
        display: inline-block;
        margin-top: 5px;
        display: inline-block;
        width: 100%;
    }

    .title .left_bar_title h3 {
        position: relative;
        font-size: 22px;
        font-weight: bold;
        color: #111;
    }

}


/* 서브 테이블 공통 클래스 */

.common_table {
    border-top: 1px solid #111;
}

.common_table thead tr th {
    padding: 1.55em 0;
    border-bottom: 1px solid #bbb;
    text-align: center;
    font-weight: 400;
}

.common_table tbody {
}

.common_table tbody th {
    width: 16.66%;
    padding: 20px;
    border-bottom: 1px solid #ddd;
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    vertical-align:middle;
}

.common_table tbody tr td.tal {
    text-indent: 5%;
}

.common_table tbody tr td {
    padding: 20px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.common_table tbody tr td a {
    display: block;
    width: 100%;
}

.common_table .btn_bg_eee {
    display: block;
    width: 50%;
    padding: 0.7em 0;
    margin: auto;
    text-align: center;
}

.coupon_bottom .common_table.pc_box tbody tr td {
    padding: 1.6em 0;
}

/* 첨부파일 있는 테이블 */

.file_table.common_table tbody tr td {
    padding: 1.4em 0;
}

@media screen and (max-width: 600px) {
    .file_table.common_table thead tr th.w65 {
        width: 57% !important;
    }

    .file_table.common_table thead tr th.w15 {
        width: 23% !important;
    }
}

/* max_width */

/*.max_width{
    width: calc(100% - 190px);
    position: relative;
    max-width:1200px;
    margin:auto;
}

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

    .max_width{
        padding-left: 60px; padding-right: 60px;
        width: 100%;
    }
}
@media screen and (max-width:1023px) {
    .max_width{
       padding-left:20px !important;
       padding-right:20px !important;
       box-sizing: border-box;
    }
}*/

/* 페이징 */

.list_btn_box {
    position: relative;
    margin: 40px auto 0;
    padding: 0 2%;
    text-align: center;
}

.list_btn_box .btn_box {
    width: 100%;
    /* min-width: 476px; */
}

.list_btn_box li {
    display: inline-block;
    vertical-align: middle;
}

.list_btn_box .btn_box li.prev a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: -1px;
    background: url(../images/application/theory_btn_box_prev.png) 50% 50% no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
}

.list_btn_box .btn_box li.next a {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: -1px;
    background: url(../images/application/theory_btn_box_next.png) 50% 50% no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
}

.list_btn_box li:nth-child(2) {
    margin-left: 6px;
}

.list_btn_box li:nth-child(2).on {
    margin-left: 10px;
}

.list_btn_box li:nth-last-child(2) {
    margin-right: 6px;
}

.list_btn_box li:nth-last-child(2).on {
    margin-right: 10px;
}

.list_btn_box .btn_box > li > a {
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
}

.list_btn_box .btn_num {
    /* min-width: 330px; */
}

.list_btn_box .btn_num li a {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: #999999;
    font-size: 0.85em;
}

.list_btn_box .btn_num li.on {
}

.list_btn_box .btn_num li.on a {
    color: var(--keycolor);
}


@media screen and (max-width:599px) {
    .list_btn_box {
        margin: 20px auto 0;
    }
}

@media screen and (max-width: 500px) {
    .list_btn_box {
        font-size: 14px;
    }
}

@media screen and (max-width: 390px) {
    .list_btn_box {
        font-size: 13px;
    }

    .list_btn_box .btn_num li a {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

@media screen and (max-width: 320px) {
    .list_btn_box .btn_num li a {
        width: 23px;
        height: 23px;
        line-height: 23px;
    }

    .list_btn_box {
        min-width: 258px;
    }
}


/* 새 게시판 테이블 공통 */

#new_board .new_common_table {
    border-top: 1px solid #333;
    margin-top: 0;
}

#new_board .new_common_table tbody tr td.title_td {
    font-size: 16px;
    color: #222;
    font-weight: 500;
}

#new_board .new_common_table thead {
}

#new_board .new_common_table thead th {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    font-weight: 400;
    font-size: 15px;
    padding: 20px 0;
}

#new_board .new_common_table tbody {
}

#new_board .new_common_table tbody tr {
    border-bottom: 1px solid #ddd;
}

#new_board .new_common_table tbody tr:hover {
    cursor: pointer;
}

#new_board .new_common_table tbody tr:last-child {
    border-bottom: 1px solid #ddd;
}

#new_board .new_common_table tbody tr td {
    vertical-align: middle;
    height: 56px;
    vertical-align: middle;
    text-align: center;
}

#new_board .new_common_table tbody tr td span {
}

#new_board .new_common_table tbody tr td span.bbsIcon {
    font-size: 12px;
    color: var(--keycolor);
    font-weight: 200;
    width: 35px;
    height: 22px;
    line-height: 21px;
    border: 1px solid var(--keycolor);
    text-align: center;
    display: inline-block;
}

#new_board .new_common_table tbody tr td.title_td {
    text-align: left;
    padding-left: 15px;
    font-weight: 500;
}

#new_board .new_common_table tbody tr td p {
    font-size: 15px;
    line-height: 22px;
    height: 25px;
    padding: 0;
}

#new_board .new_common_table tbody tr td img.attachFileIcon {
    width: 17px;
    vertical-align: baseline;
}

#new_board .new_common_table tbody tr td.td_title_wrap a {
    width: 100%;
    display: inline-block;
}

#new_board .new_common_table tbody tr td.td_title_wrap img.secretbbs {
    width: 14px;
    margin-right: 5px;
    vertical-align: baseline;
    margin-bottom: -2px;
}

#new_board .new_common_table tbody tr td.td_title_wrap p {
    font-size: 15px;
    line-height: 20px;
    height: 23px;
    padding: 0;
    width: 100%;
    display: inline-block;
    width: calc(100% - 21px);
    display: inline-block;
}

#new_board .new_common_table tbody tr:nth-child(2n+1) td {
    padding-bottom: 0;
    line-height: 1.5;
}

/*모바일 리스트*/
#new_board .new_common_table tbody tr td.table_m_box {
    width: calc(100% - 80px);
    padding: 15px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    border-bottom: 1px solid #ddd;
    text-align: left;
    height: auto;
}

#new_board .new_common_table tbody tr td.table_m_box.m_box_num {
    width: 50px !important;
    text-align: center;
}

#new_board .new_common_table tbody tr td.table_m_box.w80 {
    width: calc(100% - 50px) !important;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom {

}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li {
    display: inline-block;
    position: relative;
    height: inherit;
    vertical-align: inherit;
    line-height: normal;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li {
    padding-right: 10px;
    margin-right: 6px;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #555;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li:last-child {
    padding-right: 0;
    margin-right: 0;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li:last-child:after {
    content: '';
    display: none;
}


#new_board .new_common_table tbody tr td.table_m_box .table_bottom li > a {
    line-height: normal;
    vertical-align: middle;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li span {
    line-height: normal;
    font-size: 12px;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li i {
    font-size: 14px;
    padding-top: 5px;
    vertical-align: text-top
}

#new_board .new_common_table tbody tr td.table_m_box a .td_title {
    padding-left: 0;
    font-size: 14px;
}

#new_board .new_common_table tbody tr td.table_m_box a.first-child {
    display: block;
    height: 22px;
}

#new_board .new_common_table tbody tr th.table_m_box {
    vertical-align: middle;
    width: 60px !important;
    padding: 0 10px;
    border-bottom: 1px solid #ddd;
}

#new_board .new_common_table tbody tr th.table_m_box span,
#new_board .new_common_table tbody tr th.table_m_box p {
    font-size: 14px;
}

#new_board .new_common_table tbody tr th.table_m_box th {
    padding: 0 40px;
}

#new_board .new_common_table tbody tr:last-child .table_m_box {
    border-bottom: 1px solid #ddd;
}

#new_board .new_common_table tbody tr td.table_m_box td.date_td {
    line-height: 10px;
    font-size: 13px;
    margin-top: 0;
    font-weight: 200;
}

#new_board .new_common_table tbody tr td.date_td span {
    position: relative;
    font-size: 13px;
    margin-top: 3px;
    margin-right: 8px;
    padding-right: 8px;
    font-weight: 200;
}

#new_board .new_common_table.mobile tbody tr td.date_td span:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
}

#new_board .new_common_table.mobile tbody tr td.date_td img {
    width: 10px;
}

#new_board .new_common_table tbody tr td.table_m_box .table_top {
    display: inline-block;
    width: 100%;
    position: relative;
}

#new_board .new_common_table tbody tr td.table_m_box .table_top a.subject {
    width: 100%;
    display: inline-block;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom {
    position: relative;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.cate {
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.cate p {
    font-size: 13px;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.td_title {
    padding: 0;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.date {
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.date p {
    font-size: 13px;
    color: #777
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.sbtn {
    position: absolute;
    right: 0;
    width: auto;
    top: 50%;
    margin-top: -13.5px;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.sbtn p {
    border: 1px solid #555;
    border-radius: 50px;
    display: inline-block;
    font-size: 13px;
    padding: 2px 7px 4px;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom li.sbtn p.keycolor {
    border: 1px solid #111;
}

#new_board .new_common_table tbody tr td.table_m_box .table_bottom a.download {
}

#new_board .new_common_table tbody tr td.table_m_box .td_title_wrap a .td_title img.secretbbs {
    width: 14px;
    margin-right: 5px;
    vertical-align: baseline;
    margin-bottom: -2px;
}

#new_board .new_common_table tbody tr td.td_title_wrap p {
    font-size: 15px;
    line-height: 20px;
    height: 23px;
    padding: 0;
    width: 100%;
    display: inline-block;
    width: calc(100% - 21px);
    display: inline-block;
}

/*답변형*/
#new_board .new_common_table tbody tr td.answerLine p {
    padding-left: 55px;
    background: url('../../images/common/icon_reply.svg') no-repeat 0 3px;
    background-size: 48px;
}

@media all and (max-width:1023px) {
    #new_board .new_common_table tbody tr th.table_m_box,
    #new_board .new_common_table tbody tr td.table_m_box {
        display: none;
    }

}

@media all and (max-width:599px) {
    #new_board .new_common_table tbody tr td.table_m_box {
        padding: 10px 15px;
        display: table-cell
    }

    #new_board .new_common_table tbody tr th.table_m_box,
    #new_board .new_common_table tbody tr td.table_m_box.m_box_num {
        display: none
    }

    #new_board .new_common_table tbody tr td.table_m_box a .td_title span.bbsIcon {
        margin-right: 5px;
    }

    #new_board .new_common_table tbody tr td.table_m_box .table_bottom {
        line-height: 1
    }

    #new_board .new_common_table tbody tr td.table_m_box .table_bottom li {
        line-height: 1
    }

    #new_board .new_common_table tbody tr td.table_m_box .table_bottom li p {
        font-size: 12px;
    }

    #new_board .new_common_table tbody tr td img.attachFileIcon {
        width: 12px;
        vertical-align: middle;
        margin-top: -2px;
    }

    /*답변형*/
    #new_board .new_common_table tbody tr td.table_m_box .answerLine a .td_title {
        padding-left: 52px;
        background: url('../../images/common/icon_reply.svg') no-repeat 0 3px;
        background-size: 46px;
    }
}

/*비밀글*/
.passwordBoard {
    text-align: center;
}

.passwordBoard .passwordBoard_copy {
}

.passwordBoard .passwordBoard_copy {
}

.passwordBoard span.opacityBg10 {
    width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 50%;
}

.passwordBoard span.opacityBg10 img {
    width: 21px;
    padding: 17px 0;
}

.passwordBoard {
}

.passwordBoard p.ctxt {
    margin: 10px 0 20px;
    font-size: 15px;
    color: #555;
    line-height: 20px;
}

.passwordBoard .btnWrap {
}

.passwordBoard .btnWrap a {
    display: inline-block;
    height: 32px;
    width: 90px;
    text-align: center;
    font-size: 14px;
    line-height: 32px;
    vertical-align: top;
}

/* 썸네일 형식 게시판 리스트 공통 클래스 */

.event #wrapper {
}

.pic_board_bottom {
}

.pic_board_bottom .pic_board_content {
}

ul.pic_board_content > li {
    padding-bottom: 20px;
}

/*.pic_board_bottom .pic_board_content li:nth-child(2n+2){margin-right: 0;}*/
.pic_board_bottom .pic_board_content a {
}

.pic_board_bottom .pic_board_content a .img_wrap {
    width: 100%;
    position: relative;
    padding-top: 32.5%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}

.pic_board_bottom.package_bottom .pic_board_content a .img_wrap {
    padding: 32.5% 0;
}

.pic_board_bottom .pic_board_content a .img_wrap .content_hover:before {
    opacity: 0;
    visibility: hidden;
    display: block;
    content: '';
    clear: both;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    background-color: #fbbc2e;
    transition: 0.4s;
}

.pic_board_bottom .pic_board_content a .img_wrap .content_hover {
    opacity: 0;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.4s;
}

.pic_board_bottom .pic_board_content a .img_wrap .content_hover:after {
    opacity: 0;
    visibility: hidden;
    display: block;
    content: '';
    clear: both;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    background: url(../images/common/icon_plus.png) 50% 50% no-repeat;
    transition: 0.4s;
}

.pic_board_bottom .pic_board_content a .con_wrap {
    border: 1px solid #ddd;
    padding: 1.5em;
}

.pic_board_bottom .pic_board_content a .con_wrap p.color999 {
    height: 47px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pic_board_bottom .pic_board_content a .con_wrap div.icon {
}


@media screen and (max-width:1023px) {
    .event .page-wrap {
        margin-bottom: 40px;
    }
    ul.pic_board_content > li{width:33.3333%;}
    ul.pic_board_content .col-3, ul.pic_board_content .col-4{width:33.3333%;}
}

@media screen and (max-width:599px) {
    .event .page-wrap {
        margin-bottom: 20px;
    }

    .pic_board_bottom .pic_board_content {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 7%;
    }

    .pic_board_bottom.package_bottom li .con_wrap .txt_price_box p {
        width: 100%;
    }
}

@media screen and (max-width: 760px) {
    .event .page-wrap {
        margin-bottom: 20px;
    }
}

/* mini_title */
.mini_title {
    display: block;
    position: relative;
    margin: 2em 0 1em;
    font-weight: 500;
    font-size: 20px;
}

@media screen and (max-width:599px) {
    /* mini_title */
    .mini_title {
        font-size: 18px;
        margin: 2em 0 1em;
    }
}

/* 테이블 내부 a 버튼*/

.small_btn {
    display: block;
    width: 55% !important;
    padding: 0.6em 0;
    margin: auto;
    border-radius: 0 !important;
    text-align: center;
    font-size: 0.95em;
}

/*=====================
     1:1학습질문
=====================*/
.sch_filter {
    float: right;
}

.sch_box {
    text-align: left;
}

.sch_box select {
    width: 150px;
    font-size: 14px;
}

.sch_box option {
}

.total {
    display: inline-block;
    font-size: 14px;
    color: #777;
    padding: 25px 0 20px;
}

.bbsListType01 {
}

.bbsListType01 > ul {
    border-top: 2px solid #333;
}

.bbsListType01 > ul > li {
    padding: 20px 30px;
    border-bottom: 1px solid #ddd;
}

.bbsListType01 .listDiv {
    padding-right: 124px;
    position: relative;
}

.bbsListType01 .listDiv .sort {
    font-size: 13px;
    color: var(--keycolor);
    margin-bottom: 8px;
}

.bbsListType01 .listDiv .lecture {
    width: 100%;
    display: inline-block;
    line-height: 1;
    margin-bottom: 5px;
}

.bbsListType01 .listDiv .lecture li {
    float: left;
    font-size: 13px;
    color: var(--keycolor);
    position: relative;
    padding-right: 10px;
}

.bbsListType01 .listDiv .lecture li:after {
    content: '>';
    font-size: 12px;
    color: var(--keycolor);
    position: absolute;
    right: 0;
    top: 2px;
}

.bbsListType01 .listDiv .lecture li:last-child {
    padding-right: 0
}

.bbsListType01 .listDiv .lecture li:last-child:after {
    display: none;
}

.bbsListType01 .listDiv .subject {
    line-height: 1;
    position: relative;
    font-size: 15px;
    color: #111;
    margin-bottom: 15px;
}

.bbsListType01 .listDiv .subject a {
    display: inline-block;
    width: 100%;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 17px;
}

.bbsListType01 .listDiv span.attach {
    position: absolute;
    right: 0;
}

.bbsListType01 .listDiv span.attach img {
    width: 17px;
}

.bbsListType01 .listDiv .date {
    font-size: 13px;
    color: #999;
}

.bbsListType01 .listDiv .state {
    width: 64px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
}

.bbsListType01 .listDiv .state span {
    display: inline-block;
    font-size: 13px;
    text-align: center;
    width: 64px;
    line-height: 24px;
    height: 26px;
    border-radius: 3px;
}

.bbsListType01 .listDiv .state .standby {
    border: 1px solid #777;
    color: #777;
}

.bbsListType01 .listDiv .state .finish {
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
}

/*작성된 글이 없을때 나오는 영역*/
.bbsListType01 .none_data {
    text-align: center;
    padding: 80px 0;
}

.bbsListType01 .none_data div {
    font-size: 15px;
    color: #999;
    margin-top: 20px;
}

@media all and (max-width: 1023px) {
    .bbsListType01 .listDiv {
        padding-right: 84px;
    }
    /*=====================
         1:1학습질문
    =====================*/
    .bbsListType01 > ul > li {
        padding: 15px 15px;
    }
}

@media all and (max-width:599px) {
    .sch_filter {
        float: none;
    }

    .total {
        display: inline-block;
        font-size: 14px;
        color: #777;
        padding: 16px 0 10px;
    }

    .sch_box select {
        width: 100%
    }
}

/*글작성*/
.write_form_type01 {
}

.write_form_type01 table {
    border-top: 2px solid #333;
}

.write_form_type01 table th {
    padding: 15px 20px;
    background: #f6f6f6;
    text-align: left;
    vertical-align: middle;
    color: #111;
    font-weight: bold;
}

.write_form_type01 table th,
.write_form_type01 table td {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.write_form_type01 table td {
    padding: 15px 30px;
}

.write_form_type01 table .blank th,
.write_form_type01 table .blank td {
    border-bottom: 0;
    padding: 7px 20px;
}

.write_form_type01 table .tr2 th {
    border-bottom: 0;
    padding: 5px 20px;
}

.write_form_type01 table .tr2 td {
    border-bottom: 0;
    padding: 5px 30px;
}

.write_form_type01 table .blank.trline2 th,
.write_form_type01 table .blank.trline2 td {
    border-bottom: 1px solid #ddd;
}

.write_form_type01 table .sort select {
    width: 66%;
}

.write_form_type01 table .lecture select {
    width: 32.5%;
    margin-right: 1%;
    float: left;
}

.write_form_type01 table .lecture select:last-child {
    margin-right: 0
}

.write_form_type01 table .lecture .lec_select option {
    color: #333;
}

.write_form_type01 table .lecture .empty {
    color: #999;
}

.write_form_type01 table .ipt01 {
    width: 66%;
}

.write_form_type01 table .ipt02 {
    width: 100%;
}

.write_form_type01 table .ipt03 {
    width: 100%;
}

.write_form_type01 table textarea {
    height: 200px;
    padding: 10px;
    font-size: 14px;
}

.write_form_type01 table .notification {
}

.write_form_type01 table .notification ul {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}

.write_form_type01 table .notification ul li {
    display: inline-block;
    width: 33%;
    margin-right: 20px;
}

.write_form_type01 table .notification ul li:last-child {
    margin-right: 0
}

.write_form_type01 table .notification ul li span {
    display: inline-block;
    width: 50px;
}

.write_form_type01 table .notification ul li input {
    width: calc(100% - 50px);
    font-size: 14px;
    color: #555;
}

.write_form_type01 table .notification div {
}

.write_form_type01 table .notification div label {
    font-size: 14px;
    color: #555;
    text-indent: 0;
    padding-left: 30px;
    margin-right: 0
}

.write_form_type01 table .notification div label div:last-child {
    font-size: 13px;
    color: #777;
    margin-top: 0
}

.write_form_type01 table .notification div:last-child {
    margin-top: 10px;
}

@media all and (max-width:599px) {
    .write_form_type01 table th,
    .write_form_type01 table td {
        display: block;
        width: 100%;
        background: #fff;
    }

    .write_form_type01 table th,
    .write_form_type01 table td {
        width: 100% \9;
        float: left \9;
    }

    .write_form_type01 table th {
        padding: 15px 0 0;
        border-bottom: 0
    }

    .write_form_type01 table td {
        padding: 10px 0 15px
    }

    .write_form_type01 table .tr2 th {
        border-bottom: 0;
        padding: 15px 0 0;
    }

    .write_form_type01 table .tr2 td {
        border-bottom: 0;
        padding: 10px 0 15px;
        border-bottom: 1px solid #ddd;
    }

    .write_form_type01 table .blank {
        display: none;
    }

    .write_form_type01 table .sort select {
        width: 100%;
    }

    .write_form_type01 table .lecture {
        display: inline-block;
    }

    .write_form_type01 table .lecture select {
    }

    .write_form_type01 table .ipt01 {
        width: 100%;
    }

    .write_form_type01 table .attachFile {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    .write_form_type01 table .notification ul li {
        width: 45%;
    }
}

@media all and (max-width: 420px) {
    .write_form_type01 table .lecture select {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 5px;
    }

    .write_form_type01 table .lecture select:last-child {
        margin-bottom: 0
    }

    .write_form_type01 table .notification ul li {
        width: 100%;
        margin-right: 0;
    }

    .write_form_type01 table .notification ul li:last-child {
        margin-top: 5px;
    }

    .write_form_type01 table .notification ul li input {
    }
}

/*상세페이지*/

.bbsViewType01 .bbs_view_top {
    border-top: 2px solid #333;
    padding: 20px 30px;
    border-bottom: 1px solid #ddd;
}

.bbsViewType01 .viewDiv {
    padding-right: 120px;
    position: relative;
}

.bbsViewType01 .bbs_view_top .sort {
    font-size: 13px;
    color: var(--keycolor);
    margin-bottom: 8px;
}

.bbsViewType01 .bbs_view_top .lecture {
    width: 100%;
    display: inline-block;
    line-height: 1;
    margin-bottom: 8px;
}

.bbsViewType01 .bbs_view_top .lecture li {
    float: left;
    font-size: 13px;
    color: var(--keycolor);
    position: relative;
    padding-right: 10px;
}

.bbsViewType01 .bbs_view_top .lecture li:after {
    content: '>';
    font-size: 13px;
    color: var(--keycolor);
    position: absolute;
    right: 0;
}

.bbsViewType01 .bbs_view_top .lecture li:last-child {
    padding-right: 0
}

.bbsViewType01 .bbs_view_top .lecture li:last-child:after {
    display: none;
}

.bbsViewType01 .bbs_view_top .subject {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 15px;
    color: #111;
}

.bbsViewType01 .bbs_view_top .notification {
    position: absolute;
    top: 0;
    right: 0;
}

.bbsViewType01 .bbs_view_top .noticeIcon {
    display: inline-block;
    margin-bottom: 3px;
}

.bbsViewType01 .bbs_view_top .noticeIcon img {
    width: 16px;
}

.bbsViewType01 .bbs_view_top .notification span {
    font-size: 13px;
    color: #777;
}

.bbsViewType01 .bbs_view_top .notification span.mobile_none {
    margin: 0 2px;
}

.bbsViewType01 .bbs_view_top .notification .bubble {
    display: none;
    width: 300px;
    text-align: center;
    position: absolute;
    right: 0;
    background: #dee2ea;
    border: 1px solid #c7cfdd;
    border-radius: 1px;
    font-size: 13px;
    color: #505f79;
    z-index: 9;
    padding: 6px 0;
}

.bbsViewType01 .bbs_view_top .notification .bubble span {
    font-size: 13px;
    color: #505f79;
}

.bbsViewType01 .bbs_view_top .notification:hover .bubble {
    display: block;
}

.bbsViewType01 .bbs_view_top .date {
    font-size: 13px;
    color: #999;
    position: absolute;
    right: 0;
    bottom: 0
}

.bbsViewType01 .bbs_view_con {
    padding: 30px;
    border-bottom: 1px solid #ddd;
}

.bbsViewType01 .bbs_view_con .bbs_viewCon {
    padding-bottom: 50px;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

.bbsViewType01 .bbs_view_con .attach {
}

.bbsViewType01 .bbs_view_con .attach img {
    width: 15px;
    vertical-align: sub;
    margin-right: 5px;
}

.bbsViewType01 .bbs_view_con .attach a {
    color: var(--keycolor);
    font-size: 13px;
    border-bottom: 1px solid var(--keycolor)
}

.bbsViewType01 .bbs_view_answer {
    background: rgba(77, 57, 233, 0.05);
    padding: 30px;
    border-bottom: 1px solid #ddd;
}

.bbsViewType01 .bbs_view_answer .view_top {
    margin-bottom: 20px;
}

.bbsViewType01 .bbs_view_answer .view_top .state {
    font-size: 13px;
    color: #777;
}

.bbsViewType01 .bbs_view_answer .view_top .state span {
    display: inline-block;
    margin-right: 10px;
    background-color: var(--keycolor);
    width: 34px;
    height: 20px;
    line-height: 18px;
    text-align: center;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
}

.bbsViewType01 .bbs_view_answer .view_con {
}

.bbsViewType01 .bbs_view_answer .view_con .answer_con {
    font-size: 14px;
    line-height: 1.2;
}

.bbsViewType01 .bbs_view_answer .view_con .date {
    font-size: 13px;
    color: #999;
    margin-top: 50px
}

@media all and (max-width:1023px) {
    /*=====================
         1:1학습질문
    =====================*/
    .bbsViewType01 .bbs_view_top {
        padding: 15px 15px;
    }

    .bbsViewType01 .viewDiv {
        padding-right: 84px;
    }

    .bbsViewType01 .bbs_view_con {
        padding: 15px;
    }

    .bbsViewType01 .bbs_view_answer {
        padding: 15px;
    }

    .bbsViewType01 .bbs_view_answer .view_top {
        margin-bottom: 10px;
    }
}

@media all and (max-width:599px) {
    .bbsViewType01 .viewDiv {
        padding-right: 0
    }

    .bbsViewType01 .bbs_view_top .subject {
        margin-bottom: 10px;
    }

    .bbsViewType01 .bbs_view_top .date {
        position: static;
        right: auto;
        bottom: auto;
        margin-top: 10px;
    }

    .bbsViewType01 .bbs_view_top .notification {
        line-height: 1.2
    }

    .bbsViewType01 .bbs_view_top .notification .bubble {
        width: 150px;
    }

    .bbsViewType01 .bbs_view_top .notification span {
        display: inline-block;
    }

    .bbsViewType01 .bbs_view_top .notification span.mobile_none {
        display: none;
    }

}


/* 수강신청 > 단과강의 > 이론강의 공통 */

/*=====================
       상단 비쥬얼
=====================*/
.subVisual01 {
    width: 100%;
    height: 230px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: auto;
    background-size: auto;
    position: relative;
}

.subVisual_m {
    display: none;
}

.subVisual01 h2 {
    vertical-align: middle;
    color: #fff;
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.subVisual01 h2 p {
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 200;
    line-height: 1.5;
    margin-top: 1em;
}
.subVisualBnr,
.subVisualBnrSwiper{
    width: 100%;
    height: 360px;
    position: relative;
}
.subVisualBnr .subVisual{
    height: 360px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}
.subVisualBnr .bnrVideoInner{
    padding-bottom: 0;
    height: 100%;
}
.subVisualBnr_m {
    display: none;
}
@media screen and (max-width:1023px) {
    .top_ex_p {
        width: calc(100% - 40px);
        margin: 38px auto;
    }
    .subVisualBnr,
    .subVisualBnrSwiper{
        width: 100%;
        height: 300px;
    }
    .subVisualBnr .subVisual{
        height: 300px;
    }
}

@media screen and (max-width:767px) {
    .subVisualBnr .pc_visual {
        display: block !important;
    }
}
@media screen and (max-width:599px) {
    .subVisualBnr .pc_visual {
        display: none !important;
    }
    .subVisual01 {
        height: 300px;
    }
    .subVisualBnr,
    .subVisualBnrSwiper{
        height: auto;
    }
    .subVisualBnr .pc_visual{
        display: none;
    }
    .subVisualBnr_m {
        display: block;
        z-index: 10;
        height: auto;
        text-align: center;
    }
    .subVisualBnr .bnrVideoInner{
        height: auto;
        padding-bottom: 66.67%;
    }

    .subVisual01.subVisual_m {
        display: block;
        position: absolute;
        z-index: 10;
        height: auto;
        text-align: center;
        padding: 0;
        bottom: 0;
        height: 100px;
    }

    .subVisual01 h2 {
        font-size: 22px;
        display: none;
        width: 100%;
        padding: 39px 0;
    }

    .subVisual01 {
        position: relative;
        display: table;
        width: 100%;
        height: 100px;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: auto;
        background-size: auto;
    }

    .subVisual_m h2 {
        display: inline-block;
        left: 0
    }

    p.ex_p {
        padding: 0 15px;
    }

    p.ex_p {
        font-size: 15px;
    }
}

/*=====================
       교재 리스트
=====================*/
.text_book_wrap .text_book_list{
    display: flex;
    flex-wrap: wrap;
}
.text_book_wrap .text_book_list li{
    display: flex;
    flex-wrap: wrap;
}
.text_book_wrap .text_book_list li .tb_bx {
    position: relative;
    margin-bottom: 24px;
    width: 100%;
}

.text_book_wrap .text_book_list li .tb_bx .content_top {
    position: relative;
}

.text_book_wrap .text_book_list li .tb_bx .content_top .centered img {
    width: auto;
    height: 80%;
}
.text_book_wrap .text_book_list li a {
    display: block;
    border: 1px solid #ddd;
}

.text_book_wrap .text_book_list li .all_href {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.text_book_wrap .text_book_list li .text_book_img {
    display: block;
    position: relative;
    padding: 42% 0;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: auto 80%;
    background-size: auto 80%;
    transition: 0.2s;
    overflow: hidden;
}

.text_book_wrap .text_book_list .content_bottom {
    visibility: visible;
    padding: 0px 15px 15px;
    text-align: center;
}

.text_book_wrap .text_book_list .content_bottom h4 {
    color: #111;
    font-size: 15px;
    font-weight: 500;
    height: 44px;
    line-height: 22px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}

.text_book_wrap .text_book_list .content_bottom .comment {
    display: block;
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    line-height: 24px;
    color: #777;
}

.text_book_wrap .text_book_list .content_bottom em {
    color: #111;
}

.text_book_wrap .text_book_list .content_bottom .price {
    margin-top: 0px;
    line-height: 0;
    height:auto;
    display: inline-block;
    width: 100%;
}

.text_book_wrap .text_book_list .cost-sale {
    position: relative;
    display: inline-block;
    line-height:1;
}

.text_book_wrap .text_book_list .cost-sale .rate {
    display: inline-block;
    font-size: 15px;
}

.text_book_wrap .text_book_list .cost-sale em{
    display: inline-block;
    color: #999;
    font-size: 15px;
    position: relative;
    font-weight: 500;
}
.text_book_wrap .text_book_list .cost-sale em:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
}
.text_book_wrap .text_book_list .cost-sale em span{
    color: #999;
    font-size: 15px;
    vertical-align: baseline;
}
.text_book_wrap .text_book_list .lec_price{
    display: inline-block;
    line-height:1;
}
.text_book_wrap .text_book_list .lec_price em{
    font-size: 15px;
}

.text_book_wrap .text_book_list div.icon {
    margin-top: 10px;
}

.text_book_wrap .text_book_list .icon span {
    margin-right:4px;
    margin-bottom:4px;
}


@media screen and (max-width:1023px) {
    .text_book_wrap .text_book_list .col-3{
        width:33.33333%;
    }
    .text_book_wrap .text_book_list li .tb_bx{
        margin-bottom: 10px;
    }
    .text_book_wrap .text_book_list .content_bottom {
        padding: 0 10px 20px;
    }
    .text_book_wrap .text_book_list .content_bottom h4 {
        font-size: 16px;
        height: 45px;
    }
    .text_book_wrap .text_book_list .cost-sale{
        margin-bottom:5px;
        height: 16px;
    }
    .text_book_wrap .text_book_list .lec_price em span,
    .text_book_wrap .text_book_list .lec_price em{
        font-size: 16px;
    }
    .text_book_wrap .text_book_list .cost-sale em span,
    .text_book_wrap .text_book_list .cost-sale em,
    .text_book_wrap .text_book_list .cost-sale .rate{
        font-size:14px;
    }
}

@media screen and (max-width:599px) {
    .text_book_wrap .text_book_list .content_bottom {
        padding: 0 10px 15px;
    }
    .text_book_wrap .text_book_list .content_bottom h4 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 5px;
        height: 38px;
    }
    .text_book_wrap .text_book_list .cost-sale em span,
    .text_book_wrap .text_book_list .cost-sale em{
        font-size:11px;
    }
    .text_book_wrap .text_book_list .cost-sale .rate{
        font-size:11px;
    }
    .text_book_wrap .text_book_list .lec_price{}
    .text_book_wrap .text_book_list .lec_price em span,
    .text_book_wrap .text_book_list .lec_price em{
        font-size: 13px;
    }
    .text_book_wrap .text_book_list .icon {
        /*height: 20px;*/
    }

}

/*=====================
       교재 상세
=====================*/
.tb_detail_page .detail_page_top {
    position: relative;
    width: 100%;
    margin-bottom:55px;
}

.tb_detail_page .detail_page_top .detail_page_top_box{
    width: 100%;
    display: inline-block;
}
.tb_detail_page .detail_page_top .d_textbook_wrap {
    width: 100%;
    display: table;
}

.tb_detail_page .detail_page_top.text_book .mini_title {
    padding-bottom: 0;
    margin-bottom: 45px;
    border-bottom: 0;
}

.tb_detail_page .detail_page_top .detail_page_thumb {
    position: relative;
    width: calc(100% - 420px);
    float: left;
}

.tb_detail_page .detail_page_top .detail_page_thumb .ratio3 img {
    max-height: 75%;
    width: auto;
}
.tb_detail_page .detail_page_top .detail_page_thumb .top_product_img .thumbnail {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top:75%;
}

.tb_detail_page .summary_content{
    position: absolute;
    right: 0;
}
.tb_detail_page .summary_content table {
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}

.tb_detail_page .summary_content table a.btn {
    padding: 0.3em 0.5em;
    background-color: #666;
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    font-size: 12px;
    /*display: none;*/
}

.tb_detail_page .summary_content table tr {
}

.tb_detail_page .summary_content table tr.date_tr {
    display: none;
}

.tb_detail_page .summary_content table tr.date_tr .start_day {
    margin-left: 0;
    border: none;
    text-align: left;
    height: 35px;
    max-width: 120px;
    margin-top: 0;
    vertical-align: bottom;
}

.tb_detail_page .summary_content table tr.date_tr span {
    float: none;
    height: 35px;
    line-height: 35px;
}

.tb_detail_page .summary_content tr th {
    position: relative;
    width: 102px;
    padding: 0.7em 0;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;
    font-size: 15px;
    color: #555;
}

.tb_detail_page .summary_content tr td {
    padding: 0.7em 0 0.7em 0.7em;
    vertical-align: baseline;
    color: #555;
    font-size: 15px;
}

.tb_detail_page .summary_content tr:first-child th,
.tb_detail_page .summary_content tr:first-child td {
    padding-top: 20px;
}

.tb_detail_page .summary_content tr:last-child th,
.tb_detail_page .summary_content tr:last-child td {
    padding-bottom: 20px;
}

/* 총 결제 금액 부분 */
.selectNum {
    background-color: #f9f9f9;
    color: #666;
    border: 1px solid #e5e5e5;
}
.number_sel {
    position: relative;
    padding: 0.7em 0 20px;
    border-bottom: 1px solid #ddd
}

.number_sel .numberUpDown span,
.number_sel .w100 p span {
    float: left;
    display: block;
    width: 23px;
    height: 20px;
    line-height: normal;
    text-indent: 0;
    margin-right: 5px;
    text-align: center;
    font-size: 13px;

}

.number_sel p span.minus, .number_sel p span.plus {
    line-height: normal;
}

.tb_section{
    width: calc(100% - 420px);
    border-top: 1px solid #ddd;
}
@media all and (max-width:1023px){
    .tb_detail_page .detail_page_top {
        position: relative;
        width: 100%;
    }
    .tb_detail_page .detail_page_top .detail_page_thumb,
    .tb_section{
        width: calc(100% - 340px);
    }
    .tb_detail_page .summary_content tr th,
    .tb_detail_page .summary_content tr td{
        font-size:14px;
    }

}
@media all and (max-width:990px) {
    .tb_detail_page #wrapper {
        padding: 0 0 60px;
    }
    .tb_detail_page .detail_page_top .detail_page_thumb{
        width: 100%;
    }
    .tb_detail_page .summary_content{
        position: static;
        right: auto;
    }
    .tb_section {
        width: 100%;
        padding:0 20px;
        border-top:0;
    }
    .tb_detail_page .summary_content table{
        border-top:1px solid #ddd;
    }
    .number_sel{
        border-bottom:0;
    }
}
/*=====================
       상세페이지 공통
=====================*/
/* TODO : 여기서 부터 삭제 필요 */

/* 강의상세 가격 요약폼 */

.detail_page .detail_page_top .lec_textbook {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
}

.detail_page .detail_page_top .lec_textbook h6 {
    font-size: 15px;
    color: #777;
    margin-bottom: 6px;
}

.detail_page .detail_page_top .lec_textbook > .checked_box {
    margin-bottom: 5px;
}

.detail_page .detail_page_top .lec_textbook > .checked_box:last-child {
    margin-bottom: 0;
}

.detail_page .detail_page_top .lec_textbook label {
}

.detail_page .detail_page_top .lec_textbook label {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
}

.detail_page .detail_page_top .lec_textbook span {
    font-size: 15px;
}

.detail_page .detail_page_top .lec_textbook .textbook_subject {
}

.detail_page .detail_page_top .lec_textbook .shop_price {
    float: right;
}

.detail_page .detail_page_top .lec_textbook .shop_price em {
    font-size: 17px
}

.detail_page .detail_page_top .lec_textbook .shop_price span {
    font-size: 15px;
}

@media all and (max-width:599px) {
    .detail_page .detail_page_top {
        display: inline-block;
    }

    .detail_page .detail_page_top .lec_textbook label {
        text-indent: 0;
    }

    .detail_page .detail_page_top .lec_textbook .textbook_subject {
        width: calc(100% - 80px);
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        text-indent: 0;
        padding-left: 25px;
    }

    .detail_page .detail_page_top .lec_textbook .textbook_subject {
        font-size: 14px;
    }

    .detail_page .detail_page_top .lec_textbook .shop_price {
        width: 80px;
        text-align: right;
    }

    .detail_page .detail_page_top .lec_textbook .shop_price em {
        font-size: 15px
    }

    .detail_page .detail_page_top .lec_textbook .shop_price span {
        font-size: 13px;
    }
}


/*============================================
       온라인, 오프라인 강의 상세
============================================*/

/*******************************************************************/
/* 강의 구성 */
/*******************************************************************/



/* 단과 상세페이지 선생님소개 */

.detail_page .lecture_teacher {
    padding: 70px 0 60px;
    margin: 60px auto 100px;
    background-color: #d4eee5;
    min-height: 430px;
}

.detail_page .lecture_teacher .table {
    position: relative;
    /*width: 100%;
    max-width: 1200px;
    margin: auto;*/
}

.detail_page .lecture_teacher .table .tch_box {
    position: absolute;
    top: 5%;
    left: 0;
    width: 30.7%;
    height: 0;
    padding-bottom: 31.5%;
    background-color: #ff9e21;
}

.detail_page .lecture_teacher .table .tch_box .teacher_img {
    width: 100%;
    height: 0;
    padding-bottom: 102.5%;
    margin: -5% 0 0 5%;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}

.detail_page .lecture_teacher .table .tch_box p {
    margin-bottom: 8px;
    vertical-align: text-bottom;
    font-size: 18px;
}

.detail_page .lecture_teacher .table .tch_box p span {
    font-size: 18px;
}

.detail_page .lecture_teacher .table .tch_box a {
    display: block;
    width: 153px;
    height: 42px;
    margin: auto;
    line-height: 40px;
}

.detail_page .lecture_teacher .table .txt_box {
    float: right;
    width: 60%;
    padding-left: 4%;
}

.detail_page .lecture_teacher .table .txt_box dl:first-child {
    margin-bottom: 30px;
}

.detail_page .lecture_teacher .table .txt_box dl dt {
    margin-bottom: 15px;
    font-size: 18px;
    vertical-align: middle;
}

.detail_page .lecture_teacher .table .txt_box dl dt span {
    font-size: 16px;
}

.detail_page .lecture_teacher .table .txt_box dl dt h4 {
    font-size: 35px;
    font-weight: 500;
    padding-right: 10px;
}

.detail_page .lecture_teacher .table .txt_box dl dt .preveal {
    display: inline-block;
    padding: 4px;
    background-color: rgba(245, 225, 200, 0.77);
    border-radius: 50%;
}

.detail_page .lecture_teacher .table .txt_box dl dt .preveal a {
    display: block;
}

.detail_page .lecture_teacher .table .txt_box dl dt .preveal img {
    background-color: #fff;
    border-radius: 50%;
}

.detail_page .lecture_teacher .table .txt_box dl.fst_dl dd {
    line-height: 1.5;
    font-size: 16px;
    max-height: 98px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 30px;
}

.detail_page .lecture_teacher .table .txt_box dl.snd_dl dd {
    font-size: 16px;
    line-height: 1.9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 1250px) {
    .detail_page .lecture_teacher > .table {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .detail_page .lecture_teacher .table .tch_box {
        left: 20px;
    }
}

@media screen and (max-width:1023px) {
    .detail_page .lecture_teacher .table .txt_box {
        padding-left: 45px;
    }

    .detail_page .lecture_teacher .table .txt_box dl dt h4 {
        font-size: 30px;
    }
}

@media screen and (max-width:599px) {
    .detail_page .lecture_teacher {
        margin-bottom: 45px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .detail_page .lecture_teacher .table .tch_box {
        position: relative;
        left: 0;
        width: 95%;
        padding-bottom: 97%;
        margin-bottom: 21px;
    }

    .detail_page .lecture_teacher .table .tch_box .teacher_img {
        position: absolute;
    }

    .detail_page .lecture_teacher .table .txt_box {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .detail_page .lecture_teacher .table .txt_box dl dt h4,
    .detail_page .lecture_teacher .table .txt_box dl dt .preveal {
        width: auto;
    }

    .detail_page .lecture_teacher .table .txt_box dl.snd_dl dd {
        white-space: normal;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .detail_page .lecture_teacher .table .txt_box dl.snd_dl dd:last-child {
        margin-bottom: 0;
    }

    .detail_page .lecture_teacher .table .table_cell {
        display: block;
        width: 100%;
    }
}

/* 강의 상세 페이지 하단 리뷰 */
.lecture_epilogue {
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.lecture_epilogue .containRow {
    width: 100%;
    display: inline-block;
}

.detail_page .detail_page_bottom {
    width: 100%;
    padding: 80px 0 0;
}

.detail_page.review_list .detail_page_bottom {
    margin: 2em 0 4em;
    padding: 0;
}

.detail_page .detail_page_bottom .lecture_epilogue .box .box-wrap .right_area {
    border: 0;
    padding-left: 0
}

.detail_page .detail_page_bottom .lecture_epilogue .box {
    position: relative;
    border: none;
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.detail_page .detail_page_bottom .lecture_epilogue .col-12:first-child .box {
    border-top: 1px solid #000;
}

.detail_page .detail_page_bottom .lecture_epilogue .box .box-wrap {
    width: 100%;
    margin: auto;
}

.detail_page .detail_page_bottom .lecture_epilogue .box .box-wrap .ratingArea img {
    max-width: 100px;
}

.detail_page .detail_page_bottom .lecture_epilogue .box .box-wrap .lecture {
}

.detail_page .detail_page_bottom .lecture_epilogue .box .box-wrap .subject {

}

.detail_page .detail_page_bottom .lecture_epilogue .box .box-wrap .contents {
}
@media screen and (max-width:599px) {
    .indexLayout .page-title a.moreBtn {
        width: 20px;
        height: 20px;
        margin-top: 0;
    }

    .indexLayout .page-title a.moreBtn:before {
        content: '';
        width: 20px;
        height: 2px;
    }

    .indexLayout .page-title a.moreBtn:after {
        content: '';
        width: 2px;
        height: 20px;
    }

}

@media screen and (max-width: 460px) {
    .detail_page .lecture_epilogue .review-box {
        padding: 25px 30px;
    }

    .detail_page .lecture_epilogue .review-box .title-wrap .ratingArea {
        position: static;
        margin-bottom: 5px;
    }

    .detail_page .lecture_epilogue .review-box .title-wrap .subject {
        width: 100%;
    }
}

/* 리스트 */
.pic_board_content a .content_top {
    position: relative;
}

.pic_board_content a .content_top .thumbnail {
    border: 1px solid #ddd;
}
.pic_board_content a .content_top .thumbnail img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.pic_board_content a .content_top .thumbnail:hover img{
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.pic_board_content a .content_bottom {
    visibility: visible;
    text-align: center;
    /*padding: 0 10px 10px;
    background: #f8f8f8;*/
}

.pic_board_content a .content_bottom h4 {
    font-weight: 400;
    text-align: left;
    letter-spacing: -0.4px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 5px;
    height: 44px;
    color: #000;
    font-size: 17px;
    line-height: 22px;
}
.lectureList .content_bottom .ratingArea,
.pic_board_content a .content_bottom .ratingArea{margin-bottom: 7px;}
.lectureList .content_bottom .ratingArea .ratingBox,
.pic_board_content a .content_bottom .ratingArea .ratingBox{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    height: 14px;
}
.lectureList .content_bottom .ratingBox .rating-star,
.lectureList .content_bottom .ratingBox .rating-star span,
.pic_board_content a .content_bottom .ratingBox .rating-star,
.pic_board_content a .content_bottom .ratingBox .rating-star span{
    vertical-align: top;
}
.lectureList .content_bottom .ratingArea .cmtCount,
.pic_board_content a .content_bottom .ratingArea .cmtCount{
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #999;
    vertical-align: middle;
}


.lectureList01 li .cont_center .ratingArea{margin-bottom: 10px;}
.lectureList01 li .cont_center .ratingArea .ratingBox{
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 0;
    vertical-align: middle;
    height: 14px;
}
.lectureList01 li .cont_center .ratingBox .rating-star,
.lectureList01 li .cont_center .ratingBox .rating-star span{
    vertical-align: top;
}
.lectureList01 li .cont_center .ratingArea .cmtCount{
    display: inline-block;
    font-size: 12px;
    line-height: 14px;
    color: #999;
    vertical-align: middle;
}

.lectureList .lecture_period,
.pic_board_content a .content_bottom .list_period,
.pic_board_content a .content_bottom .lecture_period{

    font-weight: 400;
    letter-spacing: -0.333px;
    margin:5px 0;
    color: #000;
    font-size: 13px;
    line-height: 16px;
}
.pic_board_content a .content_bottom .lecture_period span{}
.lectureList .lecture_period span:first-child,
.pic_board_content a .content_bottom .lecture_period span:first-child{
    display: inline-block;
    width: 56px;
    color: #000;
}
.lectureList .lecture_period span:last-child,
.pic_board_content a .content_bottom .lecture_period span:last-child{
    display: inline-block;
    width: calc(100% - 60px);
    word-break: keep-all;
    color: #000;
}
.lectureList .lecture_period .term,
.pic_board_content a .content_bottom .term {
    margin-bottom: 10px;
}
.lectureList .lecture_period .term span,
.pic_board_content a .content_bottom .term span{
    font-size: 14px;
    display: inline-block;
    color: #555;
    font-weight: 400;
    letter-spacing: -0.4px;
}
.lectureList .lecture_period .term span:first-child,
.pic_board_content a .content_bottom .term span:first-child{
    width:60px;
}
.lectureList .lecture_period .term span:last-child,
.pic_board_content a .content_bottom .term span:last-child{
    width:calc(100% - 65px);
}
.lectureList .lecture_period .comment,
.pic_board_content a .content_bottom .comment {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
    line-height: 24px;
    color: #777;
}
.lectureList {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
}
.lectureList .col-3.swiper-slide .box{
    position: relative;
}
.lectureList .lecture_m{width: 100%;}
.lectureList.swiper-wrapper{
    flex-wrap: inherit;
}
.lectureList li{}
.lectureList li a .content_bottom .lecTag {
    color: #999;
    font-size: 13px;
    font-weight: 500;
    line-height: 19px;
    letter-spacing: -0.3px;
    text-align: left;
    margin-top: 4px;

}
.lectureList li a .content_bottom div.icon {
    margin-top: 5px;
}

.lectureList li a .content_bottom .icon span {
    margin-right:4px;
    margin-bottom:4px;
}
.lectureList a .earlyBirdArea{
    text-align: center;
    height: auto;
    position: absolute;
    width: 100%;
    bottom: 0;
    border: 1px solid #ddd;
    border-top: 0;
}
.lectureList a .earlyBirdBox{
    background:var(--keycolor);
    text-align: center;
    line-height: 12px;
    padding:8px 10px;
}
.lectureList a .earlyBirdArea img{
    width:18px;
    vertical-align: middle;
    margin-right:5px;
}
.lectureList a .earlyBirdArea span{
    font-size:13px;
    display: inline-block;
    color:#fff;
}
.pic_board_content a .cont_btm_wrap {
    padding: 10px 0 0;
    text-align: left;
}

.lecTabList#list_tab2 .pic_board_content a .cont_btm_wrap {
    padding: 0 20px 20px;
    text-align: left;
}
.pic_board_content a .cont_btm_wrap .info_top_cont{margin-bottom: 2px;}
.pic_board_content a .cont_btm_wrap .info_top_cont > div:first-child{margin-left: 0;padding-left: 0;}
.pic_board_content a .cont_btm_wrap .info_top_cont > div:first-child:after{display: none;}
.pic_board_content a .cont_btm_wrap .info_top_cont > div{position: relative; padding-left: 6px;margin-left: 3px;}
.pic_board_content a .cont_btm_wrap .info_top_cont > div:after{
    content: '';
    width: 1px;
    height: 12px;
    background: #777;
    position: absolute;
    left: 0;
    top: 1px;
}
.pic_board_content a .cont_btm_wrap .prof_name{
    font-size: 13px;
    font-weight: 500;
    color: #555;
    display: inline-block;
    vertical-align: baseline;
}
.pic_board_content a .cont_btm_wrap .cate {
    font-size: 13px;
    line-height: 19px;
    color: #555;
    font-weight: 500;
    display: inline-block;
}
/*

.pic_board_content a .cont_btm_wrap .cs_sday,
.pic_board_content a .cont_btm_wrap .period {
    font-size: 13px;
    color: #777;
    line-height: 1;
    margin-top: 10px;
}

.pic_board_content a .cont_btm_wrap .cs_sday span,
.pic_board_content a .cont_btm_wrap .period span {
    font-size: 13px;
    color: #777;
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
}

.pic_board_content a .cont_btm_wrap .cs_sday span img,
.pic_board_content a .cont_btm_wrap .period span img {
    width: 13px;
    margin-right: 5px
}
*/

.pic_board_content a .content_bottom .price {
    line-height: 1;
    font-family: 'Pretendard-Regular';
}

.lecTabList#list_tab2 .pic_board_content a .content_bottom .price{height: auto;}

.pic_board_content a .content_bottom .price em {
    font-size: 15px;
}

.pic_board_content a .content_bottom .price em span {
    display: inline-block;
    font-size: 17px;
    font-weight: 200;
    line-height: 26px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    color: #000;
}

.pic_board_content a .content_bottom .price .cost-sale {
    position: relative;
    width: 100%;
    line-height: 19px;
}
.pic_board_content a .content_bottom .price .cost-sale em{
    display: inline-block;
    color: #999;
    position: relative;

    font-size: 15px;
    font-weight: 200;
    line-height: 19px;
    letter-spacing: -0.3333333432674408px;
    text-align: left;
}
.pic_board_content a .content_bottom .price .cost-sale em span {
    color: #999;
    font-size: 15px;
    font-weight: 200;
    line-height: 19px;
    letter-spacing: -0.3333333432674408px;
    text-align: left;
    vertical-align: baseline;
}
.pic_board_content a .content_bottom .price .cost-sale .rate{
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #EF4456;

}
.pic_board_content a .content_bottom .price .cost-sale em:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
}
.pic_board_content a .content_bottom .price .lec_price{
    display: inline-block;
    width: 100%;
    line-height: 26px;
    font-family: 'Pretendard-Medium';
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
.pic_board_content a .content_bottom .price .lec_price .rate{
    color: #F40E0E;
    font-size: 17px;
    font-weight: 500;
}
.pic_board_content a .content_bottom .price .lec_price em{
    font-size: 17px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    vertical-align: baseline;
    color: #000;
    font-size: 17px;
}
.pic_board_content a .content_bottom .price .lec_price em span{
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    color: #000;
}
.pic_board_content .content_bottom .priceBox2{
    font-family: 'Pretendard-Regular';
}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box{}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box > .rate{
    color: #F40E0E;
    font-size: 17px;
    font-weight: 500;
    vertical-align: baseline;
}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box > em.numberFontSB{
    line-height: 21px;
    letter-spacing: -0.3px;
    text-align: center;
    vertical-align: baseline;
    color: #000;
    font-size: 17px;
    font-weight: 200;
}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box .cost_txt{
    display: inline-block;
    vertical-align: baseline;
    font-size: 14px;
    color: #999;
    margin-left:5px;
}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box{
    display: inline-block;
    width: 100%;
    line-height: 26px;
    font-family: 'Pretendard-Medium';
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
.pic_board_content .content_bottom .priceBox2 .lec_price_box > em{
    display: inline-block;
    color: #999;
    position: relative;
    font-size: 15px;
    font-weight: 200;
    line-height: 19px;
    letter-spacing: -0.3333333432674408px;
    text-align: left;
    margin-right: 5px;
    font-weight: 400;
}
.pic_board_content .content_bottom .priceBox2 .lec_price_box > em:before{
    content: '';
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
}
.pic_board_content .content_bottom .priceBox2 .lec_price_box > div{
    color: #999;
    font-size: 15px;
    vertical-align: middle;
    line-height: 19px;
}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box > em{
    font-weight: 400;
    line-height: 21px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    vertical-align: baseline;
    color: #000;
    font-size: 17px;
}
.pic_board_content .content_bottom .priceBox2 .cost_sale_box > em > span{
    font-weight: 400;
    font-size: 15px;
}
.pic_board_content a .earlyBirdArea{
    text-align: center;
    height: auto;
    position: absolute;
    width: 100%;
    bottom: 0;
    border: 1px solid #ddd;
    border-top: 0;
}
.pic_board_content a .earlyBirdBox{
    background:var(--keycolor);
    text-align: center;
    line-height: 12px;
    padding:8px 10px;
}
.pic_board_content a .earlyBirdArea img{
    width:18px;
    vertical-align: middle;
    margin-right:5px;
}
.pic_board_content a .earlyBirdArea span{
    font-size:13px;
    display: inline-block;
    color:#fff;
}
@media screen and (max-width: 1300px) {
    .theory_lecture_wrap {
        font-size: 15px;
    }
}

@media screen and (max-width: 1200px) {
    .theory_lecture_wrap .theory_lecture ul.btnBox {
        width: 141px;
    }
}

@media screen and (max-width: 1023px) {
    .theory_lecture_wrap .subVisual01 h2:before {
        width: 44px;
        height: 3px;
        margin-bottom: 2%;
    }
    .pic_board_content a .content_bottom .price em{
        font-size: 17px;
    }
    .pic_board_content a .content_bottom .price em span{
        font-size: 15px;
    }
    .pic_board_content a .content_bottom .price .cost-sale em span,
    .pic_board_content a .content_bottom .price .cost-sale em,
    .pic_board_content a .content_bottom .price .cost-sale .rate{
        font-size:13px;
    }

    .pic_board_content .content_bottom .priceBox2{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em.numberFontSB{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em > span{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > .rate{
        font-size: 13px;
    }


    ul.pic_board_content .col-3,
    ul.pic_board_content .col-4{
        padding-bottom:20px;
    }
    .pic_board_content a .cont_btm_wrap{
        padding-top:10px;
    }
    .lectureList a .earlyBirdArea img,
    .pic_board_content a .earlyBirdArea img{
        width:12px;
        margin-right:0px;
    }
    .lectureList a .earlyBirdArea span,
    .pic_board_content a .earlyBirdArea span{
        font-size:12px;
    }
}

@media screen and (max-width:599px) {
    .pic_board_content a .content_bottom .lecture_period span{}
    .pic_board_content a .content_bottom .lecture_period span:first-child,
    .pic_board_content a .content_bottom .lecture_period span:last-child{
        display: initial;
        width: auto;
        word-break: keep-all;
    }

    .pic_board_content a .content_bottom {
    }

    .pic_board_content a .cont_btm_wrap {
        padding: 10px 0 0;
        text-align: left;
    }
    .pic_board_content a .content_bottom h4{
        font-size:16px;
        line-height:20px;
        margin-bottom: 4px;
        height: 42px;
    }
    .pic_board_content a .cont_btm_wrap .info_top_cont{margin-bottom: 2px;}
    .pic_board_content a .cont_btm_wrap .prof_name{
        font-size: 13px;
    }
    .pic_board_content a .cont_btm_wrap .info_top_cont > div:after{
        content: '';
        width: 1px;
        height: 12px;
        color: #555;
        position: absolute;
        right: 0;
        top: 1px;
    }
    .pic_board_content a .cont_btm_wrap .cate{
        font-size:13px;
    }
    /*.pic_board_content a .cont_btm_wrap .cs_sday,
    .pic_board_content a .cont_btm_wrap .period{
        font-size: 12px;
    }*/
    .pic_board_content a .content_bottom .price{
    }
    ul.pic_board_content .col-3,
    ul.pic_board_content .col-4 {
        width: 50%;
        margin-right: 0%;
    }

    .pic_board_content .col-3:nth-child(4n+4),
    .pic_board_content .col-4:nth-child(4n+4) {
        margin-right: 0%;
    }

    .pic_board_content .col-3:nth-child(2n+2),
    .pic_board_content .col-4:nth-child(2n+2) {
        margin-right: 0;
    }
    .pic_board_content a .content_bottom .price .cost-sale{
        font-size:13px;
    }
    .pic_board_content a .content_bottom .price .cost-sale em span,
    .pic_board_content a .content_bottom .price .cost-sale em{
        font-size:13px;
    }
    .pic_board_content a .content_bottom .price .cost-sale .rate{
        font-size:16px;
    }
    .pic_board_content a .content_bottom .price .lec_price{}
    .pic_board_content a .content_bottom .price .lec_price em,
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em.numberFontSB{
        font-size: 15px;
    }
    .pic_board_content a .content_bottom .price .lec_price em span,
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em > span{
        font-size: 14px;
    }

    .pic_board_content .content_bottom .priceBox2{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > .rate{
        font-size: 13px;
    }
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em.numberFontSB{}
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box .cost_txt,
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em > span{
        line-height: 22px;
    }

    .pic_board_content .content_bottom .priceBox2 .cost_sale_box > em.numberFontM{
        font-size: 15px;
    }
    .pic_board_content .content_bottom .priceBox2 .cost_sale_box{
        margin-top: 0px;
        line-height: 22px;
    }
    .pic_board_content .content_bottom .priceBox2 .lec_price_box > em{
        font-size: 14px;
    }
    .pic_board_content .content_bottom .priceBox2 .lec_price_box > em:before{
        content: '';
        width: 100%;
        height: 1px;
        background: #999;
        position: absolute;
        top: 50%;
    }
    .pic_board_content .content_bottom .priceBox2 .lec_price_box > div{
        font-size: 14px;
    }

    .pic_board_content a .content_bottom .earlyBirdBox{
        padding:6px 10px;
    }
    .lectureList a .earlyBirdArea img,
    .pic_board_content a .earlyBirdArea img{
        width:12px;
        margin-right:0px;
    }
    .lectureList a .earlyBirdBox,
    .pic_board_content a .earlyBirdBox{
        line-height: 10px;
    }
    .lectureList a .earlyBirdArea span,
    .pic_board_content a .earlyBirdArea span{
        font-size:9px;
    }
}/*
@media screen and (max-width:374px) {
    .pic_board_content a .cont_btm_wrap{
        padding:10px;
    }

    .pic_board_content a .cont_btm_wrap .cate{
        font-size:12px;
        margin-bottom: 5px;
    }
    .pic_board_content a .content_bottom .price{
        padding:13px 10px;
    }
}
@media screen and (max-width: 600px) {
    .theory_lecture_wrap .Atheory_tab_wrap ul {
        width: 100%;
    }

    .theory_lecture_wrap .subVisual01 {
        padding: 0% 0;
    }

}

@media screen and (max-width: 480px) {
    .theory_lecture_wrap .subVisual01 {
        font-size: 13px;
    }

    .theory_lecture_wrap .Atheory_tab_sub ul {
        width: 100%;
    }

    .pic_board_content {
        font-size: 14px;
    }

    .pic_board_content a .content_bottom {
        font-size: 13px;
    }
}

@media screen and (max-width: 360px) {
    .theory_lecture_wrap .Atheory_tab_sub ul {
        font-size: 14px;
    }

    .pic_board_content {
        font-size: 13px;
    }

    .pic_board_content a .content_bottom {
        font-size: 12px;
    }
}*/

/* 패키지 강의 */
.package_bottom {
}

.package_bottom .pic_board_content {
}

.package_bottom .pic_board_content a {
}

.package_bottom .pic_board_content a .img_wrap {
    border: 1px solid #ddd;
    width: 100%;
    position: relative;
    padding: 7em 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
    background-size: cover;
}

.package_bottom.package_bottom .pic_board_content a .img_wrap {
    padding: 32.5% 0;
}

.package_bottom .pic_board_content a .img_wrap .content_hover:before {
    opacity: 0;
    visibility: hidden;
    display: block;
    content: '';
    clear: both;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    background-color: #fbbc2e;
    transition: 0.4s;
}

.package_bottom .pic_board_content a .img_wrap .content_hover {
    opacity: 0;
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.4s;
}

.package_bottom .pic_board_content a:hover .img_wrap .content_hover {
    opacity: 1;
}

.package_bottom .pic_board_content a:hover .img_wrap .content_hover:before,
.package_bottom .pic_board_content a:hover .img_wrap .content_hover:after {
    opacity: 1;
    visibility: visible;
}

.package_bottom .pic_board_content a .img_wrap .content_hover:after {
    opacity: 0;
    visibility: hidden;
    display: block;
    content: '';
    clear: both;
    position: absolute;
    border-radius: 50%;
    z-index: 2;
    left: 50%;
    top: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    background: url(../images/common/icon_plus.png) 50% 50% no-repeat;
    transition: 0.4s;
}

.package_bottom .pic_board_content a .con_wrap {
    border: 1px solid #ddd;
    padding: 1.5em;
}

.package_bottom li .con_wrap .txt_price_box {
    position: relative;
    margin-top: 0.7em;
}

.package_bottom li .con_wrap .txt_price_box p {
    height: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.package_bottom li .con_wrap .txt_price_box .cost-sale {
    color: #999;
    font-size: 16px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    vertical-align: bottom;
}

.package_bottom li .con_wrap .txt_price_box .cost-sale span {
    font-size: 16px;
    color: #999;
}

.package_bottom li .con_wrap .txt_price_box .cost-sale:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
    left: 0
}

.package_bottom li .con_wrap .txt_price_box em span {
    vertical-align: baseline;
    font-size: 1.0em;
}


/*패키지 상세 - 강의 구성*/
.detail_page .detail_page_middle .lecture_intro {
    border-bottom: 1px solid #ddd;
    padding-top: 40px;
    padding-bottom: 40px;
}
.detail_page .detail_page_middle .lecture_intro:last-child{
    border-bottom:0;
    padding-bottom: 0px;
}
.detail_page .detail_page_middle .lecture_intro .text_box p {
    word-break: keep-all;
    line-height: 1.7;
    color: #666;
}
/*
.detail_page .detail_page_middle .lecture_list {
    padding-bottom: 90px;
}

.detail_page .detail_page_middle .lecture_list:last-child {
    padding-bottom: 0;
}

.detail_page .detail_page_middle .lecture_list a img {
    vertical-align: baseline;
}

.detail_page .detail_page_middle .lecture_list ul li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 1%;
    font-size: 0.95em;
    padding: 20px 30px;
    background-color: #fff;
    vertical-align: middle;
    table-layout: fixed;
}
.detail_page .detail_page_middle .lecture_list ul li .lecture_list_elem01{
    width: 25px;
}
.detail_page .detail_page_middle .lecture_list ul li .num_j {
    display: inline-block;
    width: 20px;
}

.detail_page .detail_page_middle .lecture_list ul li .num_j + p {
    display: inline-block;
    width: calc(100% - 25px);
}

.detail_page .detail_page_middle .lecture_list ul li .left_txt > p {
    float: left;
    width: calc(95% - 55px);
    margin-left: 1%;
    text-align: left;
    line-height: 2.4;
}

.detail_page .detail_page_middle .lecture_list ul li .left_txt {
    float: left;
    width: calc(100% - 90px);
}

.detail_page .detail_page_middle .lecture_list ul li .right_txt {
    float: right;
    width: 90px;
    line-height: 2.2;
    padding-right: 3%;
    text-align: center;
}

.detail_page .detail_page_middle .lecture_list ul li:after {
    display: block;
    content: '';
    clear: both;
}

.detail_page .detail_page_middle .lecture_list ul li .left_txt p {
    float: right;
    width: calc(98% - 55px);
    margin-left: 2%;
    text-align: left;
    line-height: 2.4;
}

.detail_page .detail_page_middle .lecture_list ul li .left_txt > span {
    width: 40px;
    height: 33px;
    line-height: 33px;
}

.detail_page .detail_page_middle .lecture_list ul li p .fl {
    width: calc(100% - 104px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail_page .detail_page_middle .lecture_list ul li p .fr {
    width: 100px;
    text-align: right;
}
*/
/*
@media screen and (max-width:1023px) {
    .detail_page .detail_page_middle .lecture_intro,
    .detail_page .detail_page_middle .lecture_list {
        padding-bottom: 45px;
    }

    .detail_page .text_book_detail {
        padding-bottom: 0;
    }

    .detail_page .detail_page_middle .lecture_list:last-child {
        padding-bottom: 0;
    }
}

@media screen and (max-width:599px) {
    .detail_page .detail_page_middle .lecture_list ul li {
        padding: 15px 20px;
    }
    .package_bottom .pic_board_content {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 7%;
    }

    .package_bottom li .con_wrap .txt_price_box p {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .package_bottom li .con_wrap .txt_price_box p {
        font-size: 12px;
        height: 36px;
        margin-bottom: 8px;
    }

    .package_bottom li .con_wrap .txt_price_box em.pinkColor {
        font-size: 16px;
    }
}
*/

/*패키지 상세 - 모의고사*/


/* 주문테이블 상단 */
.textbook_img .thumbnail.ratio2 img {
    width: auto;
    max-height: 46px;
}
/* TODO : 여기까지 삭제 필요 */
/*관심강의*/
/*리스트 - 관심버튼*/
.interestBtn {
    width: 20px;
    height: 17px;
    background-color: transparent;
    background-image: url('../../data/customImages/icon_interest_off.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    outline: none;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9;
}

.interestBtn.on {
    background-image: url('../../data/customImages/icon_interest_on.svg');
}

/*알림설정 팝업*/
#notifyPopup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

#notifyPopup.on {
    display: block;
}

#notifyPopup .bg_000 {
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

#notifyPopup .notifyBox {
    position: absolute;
    padding: 40px 30px;
    left: 50%;
    top: 50%;
    width: 420px;
    z-index: 1001;
    background-color: #fff;
}

#notifyPopup .closed {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

#notifyPopup .closed img {
}

#notifyPopup .cont-box {
    text-align: center;
    margin-top: 20px;
}

#notifyPopup .cont-box > img {
    width: 33px;
    margin-bottom: 15px;
}

#notifyPopup .cont-box > h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #111;
    margin-bottom: 17px;
}

#notifyPopup .cont-box > input.ipt {
    border-radius: 2px;
}

#notifyPopup .cont-box > div {
    font-size: 13px;
    text-align: left;
    margin: 10px 0 20px;
}

#notifyPopup .cont-box > div label {
    margin: 0;
}

#notifyPopup .cont-box > button {
    border: none;
    outline: none;
    border-radius: 2px;
    width: 100%;
    padding: 11px 0;
}
@media all and (max-width:599px) {
    /*리스트 - 관심버튼*/
    .pic_board_content a .content_top .interestBtn {
        width: 20px;
        height: 17px;
        background-size: 20px;
        right: 10px;
        top: 10px;
        z-index: 9;
    }

    /*상세 - 관심버튼*/
    .detail_page .content_top .interestBtn {
        width: 12.5px;
        height: 12px;
        background-size: 12px;
        right: 5px;
        top: 5px;
        z-index: 9;
    }

    /*마이페이지 - 관심강의*/
    .interestClassWrap .lecTabList#list_tab1 .col-4,
    .interestClassWrap .lecTabList#list_tab1 .col-3,
    .text_book_wrap .text_book_list li.col-4,
    .text_book_wrap .text_book_list li.col-3 {
        width: 50%;
    }
}

@media all and (max-width: 540px) {
    /*알림설정 팝업*/
    #notifyPopup .notifyBox {
        position: absolute;
        padding: 30px 20px;
        left: 20px;
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100% - 40px);
    }

    #notifyPopup .closed img {
    }

    #notifyPopup .cont-box {
        text-align: center;
        margin-top: 10px;
    }

    /*마이페이지 - 관심강의*/
    .interestClassWrap .lecTabList#list_tab1 .col-4,
    .interestClassWrap .lecTabList#list_tab1 .col-3,
    .text_book_wrap .text_book_list li.col-4,
    .text_book_wrap .text_book_list li.col-3 {
        width: 50%;
        padding-bottom: 20px;
    }
}

/*===========================
    cart/order-list/pay 공통
=============================*/
/*cart/order-list/pay 공통*/
#div01 ul li {
    position: relative;
    text-align: left;
    padding-right: 0;
    width: 100%;
}

#div01 ul li .price_box .table > div {
    display: table-cell;
}

#div01 ul li .price_box .table > div:last-child {
    width: 90px;
}

#div01 ul li .price_box .priceP {
    padding-right: 0;
    text-align: center;
}

#div01 ul li label.chkbox {
    width: 20px;
    margin-bottom: 0;
    text-indent: 0;
    height: 20px;
    margin-right: 0;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-10px;
}

#div01 ul li label.chkbox:before,
#div01 ul li label.chkbox:after {
    top: 50%;
    transform: translateY(-50%);
}
#div01 ul li .chbox1{
    position: relative;
}
#div01 ul li .chbox1 .img_fl {
    width: 106px;
    text-align: center;
    margin-left: 40px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

#div01 ul li .chbox1 .img_fl .thumbnail {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#div01 ul li div.fl {
    text-align: left;
}

#div01 ul li div.chbox1 em.subject {
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    margin-left: 15px;
    width: calc(100% - 196px);
    display: inline-block;
    line-height: 26px;
    /*white-space: nowrap;*/
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;

}
#div01 .ord_tp_data {
    border-bottom: 1px solid #bbb;
    font-size: 0.8em;
    padding: 14px 20px;
    color: #fff;
    margin-bottom: 0
}

#div01 .title_p span.th_span {
    display: inline-block;
    width: calc(100% - 330px);
    height: 32px;
}

#div01 .title_p span a.b_list_btn {
    display: inline-block;
    width: 75px;
    height: 32px;
    line-height: 30px;
    font-size: 14px;
    color: var(--keycolor);
    border: 1px solid var(--keycolor);
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
}

#div01 .border_order > ul li {
    padding: 20px 0;
    border-bottom: 1px dashed #ddd;
}

#div01 .border_order > ul li:last-child {
    border-bottom: 1px solid #ddd;
}

/*=====================
        장바구니
=====================*/
/*장바구니에 담긴 상품이 없습니다.*/
#div01 .border_order > ul li.cart_list_none{
    text-align:center;
    padding:50px 0;
}
#div01 .border_order > ul li.cart_list_none img{
    width:50px;
}
#div01 .border_order > ul li.cart_list_none div{
    margin-top: 15px;
}

#cart #div01 ul li div.chbox1 div.subject{
    display: inline-block;
    width: calc(100% - 196px);
    padding-right: 20px;
    margin-left: 15px;

}
#cart #div01 ul li div.chbox1 div.subject em{
    font-size: 14px;
    font-weight: 500;
    position: relative;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    max-width: calc(100% - 64px);
    display: inline-block;
}
#cart .stopSelling{
    /*판매중지*/
    background: #ff4b4b;
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    border-radius: 3px;
    padding: 1px 5px 3px;
    margin-left: 5px;
    line-height:18px;
}
/*교재가 포함된 li*/
#cart #div01 ul li.textBookLi div.chbox1 div.subject{
    width: calc(100% - 343px);
}
#cart #div01 ul li.textBookLi div.chbox1 .book_addition {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
}
#cart .price_box .priceP.m_box{
    display: none;
}
#cart #div01 ul li.textBookLi div.chbox1 .unitPrice {
    display: inline-block;
    vertical-align: text-top;
    font-size:14px;
    margin-right:20px;
}
#cart #div01 ul li.textBookLi div.chbox1 .number_sel{
    border-bottom:0;
    padding:0;
    display: inline-block;
    float: right;
}

#cart #div01 ul li div.chbox1 .cartInfo {
    width: calc(100% - 150px);
    display: inline-block;
    vertical-align: middle;
}

#cart .price_box .priceP {
    width: 170px;
    display: inline-block;
    text-align: right;
}

.cart_bottom {
}

.cart_div01 {
    border-top: 1px solid #111;
}

.cart_bottom .cart_form .price {
    height: auto;
}

.cart_bottom .cart_form .price ul {
}

.cart_bottom .cart_form .price ul li {
    border: 2px solid #ddd;
}

.cart_bottom .cart_form .price ul li div {
    display: block;
    padding: 1em;
}

.cart_bottom .cart_form .price ul li div strong {
    float: right;
}

.cart_bottom .cart_form .price ul li:nth-child(1) div em {
    font-weight: 400;
}

.cart_bottom .cart_form .price ul li:nth-child(2) div strong span {
    padding-left: 5px;
}

.cart_bottom .cart_form .price ul li div span {
}

.cart_bottom .cart_form .ok_box .btn_get:hover {
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    background: #fff !important;
    transition: 0.2s;
}

.cart_form{
    position: relative;
}
.cart_form_wrap{
    position: relative;
    width: calc(100% - 310px);
    float: left;
}
.cart_form .btn_del_wrap{
    position: absolute;
    right: 0;
    top: 9px;
}
.cart_form .btn_delete{
    border: 1px solid #999;
    font-size: 13px;
    color: #777;
    padding: 8px 15px;
}
.cart_form .sum_info_box .btn_del_wrap{
    display: none;
}
/*장바구니 오른쪽 박스*/
#cart .sum_info_box {
    width: 282px;
    float: right;
}
#cart .sum_info_box.on {
    /*스크롤이 하단에 도착했을때*/
    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: 318px;
}
#cart .sum_info_box.fixed {
    /*스크롤 할때*/
    position: fixed;
    left: 50%;
    margin-left: 318px;
    top: 25px;
}

#cart .sum_info_box .border_box {
    padding: 20px;
    border: 1px solid #ddd;
    border-top: 1px solid #111;
    background-color: #fff;
}

#cart .sum_info_box .border_box tr {
}

#cart .sum_info_box .border_box tr th {
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
}

#cart .sum_info_box .border_box tr th p {
    color: #555;
}

#cart .sum_info_box .border_box tr p {
    font-size: 14px;
    color: #111;
}

#cart .sum_info_box .border_box tr td {
    text-align: right;
    padding: 10px 0;
    font-size: 14px;
}
#cart .sum_info_box .border_box tr span.numberFontM {
    font-size: 14px;
}

#cart .sum_info_box .border_box tr span {
    font-weight: 500;
    font-size: 14px;
}

#cart .sum_info_box .border_box tr.pay_sum {
    border-top: 1px solid #ddd;
}

#cart .sum_info_box .border_box tr.pay_sum th p {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}
#cart .sum_info_box .border_box tr.pay_sum span {
    font-size: 14px;
    color: #111;
}
#cart .sum_info_box .border_box tr.pay_sum strong {
    font-size: 16px;
}
#cart .sum_info_box .border_box tr.pay_sum {
    border-bottom: none;
}

#cart .sum_info_box .border_box tr.pay_sum td span {
    font-weight: 400;
}

#cart .sum_info_box .border_box .btn_get:hover {
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    background: #fff !important;
    transition: 0.2s;
}

#cart .sum_info_box .border_box .btn_get {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin-top: 15px;
    text-align: center;
    font-size: 1em;
    border: 1px solid var(--keycolor);
}
#cart .deliv_text p.sm-text {
    font-size: 13px;
    font-weight: 200;
    color: #999;
    line-height: 16px;
    background: url('../../images/order/no_data_img.png')no-repeat left 1px;
    background-position: 0px 2px;
    background-size:14px;
    padding-left:20px;
}
#cart .deliv_text p.sm-text img {
    width: 14px;
    margin-right: 5px;
}
.order_detail_css > .chbox1 > a,
.cart_detail_css > .chbox1 > a{
    vertical-align: middle;
}
@media all and (max-width:1240px) {
    #cart .sum_info_box.fixed{
        left: auto;
        margin-left: 0;
        right: 20px;
    }
}
@media all and (max-width:990px) {
    .cart_form_wrap {
        width:100%;
    }
    #cart .sum_info_box{
        width:100%;
        float:none;
        margin-top:20px;
        display: inline-block;
    }
    #cart .sum_info_box.on,
    #cart .sum_info_box.fixed{
        position: static;
        bottom: auto;
        left: auto;
        margin-left: 0;
        display: inline-block;
    }
    .cart_form_wrap .deliv_text{
        padding-right:0px;
        height: 30px;
    }
    #cart .deliv_text p.sm-text{
        font-size:12px;
    }
    .cart_form_wrap .deliv_text .btn_delete{
        font-size:12px;
    }
    .cart_form .sum_info_box .btn_delete{
        display:inline-block;
        position: static;
        right:auto;
        top:auto;
        width:100%;
        padding:10px 0;
        font-size:14px;
        display: none;margin-top: 5px;
    }
    .cart_form .sum_info_box .btn_delete{
        display: inline-block;
    }
    #cart .sum_info_box .border_box .btn_get{
        margin-top: 5px;
    }
    .cart_form .btn_del_wrap{
        display:none;
    }
}
@media all and (max-width:768px) {
    .textbook_img .thumbnail.ratio2 img {
        max-height: 45px
    }

    /* 장바구니 */
    /*교재가 포함된 li*/
    #cart .price_box .priceP{display:none;}
    #cart .price_box .priceP.m_box{
        display: block;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .book_addition{
        margin-left:5px;
        margin-top:5px;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .number_sel{
        float:none;
    }
    #cart #div01 ul li.textBookLi div.chbox1 em.subject{
        width:100%;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .unitPrice{
        display: none;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .priceP{
        width: calc(100% - 90px);
    }

    #cart #div01 ul li,
    #cart #div01 ul li .price_box {
        margin: 0
    }

    #cart #div01 ul li div.chbox1 em.subject,
    #cart #div01 ul li div.chbox1 div.subject{
        font-size: 15px;
        font-weight: 500;
    }

    #div01 ul li .price_box .priceP {
        padding-right: 0px;
    }

    #div01.order_list ul li.lecPrdLi .price_box .priceP {
        padding-right: 0px;
    }
    #cart #div01 ul li div.chbox1 .cartInfo {
        width: 100%;
        padding-left:30px;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .cartInfo {
        width: calc(100% - 126px);
        padding-left:5px;
    }
    #cart #div01 ul li.textBookLi div.chbox1 div.subject{
        width:100%;
    }
    #cart #div01 ul li div.chbox1 em.subject,
    #cart #div01 ul li div.chbox1 div.subject,
    #cart #div01 ul li .price_box .priceP {
        width: 100%;
        padding-right: 0;
        text-align: left;
        margin-left: 5px;
    }

    #cart #div01 ul li .price_box .priceP span {
        font-size: 14px;
    }

    #cart #div01 ul li .price_box .priceP span.numberFontSB {
        font-size: 20px;
    }

    #cart .sum_info_box .btnWrap {
        display: inline-block;
        width: 100%;
        margin-top: 30px;
    }

    #cart .sum_info_box .btnWrap a {
        width: 49%;
        height: 45px;
        font-size: 16px;
        margin: 0;
        float: left;
    }

    #cart .sum_info_box .btnWrap a:first-child {
        margin-right: 1%;
    }

    #cart .sum_info_box .btnWrap a:last-child {
        margin-left: 1%;
    }

    #cart .sum_info_box .total-price {
        background: #f9f9fe;
        border-bottom: 1px solid #ddd;
        padding: 18px 30px
    }

    #cart .sum_info_box .total-price em {
        font-size: 16px;
        font-weight: 500;
        line-height: 21px;
    }

    #cart .sum_info_box .total-price strong {
        font-size: 21px;
        float: right;
        line-height: 21px;
    }

    #cart .sum_info_box .total-price strong span {
        font-size: 15px;
        color: var(--keycolor)
    }

    .cart_bottom .cart_form .price ul li div {
        font-size: 14px;
    }

    #cart #div01 ul li .chbox1 .img_fl {
        width: 85px;
        margin-left: 30px;
    }

    #cart #div01 ul li div.fl {
        text-align: left;
    }
    #cart #div01 ul li div.chbox1 div.subject,
    #cart #div01 ul li div.chbox1 em.subject {
        vertical-align: middle;
        font-size: 14px;
        margin-left: 5px;
        width: 100%;
        display: inline-block;
        height: 20px;
        line-height: 19px;
        white-space: nowrap;
        margin-bottom: 10px;
    }
    #cart #div01 ul li.textBookLi div.chbox1 div.subject,
    #cart #div01 ul li.textBookLi div.chbox1 em.subject {
        vertical-align: middle;
        font-size: 14px;
        margin-left: 5px;
        width: 100%;
        display: inline-block;
        height: 20px;
        line-height: 19px;
        white-space: nowrap;
        margin-bottom: 10px;
    }
    #cart #div01 ul li div.chbox1 div.subject em{
        line-height: 19px;
        height: 19px;
    }
    #cart .stopSelling{font-size:11px;}

}

/*=====================
         결제하기
=====================*/
.pay_box .border_order {
    border-top: 1px solid #000;
}

.pay_box .border_order > p.sm-text {
    font-size: 13px;
    /*font-weight: 200;*/
    color: #999;
    line-height: 16px;
    background: url('../../images/order/no_data_img.png')no-repeat left 1px;
    background-size:14px;
    padding-left:20px;
}

.pay_box .border_order > p.sm-text img {
    width: 14px;
    margin-right: 5px;
}

.pay_box .border_order > ul li {
    border-bottom: 1px solid #ddd;
    padding: 20px 20px;
    position: relative;
}

.pay_box .border_order > ul li .img_thum {
    width: 106px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.pay_box .border_order > ul li .img_thum .thumbnail {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pay_box .border_order > ul li .payInfo {
    width: calc(100% - 155px);
    margin-left: 15px;
    display: inline-block;
    vertical-align: middle;
}

.pay_box .border_order > ul li .payInfo span {
    font-size: 14px;
}

.pay_box .border_order > ul li h4.subject {
    vertical-align: middle;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.pay_box .border_order > ul li .option_txt{
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-top: 0px;
    line-height: 1.4;
    word-break: keep-all;
}

.pay_box .border_order > ul li .start_d span,
.pay_box .border_order > ul li div.quantity {
    font-size: 13px;
    color: #777;
}

.pay_form {
    position: relative;
}

.pay_form .pay_bottom .mini_title {
    padding-bottom: 1em;
    color: #fff;
}

.pay_form .pay_bottom .mini_title:before {
    margin-top: -1%;
}

.pay_box .payRight {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 42.5%;
    vertical-align: middle;
}

.pay_box .payRight .priceP {
    display: inline-block;
    float: right;
    line-height: 32px;
}

.pay_box .payRight .priceP span,
#div01 ul li .price_box .priceP span {
    font-size: 14px;
    display: inline-block;
    vertical-align: baseline;
    line-height: 1.2;
}

.pay_box .payRight .priceP span.numberFontSB,
#div01 ul li .price_box .priceP span.numberFontSB {
    font-size: 14px;
}
.order_list.pay_box .payRight .state{
    display: inline-block;
    font-size: 14px;
    text-align:center;
    width:70%;
    line-height: 24px;
}
.pay_box .payRight .start_d,
.pay_box .payRight .tb_number {
    display: inline-block;
    font-size: 14px;
    text-align:center;
    width:70%;
    line-height: 24px;
}
.pay_box .payRight .start_d {
    display: inline-block;
}

.pay_box .payRight .start_d .cal_input_box {
    display: inline-block;
}
.pay_box .payRight .start_d input {
    width: 115px;
    height: 32px;
    box-sizing: border-box;
    border: 1px solid #dfdfdf;
    font-size: 14px;
}

.pay_box .payRight .start_d .ui-datepicker-trigger {
    position: relative;
    padding: 6px 0;
    vertical-align: top;
    margin-left: -1px;
    text-align: center;
    width: 39px;
    height: 32px;
    line-height: 30px;
    background: #f6f6f6;
    border: 1px solid #dfdfdf;
}

.pay_box .payRight .start_d .ui-datepicker-trigger img {
    width: 16px;
    height: 18px;
}

.pay_box .payRight .start_d .ui-datepicker-trigger {
    display: inline-block !important;
}

.pay_box .payRight .start_d .ui-datepicker-trigger + span {
    width: 53%;
}

.pay_box .payRight .start_text,
.pay_box .payRight .start_end_day {
    font-size: 14px;
    color: #555;
    font-weight: 400;
}


.pay_form .pay_right {
    position: absolute;
    max-width: 282px;
    right: 12px;
    width: 25%;
}

.pay_form .pay_right.on {
    position: fixed;
    width: 100%;
    max-width: 1230px;
    height: 500px;
    left: 50%;
    margin-left: 318px;
    top: 50px;
    z-index: 1;
}

.pay_form .pay_right.on .order_summary {
    position: absolute;
    max-width: 282px;
    width: 25%;
    left: 0;
}

.pay_form .pay_right .border_box {
    padding: 8%;
    border: 1px solid #ddd;
    border-top: 1px solid #111;
    background-color: #fff;
}

.pay_form .pay_right .border_box tr {
}
.pay_form .pay_right .border_box tr th {
    text-align: left;
    padding: 10px 0;
    font-size: 14px;
}
.pay_form .pay_right .border_box tr:first-child th,
.pay_form .pay_right .border_box tr:first-child td,
#cart .sum_info_box .border_box tr:first-child th,
#cart .sum_info_box .border_box tr:first-child td{
    padding-top:0;
}
.pay_form .pay_right .border_box tr:nth-child(3) th,
.pay_form .pay_right .border_box tr:nth-child(3) td{
    padding-bottom:15px;
}
.pay_form .pay_right .border_box tr.pay_sum th,
.pay_form .pay_right .border_box tr.pay_sum td,
#cart .sum_info_box .border_box tr.pay_sum th,
#cart .sum_info_box .border_box tr.pay_sum td{
    padding-top:15px;
    padding-bottom: 5px;
}
.pay_form .pay_right .border_box tr th p {
    color: #555;
}

.pay_form .pay_right .border_box tr p {
    font-size: 14px;
    color: #111;
}

.pay_form .pay_right .border_box tr span.numberFontM {
    font-size: 14px;
}

.pay_form .pay_right .border_box tr span {
    font-weight: 500;
    font-size: 14px;
}

.pay_form .pay_right .border_box tr.pay_sum {
    border-top: 1px solid #ddd;
}

.pay_form .pay_right .border_box tr.pay_sum th p {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

.pay_form .pay_right .border_box tr.pay_sum td p {
    font-size: 18px;
    color: #111;
}

.pay_form .pay_right .border_box tr.pay_sum span {
    font-size: 16px;
    color: #111;
}

.pay_form .pay_right .border_box tr td {
    text-align: right;
    padding: 6% 0;
    font-size: 0.9em;
}

.pay_form .pay_right .border_box tr.pay_sum {
    border-bottom: none;
}

.pay_form .pay_right .border_box tr.pay_sum td p span {
    font-weight: 400;
}

.pay_form .pay_right .border_box .charge:hover {
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    background: #fff !important;
    transition: 0.2s;
}

.pay_form .pay_right .border_box .charge {
    display: block;
    width: 100%;
    padding: 10px 0;
    margin-top: 1em;
    text-align: center;
    font-size: 1em;
    border: 1px solid var(--keycolor);
}

.pay_form .pay_right .mini_title {
    padding-bottom: 1em;
    text-indent: 6%;
}

.pay_form .pay_right .mini_title:before {
    margin-top: -10px;
}

/*결제 입력폼*/
.pay_box .payLeft {
    padding-right: 45%;
}

.pay_form .pay_left {
    float: left;
}

.pay_form .pay_left table {
    margin-bottom: 8%;
    border-top: 1px solid #000;
}

.pay_form .pay_left table tr {
    border-bottom: 1px solid #ddd;
}

.pay_form .pay_left table tr.bank_tr {
    border-bottom: 0
}

.pay_form .pay_left table tr.bank_tr td {
    padding-top: 6%;
}

.pay_form .pay_left table tr.bank_tr td > div.clearFix {
    display: table;
}

.pay_form .pay_left table tr.bank_tr td > div.clearFix:nth-child(1),
.pay_form .pay_left table tr.bank_tr td > div.clearFix:nth-child(2) {
    border-bottom: 1px solid #ddd;
}

.pay_form .pay_left table tr.bank_tr td .table_td {
    padding: 20px 0
}

.pay_form .pay_left table tr.bank_tr p {
    font-size: 1.05em;
}

.pay_form .pay_left table tr.bank_tr div.clearFix span {
    width: 18%;
    display: table-cell;
    vertical-align: middle;
}

.pay_form .pay_left table tr.bank_tr .coloraaa.fs14 {
    padding-left: 18%;
}

.pay_form .pay_left table tr.bank_tr div.clearFix select {
    width: 23%;
}

.pay_form .pay_left table tr th {
    width: 20%;
    text-align: left;
    padding: 13px 0 13px 2%;
    vertical-align: middle;
}

.pay_form .pay_left table tr th label {
    font-size: 14px;
    font-weight: 400;
}

.pay_form .pay_left table tr th label span {
    font-weight: 400;
}

.pay_form .pay_left table tr td {
    padding: 13px 0;
    font-size: 0.9em;
}

.pay_form .pay_left table tr td input#deliver03 {
    margin: 1em 0;
}

.pay_form .pay_left table tr td label#deliverbox {
    text-indent: 32px;
    margin: 0;
    font-size: 0.95em;
}

.pay_form .pay_left table tr td span.phn_bar {
    padding: 0 1%;
}

.pay_form .pay_left table tr td .post_box {
    display: inline-block;
    margin-left: 1%;
    text-align: center;
    font-size: 14px;
    line-height: 34px;
    font-size: 0.9em;
    border: 1px solid #999;
    color: #777;
    padding: 0 10px;
    vertical-align: top;
}

.pay_form .pay_left table tr td input {
    vertical-align: top;
}

.pay_form .pay_left table tr .ipt00 {
    width: 50%;
}

.pay_form .pay_left table tr .ipt01 {
    width: 18%;
}

.pay_form .pay_left table tr .ipt02 {
    width: 40%;
}

.pay_form .pay_left table tr .ipt03 {
    width: 80%;
}

.pay_form .pay_left table tr .ipt04 {
    width: 100%;
}

.pay_form .pay_left .coupon table tr th {
    text-align: center;
    text-indent: 0;
}

.pay_form .pay_left .coupon table tr td {
    text-align: center;
    line-height: 1.5;
    vertical-align: middle;
}

.pay_form .pay_left .coupon #couponCheck {
    margin: 0 !important;
}

/*배송지정보입력*/
.pay_form .pay_left .deliver .mini_title span {
    float: right;
    margin-bottom: 0;
    font-weight: 400;
}

.pay_form .pay_left .deliver .mini_title span label {
    font-size: 13px;
    margin-right: 0;
}
.pay_form .pay_left .deliver .comment {
    font-size: 13px;
    color:#777;
}

/*쿠폰사용*/
.pay_form .pay_left .coupon #couponCheck {
    margin: 0 !important;
}

.pay_form .pay_left .coupon .table {
    display: table;
    width: 100%;
    border-top: 1px solid #000;
}

.pay_form .pay_left .coupon .table p.ch_input {
    width: 8%;
    text-align: left;
    padding-left: 2.6%;
}

.pay_form .pay_left .coupon .table p.cou_title {
    width: 32%;
}

.pay_form .pay_left .coupon .table p.cou_sel {
    width: 38%;
}

.pay_form .pay_left .coupon .table p.cou_dc {
    width: 15%;
}

.pay_form .pay_left .coupon .table p.cou_serli {
    width: 15%;
}

.pay_form .pay_left .coupon .table li p {
    padding: 2% 0;
    border-bottom: 1px solid #bbb;
}

.pay_form .pay_left .coupon .table .thead.pc_box {
    display: table-header-group;
}

.pay_form .pay_left .coupon .table .thead.t_box {
    display: none;
}

.pay_form .pay_left .coupon .table p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
}

.pay_form .pay_left .coupon .table .thead p {
    font-size: 0.9em;
    font-weight: 500;
    color: #555;
}

.pay_form .pay_left .coupon .table .tbody {
    display: table-row;
    width: 100%;
}
.pay_form .pay_left .coupon .table .tbody.emphasis{
    background: var(--keyrgba10);
}
.pay_form .pay_left .coupon .table .tbody .cou_title {
    text-align: left;
    padding: 2% 20px;
}

.pay_form .pay_left .coupon .table .tbody .cou_title span {
    height: 20px;
    overflow: hidden;
    display: inline-block;
    padding-left: 30px;
    font-size: 15px;
    width: 240px;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pay_form .pay_left .coupon .table .tbody .cou_title label.chkbox {
    text-indent: 0;
    margin: 0 !important;
}

.pay_form .pay_left .coupon .table .tbody .cou_title label.chkbox:before {
}

.pay_form .pay_left .coupon .table .tbody .cou_title label.chkbox:after {
}

#deliv_content2 {
    display: none;
}

#deliv_content2.on {
    display: block !important;
    margin-top: 6px;
}

.pay_form .pay_left .payment table tr td {
    padding-left: 2.6%;
}

.pay_form .pay_left .payment table tr td {
    padding: 0 0;
}

.pay_form .pay_left .payment table tr td.in_padding {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pay_form .pay_left .payment table tr td.in_padding span {
    /*margin-top: 2%;*/
    /*margin-bottom: 2%;*/
    display: inline-block;
}

.pay_form .pay_left .payment table tr td.in_padding span label {
    margin-right: 40px;
    margin-left: 0 !important;
}

.pay_form .pay_left .none_cou {
    position: relative;
    width: 100%;
    display: table-row;
    height: 73px;
}

.pay_form .pay_left .none_cou > span {
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 2.5;
    text-align: center;
    font-size: 13px;
    padding: 20px 0;
}
.pay_form .pay_left .editor_area{
    margin: 2em;
}
@media screen and (max-width: 1200px) {
    .pay_form .pay_left table tr th {
        width: 25%;
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix span {
        width: 23%;
    }

    .pay_form .pay_left table tr.bank_tr .coloraaa.fs14 {
        padding-left: 23%;
    }

    .pay_form .pay_right {
        width: 27%;
    }

    .pay_form .pay_right.on {
        left: 50%;
        margin-left: 21.5%;
    }

    .pay_form .col-9 {
        width: 70%;
    }

    .pay_form .pay_right.on .order_summary {
        width: 26.6%;
    }
}

@media screen and (max-width: 1100px) {
    .pay_box .border_order > p.sm-text{padding: 0 20px;}

}

@media screen and (max-width: 1024px) {
    .pay_form .col-9 {
        width: 100%;
        display: inline-block;
    }

    .pay_form .pay_left {
        float: none;
        width: 100%;
    }

    .pay_form .pay_right {
        position: static;
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .pay_form .pay_right.on {
        position: static;
        float: none;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0;
        left: 0;
        padding: 0 12px;
    }
    .pay_form .pay_left .none_cou{
        display: inline-block;
    }
    .pay_form .pay_left .none_cou span {
        width: 100%;
    }

    .pay_form .pay_left .coupon .table {
        display: inline-block;
        width: 100%;
    }

    .pay_form .pay_left .coupon .table .thead.pc_box {
        display: none;
    }

    .pay_form .pay_left .coupon .table .thead p {
        border-bottom: none;
        text-align: left;
        text-indent: 20px;
    }

    .pay_form .pay_left .coupon .table .tbody {
        display: block;
    }

    .pay_form .pay_left .coupon .table .tbody .cou_title {
        border-bottom: 0
    }

    .pay_form .pay_left .coupon .table .tbody .cou_title span {
        width: 100%;
    }

    .pay_form .pay_left .coupon .table .tbody .cou_title label.chkbox {
        width: 100%;
    }

    .pay_form .pay_left .coupon .table .tbody .cou_title label.chkbox:before,
    .pay_form .pay_left .coupon .table .tbody .cou_title label.chkbox:after {
    }

    .pay_form .pay_left .coupon .table p.cou_sel, .pay_form .pay_left .coupon .table p.cou_dc {
        border-bottom: none;
    }

    .pay_form .pay_left .coupon .table p.cou_sel span {
        width: 100%;
        display: inline-block;
    }

    .pay_form .pay_left .coupon .table .tbody p.cou_sel #couponSelect {
        font-size: 13px;
    }

    .pay_form .pay_left .coupon .table p.ch_input.body_p {
        display: none;
    }

    .pay_form .pay_left .coupon .table .tbody .body_p {
        display: block;
        width: 100%;
    }

    .pay_form .pay_left .coupon .table p.span_02:after {
        display: block;
        content: '';
        clear: both;
    }

    .pay_form .pay_left .coupon .table p.span_02 span {
        text-align: left;
        display: inline;
        font-size: 15px;
    }

    .pay_form .pay_left .coupon .table p.span_02 span:nth-child(1) {
        float: left;
        width: 30%;
        padding-left: 0;
    }

    .pay_form .pay_left .coupon .table p.span_02 span:nth-child(2) {
        float: right;
        padding-right: 0;
        width: 70%;
    }

    .pay_form .pay_left .coupon .table p.span_02 span:nth-child(2) select {
        width: 100% !important;
    }

    .pay_form .pay_left .coupon.t_box table tr td {
        display: block;
        padding: 1.3% 0;
    }

    .pay_form .pay_left .coupon.t_box table tr td:first-child {
        border-bottom: 1px dashed #d7d7d7;
    }

    .pay_form .pay_left .coupon.t_box table tr td:last-child {
        padding-top: 0;
    }

    .pay_form .pay_left .coupon.t_box table tr td p {
        position: relative;
        font-size: 0.95em;
    }

    .pay_form .pay_left .coupon.t_box table tr td p span {
        position: absolute;
        right: 22px;
    }

    .pay_form .pay_left .coupon.t_box table tr th {
        text-indent: 20px;
    }

    .pay_form .pay_left .coupon.t_box table tr td {
        text-align: left;
    }

    .pay_form .pay_left .coupon.t_box table tr td p {
        text-indent: 22px;
    }

    .pay_form .pay_left .coupon .table .tbody .cou_title {
        padding: 20px 10px 10px;
    }

    .pay_form .pay_left .coupon .table p.cou_sel {
        padding: 10px 10px
    }

    .pay_form .pay_left .coupon .table p.cou_dc {
        padding: 5px 10px
    }

    .pay_form .pay_left .coupon .table p.cou_serli {
        padding: 5px 10px 20px;
    }

    .pay_form .pay_right.on .order_summary {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    .pay_form .pay_right .mini_title {
        text-indent: 20px;
    }

    .pay_form .pay_right .border_box {
        padding: 4%;
    }

    .pay_form .pay_right .border_box tr th, .pay_form .pay_right .border_box tr td, .pay_form .pay_right .border_box .charge {
        padding: 2% 0;
    }
}

@media screen and (max-width:1023px) {
    .pay_box .payRight.pc_box{
        display: inline-block !important;
    }
    .pay_box .border_order > ul li .img_thum,
    #div01.pay_box .border_order > ul li .img_thum {
        width: 90px;
        vertical-align: middle;
    }

    .pay_box .border_order > ul li .payInfo,
    #div01.pay_box .border_order > ul li .payInfo {
        margin-left: 10px;
        width: calc(100% - 105px);
        vertical-align: middle;
        position: relative;
    }
}
@media screen and (max-width:990px) {
    .pay_box .border_order > p.sm-text{
        font-size:12px;
    }
    .pay_box .payLeft{
        padding-right:57%;
    }
    .pay_box .payRight{
        width: 50%;
    }
}
@media screen and (max-width:599px) {
    .pay_box .border_order > ul li{
        padding:0;
    }
    .pay_box .payLeft{
        padding:20px 15px;
    }
    .pay_box .payRight.pc_box{
        width: 100%;
        position: static;
        right: auto;
        top: auto;
        transform: none;
        line-height: 1;
    }
    .pay_form .pay_right.on{
        padding: 0 5px;
    }
    .pay_box .payRight .start_d{
        border-top: 1px dashed #ddd;
        width: 100%;
        padding: 5px 15px;
        line-height: 27px;
        height: 44px;
        text-align: left;
    }
    .pay_box .payRight .start_text{
        width: 25%;
        display: inline-block;
    }
    .pay_box .payRight .start_end_day,
    .pay_box .payRight .start_d .cal_input_box {
        width: 73%;
        display: inline-block;
    }
    .pay_box .payRight .start_d input{
        margin-left: 0 !important;
        width: calc(100% - 38px);
    }
    .pay_box .payLeft .m_box{
        display: inline-block;
    }
    .pay_box .border_order > ul li{
        line-height: 0;
    }
    .pay_box .border_order > ul li .payInfo{
        line-height:1;
    }
    .pay_box .border_order > ul li .img_thum,
    #div01.pay_box .border_order > ul li .img_thum,
    .pay_box .border_order > ul li .payInfo,
    #div01.pay_box .border_order > ul li .payInfo {
        vertical-align: text-top;
    }
    .pay_box .payRight.pc_box .priceP,
    .pay_box .payRight.pc_box .tb_number{
        display: none;
    }
}
@media screen and (max-width:599px) {

    .pay_box .border_order > ul li .img_thum {
        width: 125px;
        vertical-align: middle;
    }

    .pay_box .border_order > ul li .payInfo {
        margin-left: 10px;
        width: calc(100% - 140px);
    }

    .pay_box .border_order > ul li .payInfo .priceP {
        vertical-align: baseline;
    }

    .pay_box .border_order > ul li .payInfo .priceP span {
        font-size: 13px;
    }

    .pay_box .border_order > ul li .payInfo .priceP span.numberFontSB {
        font-size: 14px;
    }

    .pay_box .border_order > ul li h4.subject {
        font-size: 14px;
        line-height: 17px;
        height: 20px;
        font-weight: 500;
    }
    .pay_box .border_order > ul li .option_txt{
        font-size: 12px;
    }

    .pay_form .pay_left table tr {
        border-bottom: 0;
    }

    /*.pay_form .pay_left table tr:last-child {*/
    /*    border-bottom: 1px solid #ddd;*/
    /*}*/

    .pay_form .pay_left table tr th label {
        font-size: 14px;
    }

    .pay_form .pay_left table tr th {
        width: 25%;
    }

    .pay_form .pay_left table tr .ipt00 {
        width: 100%;
    }

    .pay_form .pay_left table tr .ipt01 {
        width: 28%;
    }

    .pay_form .pay_left table tr .ipt03 {
        width: 100%;
        padding-right: 35px;
        margin-top: 2px;
    }

    .pay_form .pay_left table tr td span.post_box {
        line-height: 3;
    }

    .pay_form .pay_left table tr th {
        display: block;
        width: 100%;
        text-indent: 0;
        padding: 10px 0 0 0;
    }

    .pay_form .pay_left table tr td {
        display: block;
        width: 100%;
        padding: 10px 0 10px;
    }

    .pay_form .pay_left table tr:first-child th {
        padding-top: 20px;
    }

    .pay_form .pay_left table tr:last-child td {
        padding-bottom: 20px;
    }

    .pay_form .pay_left table tr th,
    .pay_form .pay_left table tr td {
        width: 100% \9;
        float: left \9;
    }

    .pay_form .pay_left table tr th label {
        width: 100%;
    }

    .pay_form .pay_left .payment table tr td.in_padding span label {
        font-size: 14px;
        margin-right: 20px;
    }

    .pay_form .pay_left table tr td .postcode {
        width: calc(100% - 109px);
    }

    .pay_form .pay_left table tr td .postcode_a {
        width: 100px;
        vertical-align: top;
        margin-left: 5px;
    }

    .pay_form .pay_right .border_box tr th,
    .pay_form .pay_right .border_box tr td {
        padding: 13px 0;
    }

    .pay_form .pay_right .border_box tr th p {
        font-size: 14px;
    }

    .pay_form .pay_right .border_box tr td p {
        font-size: 14px;
    }

    .pay_form .pay_right .border_box tr td p span {
        font-size: 14px;
    }

    .pay_form .pay_right .border_box .charge {
        height: 48px;
        padding: 0;
        line-height: 46px;
    }

    .pay_form .pay_left .payment table tr td.in_padding {
        border-bottom: 1px solid #ddd
    }

    .pay_form .pay_left .payment table tr td.in_padding span {
        margin: 5px 0;
        font-size: 14px;
    }

    /*무통장입금 클릭시 나오는 내역*/
    .pay_form .pay_left table tr.bank_tr {
    }

    .pay_form .pay_left table tr.bank_tr td {
        padding-top: 0
    }

    .pay_form .pay_left table tr.bank_tr td > div.clearFix {
        display: inline-block;
        padding: 10px 0;
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix span,
    .pay_form .pay_left table tr.bank_tr div.clearFix span.table_th,
    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td {
        width: 100%;
        display: inline-block;
        padding: 10px 0 0
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td input.w35 {
        width: 100% !important;
        margin-left: 0 !important
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td select.w60 {
        width: 100% !important;
        margin-left: 0 !important
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td #depositor {
        margin-top: 5px;
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td #refund_bank {
        width: 100% !important;
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td #refund_account {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px;
    }

    .pay_form .pay_left table tr.bank_tr div.clearFix .table_td #refund_depositor {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 5px;
    }

}

@media screen and (max-width: 352px){
    .pay_form .pay_left .payment table tr td.in_padding span label {
        margin-right: 8px;
    }
}


/*=====================
         결제완료
=====================*/
#div01.pay_box .border_order > ul li {
    padding: 20px 20px;
}

.pay_box .border_order {
    border-top: 2px solid #333;
    margin-bottom: 30px;
}

#div01 .ord_tp_data {
    border-bottom: 1px solid #ddd;
}

#div01.pay_box .ord_tp_data > ul {
    float: left;
}

#div01.pay_box .ord_tp_data > ul > li {
    float: left;
    padding: 0 10px;
    width: auto;
    font-size: 13px;
    color: #777;
}

#div01.pay_box .ord_tp_data > ul > li:first-child {
    padding-left: 0;
}

#div01.pay_box .ord_tp_data > ul > li:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 2px;
}

#div01.pay_box .ord_tp_data > ul > li:last-child:after {
    display: none;
}

#div01.pay_box .ord_tp_data > ul > li:nth-child(2):after {
    display: none;
}

#div01.pay_box .ord_tp_data > ul > li:last-child {
    padding: 0;
}

#div01.pay_box .ord_tp_data > ul > li.order_code:last-child {
    padding: 0 10px;
}

#div01.pay_box .ord_tp_data > ul > li span {
    font-size: 13px;
}

#div01.pay_box .ord_tp_data > ul > li span.orderNum {
    border-bottom: 1px solid #777;
    display: inline-block;
}

#div01.pay_box .ord_tp_data > ul > li span.orderDetail {
    font-size: 12px;
    color: #999;
}

#div01.pay_box .ord_tp_data > ul > li span.orderDetail img {
    width: 6px;
    margin-left: 5px;
    vertical-align: baseline;
}

#div01.pay_box .stateBtn {
    float: right;
}

#div01.pay_box .stateBtn a {
    border: 1px solid #999;
    font-size: 12px;
    color: #777;
    padding: 3px 9px 3px 10px;
    margin-left: 5px;
}

#div01.pay_box .stateBtn a:first-child {
    margin-left: 0;
}

#div01 .border_order .orderListDeliv.deliv_numb {
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    background: #fafafa;
    padding: 7px 20px 8px;
    color: #777;
    text-align: right;
}

#div01.pay_box ul li .payRight > div .refundPrice {
    font-size: 14px;
    vertical-align: baseline;
    line-height: 1;
}

#div01.pay_box ul li .payRight > div .refundPrice span.numberFontSB {
    font-size: 15px;
}

#div01.pay_box ul li .payRight > div .refundPrice span {
    font-size: 14px;
    vertical-align: baseline;
}
.order_list.pay_box .payRight .state span,
.order_list.pay_box .payRight .goods_cnt span {
    font-size: 14px;
    color: #999;
}

.order_list.pay_box .payRight .start_d span {
    font-size: 14px;
    color: #555;
}

.order_view_bottom #div01.pay_box ul li .payRight > div.goods_cnt {
    float: right;
}


#div01 .ord_tp_data span {
    font-size: 13px;
    color: #777;
    display: inline-block;
}

#div01 .ord_tp_data span.order_day {
}

/*주문일*/
#div01 .ord_tp_data span.order_code {
    position: relative;
    padding-right: 22px;
    margin-right: 18px;
}

/*주문번호*/
#div01 .ord_tp_data span.order_code:after {
    content: '';
    background: #777;
    width: 1px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
}

/*주문번호*/
#div01 .ord_tp_data span.deliv_numb {
    float: right;
}

/*운송장번호*/
#div01 .ord_tp_data span.order_state {
    float: right;
    margin-left: 20px;
}

/*결제상태값에따른 버튼*/
#div01 .ord_tp_data span.order_state a.b_list_btn {
    border: 1px solid #999;
    font-size: 12px;
    color: #777;
    padding: 3px 9px 3px 10px;
}

/*결제상태값에따른 버튼*/
.pay_confirm {
}

.pay_confirm .pay_sum_wrap {
    position: absolute;
    max-width: 282px;
    right: 12px;
    width: 25%;
}

.pay_confirm .pay_sum_wrap.fixed {
    position: fixed;
    width: 100%;
    max-width: 1230px;
    height: 500px;
    left: 50%;
    margin-left: 318px;
    top: 110px;
    z-index: 1;
}

.pay_confirm .pay_sum_wrap.fixed .order_summary {
    position: absolute;
    max-width: 282px;
    width: 25%;
    left: 0;
}

.pay_confirm .pay_sum_wrap .border_box {
    padding: 8%;
    border: 1px solid #ddd;
    border-top: 1px solid #111;
    background-color: #fff;
}

.pay_confirm .pay_sum_wrap .border_box tr {
}

.pay_confirm .pay_sum_wrap .border_box tr th {
    text-align: left;
    padding: 6% 0;
    font-size: 0.9em;
}

.pay_confirm .pay_sum_wrap .border_box tr th p {
    color: #555;
}

.pay_confirm .pay_sum_wrap .border_box tr p {
    font-size: 14px;
    color: #111;
}

.pay_confirm .pay_sum_wrap .border_box tr span.numberFontM {
    font-size: 16px;
}

.pay_confirm .pay_sum_wrap .border_box tr span {
    font-weight: 500;
    font-size: 14px;
}

.pay_confirm .pay_sum_wrap .border_box tr.pay_sum {
    border-top: 1px solid #ddd;
}

.pay_confirm .pay_sum_wrap .border_box tr.pay_sum th p {
    font-size: 14px;
    color: #111;
    font-weight: 500;
}

.pay_confirm .pay_sum_wrap .border_box tr.pay_sum td p {
    font-size: 18px;
    color: #111;
}

.pay_confirm .pay_sum_wrap .border_box tr.pay_sum span {
    font-size: 16px;
    color: #111;
}

.pay_confirm .pay_sum_wrap .border_box tr td {
    text-align: right;
    padding: 6% 0;
    font-size: 0.9em;
}

.pay_confirm .pay_sum_wrap .border_box tr.pay_sum {
    border-bottom: none;
}

.pay_confirm .pay_sum_wrap .border_box tr.pay_sum td p span {
    font-weight: 400;
}

.pay_confirm .pay_sum_wrap .border_box a.btn_default {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 46px;
    margin-top: 1em;
    text-align: center;
    font-size: 18px;
    color: #fff;
    border: 1px solid var(--keycolor);
}

.order_view_bottom .pay_sum_wrap {
}

.order_view_bottom .pay_sum_wrap ul {
    padding: 37px 20px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ddd;
}

.order_view_bottom .pay_sum_wrap ul li {
    float: left;
    text-align: center;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data {
    width: 19.9%;
    float: left;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data div:first-child {
    font-size: 15px;
    color: #555;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data div:last-child {
    font-size: 16px;
    margin-top: 10px;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data div:last-child span {
    color: #111;
    font-size: 14px;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data.totalPrice div:first-child {
    font-size: 16px;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data.totalPrice div:last-child {
    font-size: 20px;
}

.order_view_bottom .pay_sum_wrap ul li.pay_sum_data.totalPrice div:last-child span {
    font-size: 18px;
}

.order_view_bottom .pay_sum_wrap ul li.logic {
}

.order_view_bottom .pay_sum_wrap ul li.logic img {
    vertical-align: middle;
    margin-top: 4px;
    width:39px;
}

.order_view_bottom .ok_box {
}

.order_view_bottom .ok_box a {
    width: 196px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}

@media screen and (max-width: 1200px) {
    .pay_confirm .pay_sum_wrap {
        width: 27%;
    }

    .pay_confirm .pay_sum_wrap.fixed {
        left: 50%;
        margin-left: 21.5%;
    }

    .pay_confirm .col-9 {
        width: 70%;
    }

    .pay_confirm .pay_sum_wrap.fixed .order_summary {
        width: 26.6%;
    }
}
@media screen and (max-width: 1024px) {
    .pay_confirm .col-9 {
        width: 100%;
        display: inline-block;
    }

    .pay_confirm .pay_sum_wrap {
        position: static;
        float: none;
        width: 100%;
        max-width: 100%;
        margin-top: 8%;
        display: inline-block;
    }

    .pay_confirm .pay_sum_wrap.fixed {
        position: static;
        float: none;
        top: auto;
        display: inline-block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0;
        left: 0;
        padding: 0 12px;
    }

    .pay_confirm .pay_sum_wrap.fixed .order_summary {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    .pay_confirm .pay_sum_wrap.fixed .order_summary {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    .pay_confirm .pay_sum_wrap.fixed .mini_title {
        text-indent: 20px;
    }

    .pay_confirm .pay_sum_wrap.fixed .border_box {
        padding: 20px;
    }

    .pay_confirm .pay_sum_wrap.fixed .border_box tr th,
    .pay_confirm .pay_sum_wrap.fixed .border_box tr td,
    .pay_confirm .pay_sum_wrap.fixed .border_box .charge {
        padding: 13px 0;
    }

    .pay_confirm .pay_sum_wrap a.btn_default {
        display: inline-block;
        max-width: 100%;
    }

}

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

    #div01.pay_box .stateBtn.m_box {
        display: none;
    }

    #div01.pay_box .border_order > ul li .payRight ul li {
        padding: 0;
    }

    .pay_box .border_order > ul li .payInfo {
        position: relative;
    }

    #div01.pay_box .border_order > ul li .payInfo .start_d {
        text-align: left !important;
        display: inline-block;
    }

    #div01.pay_box .border_order > ul li .payInfo .start_d span {
        font-size: 14px;
    }

    #div01.pay_box .border_order > ul li .payInfo .priceP span {
        font-size: 14px;
    }

    #div01.pay_box .border_order > ul li .payInfo .priceP span.numberFontSB {
        font-size: 19px;
    }

    .order_view_bottom .ok_box {
    }

    .order_view_bottom .ok_box a {
        width: 49%;
    }

    .order_view_bottom .ok_box a:first-child {
        margin: 0 0.5% 0 0%;
    }

    .order_view_bottom .ok_box a:last-child {
        margin: 0 0 0 0.5%;
    }

    .order_list_bottom #div01.pay_box ul li .payLeft {
        padding-right: 50%;
    }
    .order_view_bottom .pay_sum_wrap.m_box {
        display: inline-block;
        width: 100%;
        max-width: 100%;
        margin-top: 30px;
    }

    .order_view_bottom .pay_sum_wrap.m_box .order_summary {
        position: static;
        width: 100%;
        max-width: 100%;
    }

    .order_view_bottom .pay_sum_wrap.m_box .mini_title {
        text-indent: 20px;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box {
        padding: 20px;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box {
        padding: 20px;
        border: 1px solid #ddd;
        border-top: 1px solid #111;
        background-color: #fff;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr {
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr th {
        text-align: left;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr th p {
        color: #555;
        font-size: 15px;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr p {
        font-size: 16px;
        color: #111;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr span.numberFontM {
        font-size: 16px;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr span {
        font-weight: 500;
        font-size: 14px;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr.pay_sum {
        border-top: 1px solid #ddd;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr.pay_sum th p {
        font-size: 16px;
        color: #111;
        font-weight: 500;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr.pay_sum td p {
        font-size: 20px;
        color: #111;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr.pay_sum span {
        font-size: 18px;
        color: #111;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr td {
        text-align: right;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr.pay_sum {
        border-bottom: none;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr.pay_sum td p span {
        font-weight: 400;
    }

    .order_view_bottom .pay_sum_wrap.m_box .border_box tr th,
    .order_view_bottom .pay_sum_wrap.m_box .border_box tr td,
    .order_view_bottom .pay_sum_wrap.m_box .border_box .charge {
        padding: 13px 0;
    }
}
@media screen and (max-width:599px) {
    #div01.pay_box .stateBtn.m_box {
        display: block;
    }

    #div01.pay_box .stateBtn {
        float: none;
        line-height: 24px;
        padding: 9px 10px;
    }

    #div01.pay_box .stateBtn a {
    }

    #div01 .ord_tp_data {
        padding: 11px 10px;
    }

    #div01 .ord_tp_data span.w85 {
        width: 60% !important;
    }

    #div01 .ord_tp_data span.w15 {
        width: 40% !important;
    }

    #div01.pay_box .ord_tp_data > ul {
        width: 100%;
        float: none;
    }

    #div01.pay_box .ord_tp_data > ul > li:last-child {
        float: right;
    }

    #div01.pay_box .ord_tp_data > ul > li.order_code:last-child {
        float: left;
        padding: 0 10px;
    }

    #div01.pay_box .border_order > ul li {
        margin: 0;
        padding: 0
    }

    .pay_box .border_order > ul li .img_thum,
    #div01.pay_box .border_order > ul li .img_thum {
        width: 90px;
        vertical-align: middle;
    }

    #div01.pay_box .border_order > ul li .payLeft {
        padding: 15px 10px;
    }

    #div01.pay_box .border_order > ul li h4.subject {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        height: 20px;
        font-weight: 500;
        margin: 0 0 0;
        display: inline-block;
    }

    .pay_box .border_order > ul li .payInfo,
    #div01.pay_box .border_order > ul li .payInfo {
        margin-left: 10px;
        width: calc(100% - 105px);
        vertical-align: middle;
        position: relative;
    }

}

@media screen and (max-width: 360px) {
    #div01.pay_box .border_order > ul li .payInfo .start_d {
        display: inline-block;
        position: relative;
        left: auto;
        bottom: auto;
    }

    #div01.pay_box .border_order > ul li .payInfo .priceP {
        text-align: left;
        margin-top: 5px;
    }
}

@media screen and (max-width: 330px) {
    /*아이폰5&SE기종*/
    #div01.pay_box .ord_tp_data > ul > li,
    #div01.pay_box .ord_tp_data > ul > li span,
    #div01 .ord_tp_data span.order_code, #div01 .ord_tp_data span.order_day {
        font-size: 12px;
    }

    #div01.pay_box .ord_tp_data > ul > li span.orderDetail {
        font-size: 11px;
    }
}


.certificate_box  .border_order{
    position: relative;
}
.pay_form .certificate_box.pay_left table tr td input{width: auto; resize: none;}
.certificate_box  .border_order > ul > li:first-child{}
.certificate_box  .border_order > ul > li:last-child{}
.certificate_box  .upload-thumb{
    width: 90px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right:15px;
}
.certificate_box  .file_upload_btn{
    vertical-align: text-bottom;

}
.certificate_box .thumbnail.ratio5 {position: relative; padding-top: 135.23%;  /* 3:4 ratio */ overflow: hidden;}
.certificate_box .thumbnail.ratio5 img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }

.certificate_box div.upload-thumb{border:1px solid #ddd;width:90px;height:120px;margin-right:10px; box-sizing:border-box;display:inline-block;vertical-align:bottom;}
.certificate_box div.upload-thumb span{width:90px; height:120px;margin-left:0;}


.certificate_box .upload{display:inline-block;position:relative; width: 100%;}
.certificate_box .upload > div.input{float:left; width:80%; background:#f3f3f3; border:1px solid #d7d7d7;height:37px;line-height: 34px; font-size: 12px; letter-spacing: 0; text-indent: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.certificate_box .upload > a{border:1px solid #ddd;width:90px;height:120px;position:absolute; left:0;top:0;    z-index: 1;}

.certificate_box .uploadArea .txt{font-size:12px; line-height:18px; color:#999;white-space: normal;margin-top:10px; display:inline-block;}
.certificate_box .uploadArea .txt .redcolor{color:#cc0000;margin-top:0}
.certificate_box .uploadArea .profile_download{
    display: inline-block;
    width: auto;
    height: auto;
    left: 100px;
    border: 0;
    top: auto;
    bottom: 0;
}


/*내강의실 > 결제내역*/

/*결제내역 리스트 - 검색*/
.order-srchFilter {
    background: #f8f8f8;
    padding: 20px 20px;
    text-align: center;
    margin-bottom: 40px;
    display: inline-block;
    width: 100%;
}

.order-srchFilter select {
    font-size: 13px;
    color: #999;
    margin-right: 7px;
    width: 146px;
}

.order-srchFilter .dateBtn {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.order-srchFilter .dateBtn a.on {
    background: rgba(77, 57, 233, 0.05);
    color: var(--keycolor);
    border: 1px solid var(--keycolor) !important;
}

.order-srchFilter .dateBtn a {
    float: left;
    font-size: 13px;
    color: #999;
    width: 50px;
    background: #fff;
    text-align: center;
    height: 38px;
    line-height: 37px;
    border: 1px solid #ddd;
    border-left: 0;
}

.order-srchFilter .dateBtn a:first-child {
    border-left: 1px solid #ddd;
}

.order-srchFilter input {
    height: 38px;
    line-height: 32px;
    font-size: 13px;
    color: #999;
    vertical-align: middle;
}

.order-srchFilter .divWrap {
    display: inline-block;
    box-sizing: border-box;
}

.order-srchFilter .datePick {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
}

.order-srchFilter .datePick input {
    width: 145px;
    background: #fff url('../../images/order/icon_cal.svg') no-repeat 91% center;
    background-size: 16px;
    padding: 0 38px 0 10px;
    text-align: left;
    float: left;
}

.order-srchFilter .datePick > span {
    float: left;
    width: 20px;
    line-height: 38px;
    color: #999;
    font-size: 13px;
}

.order-srchFilter .srchBtn {
    display: inline-block;
    vertical-align: middle;
}

.order-srchFilter .srchBtn a {
    width: 84px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    font-size: 15px;
    text-align: center;
}
/*21-06-15 결제내역 디자인 리뉴얼*/
.paymentList{}
.paymentList .order_box{
    border:1px solid #ddd;
    padding:30px 30px;
    margin-bottom: 30px;
}
.paymentList .order_box:last-child{
    margin-bottom: 0;
}
.paymentList .ord_tp_data{
    margin-bottom: 20px;
    text-align: right;
}
.paymentList .ord_tp_data .trade_day{
    font-size: 20px;
    font-weight: 500;
    color:#333;
    display: inline-block;
    float: left;
}

.paymentList .ord_tp_data ul{
    display: inline-block;
    vertical-align: text-bottom;
}

.paymentList .ord_tp_data ul li {
    float: left;
    padding: 0 10px;
    width: auto;
    font-size: 13px;
    color: #777;
    position: relative;
}

.paymentList .ord_tp_data ul li:first-child {
    padding-left: 0;
}

.paymentList .ord_tp_data ul li:first-child:after {
    content: '';
    width: 1px;
    height: 10px;
    background: #ccc;
    position: absolute;
    right: 0;
    top: 2px;
}
.paymentList .ord_tp_data ul li:last-child {
    padding-right: 0;
}
.paymentList .ord_tp_data ul li:last-child:after{
    display: none;
}
.paymentList .ord_tp_data ul li span {
    font-size: 12px;
    color: #999;
}

.paymentList .ord_tp_data ul li span.orderNum {
    display: inline-block;
    font-size: 13px;
    color: #777;
}

.paymentList .ord_tp_data ul li span.orderDetail {
    font-size: 12px;
    color: #999;
}
.paymentList .ord_tp_data ul li span.orderDetail img {
    width: 6px;
    margin-left: 5px;
    vertical-align: baseline;
}
.order_view_bottom .paymentList .ord_tp_data .trade_day{
    font-size: 13px;
    font-weight: 400;
    color:#777;
    display: inline-block;
    float: none;
    vertical-align: sub;
}

.order_view_bottom .paymentList .ord_tp_data ul li {
    float: left;
    padding: 0 10px;
    width: auto;
    font-size: 20px;
    font-weight:500;
    color: #333;
    position: relative;
}

.order_view_bottom .paymentList .ord_tp_data{
    text-align: left;
}
.order_view_bottom .paymentList .ord_tp_data ul{
    float:right;
}
.paymentList .order_prd_list{
}
.paymentList .order_prd_list li{
    border-radius: 3px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
    padding: 20px 25px;
    margin-top: -1px;
}
.paymentList .order_prd_list li{}
.paymentList .order_prd_list li .img_thum{
    width: 90px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ddd;
    vertical-align: middle;
    margin-right: 15px;
}
.paymentList .order_prd_list li .img_thum {}
.paymentList .order_prd_list li .img_thum + div.payInfo{
    width: calc(100% - 118px);
}
.paymentList .order_prd_list li .payInfo {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 80px;
}

.paymentList .order_prd_list li .price_box{
    display: inline-block;
    vertical-align: baseline;
}
.paymentList .order_prd_list li .quantity{
    display: inline-block;
    font-size: 13px;
    color: #777;
}
.paymentList .order_prd_list li .quantity:before{
    content: '/';
    font-size: 13px;
    color: #777;
}
.paymentList .order_prd_list li .infobox span,
.paymentList .order_prd_list li .infobox .refundPrice  {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.paymentList .order_prd_list li h4.subject {}
.paymentList .order_prd_list li h4.subject a{
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    line-height: 19px;
    white-space: nowrap;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    margin-bottom: 4px;
}
.paymentList .order_prd_list li .option_txt,
.paymentList .order_prd_list li h4.subject .option_txt{
    font-size: 13px;
    margin: 5px 0;
    color: #666;
}

.paymentList .order_prd_list li .start_d span,
.paymentList .order_prd_list li div.quantity {
    font-size: 13px;
    color: #777;
    vertical-align: baseline;
}
.paymentList .order_prd_list li .state{
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}

.paymentList .ord_list_btm {
    margin-top: 10px;
}
.paymentList .ord_list_btm .stateBtn {
    float: right;
}

.paymentList .ord_list_btm .stateBtn a {
    border: 1px solid #ddd;
    font-size: 12px;
    color: #777;
    border-radius: 2px;
    padding: 5px 9px 6px;
    margin-left: 5px;
    display: inline-block;
}

.paymentList .ord_list_btm .stateBtn a:first-child {
    margin-left: 0;
}

.paymentList .ord_list_btm .orderListDeliv.deliv_numb {
    font-size: 13px;
    color: #777;
    float: left;
    line-height: 24px;
}
@media all and (max-width: 599px){
    .paymentList {
        margin-left: -20px;
        margin-right: -20px;
    }
    .paymentList .order_box {
        border-bottom:0;
        border-left:0;
        border-right:0;
        border-top: 5px solid #eee;
        padding: 30px 20px 25px;
        margin-bottom: 0px;
    }
    .paymentList .order_box:last-child{
        /*padding-top:10px;*/
        border-bottom: 5px solid #eee;
    }
    .paymentList .ord_tp_data{
        margin-bottom: 15px;
    }
    .paymentList .ord_tp_data .trade_day{
        font-size: 18px;
    }
    .order_view_bottom .paymentList .ord_tp_data ul li {
        font-size: 18px;
    }
    .paymentList .order_prd_list li{
        padding:15px 15px;
        background: #fff;
        margin-bottom:10px;
    }
    .paymentList .order_prd_list li:last-child{
        margin-bottom:0px;
    }
    .paymentList .order_prd_list li{
        border:1px solid #ddd;
        border-radius: 3px;
    }
    .paymentList .order_prd_list li h4.subject a{
        line-height: 18px;
        max-height: 36px;
        overflow: hidden;
        margin-bottom: 5px;
        display: -webkit-box;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .paymentList .order_prd_list li .option_txt,
    .paymentList .order_prd_list li h4.subject .option_txt{
        font-size: 13px;
        margin: 5px 0;
        color: #666;
    }
    .paymentList .order_prd_list li .img_thum{
        vertical-align: top;
    }
    .paymentList .order_prd_list li .payInfo{
        padding-right: 0;
        margin-left: 6px;
        vertical-align: top;
    }
    .paymentList .order_prd_list li .infobox{
        margin-bottom: 8px;
    }
    .paymentList .order_prd_list li .infobox span,
    .paymentList .order_prd_list li .infobox .refundPrice{
        font-size: 13px;
    }
    .paymentList .order_prd_list li .state{
        font-size: 13px;
        top: auto;
        margin-top: 0;
        bottom: 9px;
        color:var(--keycolor)

    }

    .paymentList .ord_list_btm{
        margin-top: 15px;
    }
    .paymentList .ord_list_btm .stateBtn{
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
    }
    .paymentList .ord_list_btm .stateBtn a{
        background: #f8f8f8;
        width: calc(33% - 6px);
        height: 30px;
        padding:7px 9px;
        margin-left: 10px;
    }
    .paymentList .ord_list_btm .orderListDeliv.deliv_numb{
        float: none;
        display: inline-block;
        width: 100%;
        text-align: center;
        font-size: 13px;
        line-height: 18px;
        margin-top: 10px;
    }
}
/*

.order_list_bottom #div01.pay_box ul li .payLeft {
}

.order_list_bottom #div01.pay_box ul li .payRight {
}

.order_list_bottom #div01.pay_box ul li .payRight > div.state span {
    display: inline-block;
    float: none;
}

@media screen and (max-width: 1250px) {
    .order_list.pay_box .payRight .priceP,
    .order_list.pay_box .payRight .state {
    }
}
*/

@media screen and (max-width: 1200px) {
    /*결제내역 리스트 - 검색*/
    .order-srchFilter .dateBtn {
        margin-right: 0;
    }

    .order-srchFilter .divWrap {
        margin-top: 10px;
    }

    .order-srchFilter .srchBtn a {
        width: 89px;
    }
    /*.order_view_bottom #div01.pay_box .border_order > ul li .payInfo h4.subject {
        margin-bottom: 0;
        margin-top: 0
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .start_d {
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .start_d span {
        font-size: 14px;
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .priceP {
        font-size: 14px;
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .priceP .refundPrice {
        font-size: 14px;
        display: inline-block;
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .state {
        font-size: 14px;
        width: 100%;
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .state span {
        color: #999;
        font-size: 14px;
    }*/

    /*마이페이지 > 결제내역 상세*/
    /*#div01 .ord_tp_data span.order_state.pc_box,
    #div01 .ord_tp_data span.deliv_numb.pc_box {
        display: none;
    }

    #div01.pay_box .border_order .deliv_btm_data {
        display: block;
    }

    #div01.pay_confirm.order_view_box.order_list .border_order > ul li:last-child {
        border-bottom: 0
    }

    #div01 .deliv_btm_data {
        padding: 11px 20px;
        border-top: 1px dashed #ddd;
        border-bottom: 1px solid #ddd;
    }

    #div01 .deliv_btm_data span {
        display: inline-block;
        line-height: 25px;
    }

    #div01 .deliv_btm_data .order_state {
        line-height: 21px
    }

    #div01 .deliv_btm_data .order_state .b_list_btn {
        border: 1px solid #999;
        font-size: 12px;
        color: #777;
        padding: 3px 9px 3px 10px;
    }

    #div01 .deliv_btm_data .deliv_numb {
        font-size: 13px;
        color: #555;
    }
    .pay_box .border_order > ul li div.quantity {
        display: inline-block;
        vertical-align: baseline;
        margin-top: 5px;
    }
*/

}

@media screen and (max-width: 1100px) {
    .pay_box .payInfo .priceP .refundPrice {
        display: inline-block;
        font-size: 14px;
    }
    /*
        .order_list_bottom #div01.pay_box .border_order > ul li .payInfo .state span:first-child {
            margin-right: 10px;
        }

        .order_list_bottom #div01.pay_box .border_order > ul li .payInfo .deliv_numb {
            display: inline-block;
        }*/
}


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

    .pay_box .payLeft .m_box{
        margin-top:5px;
    }
    /*결제내역 리스트 - 검색*/
    .order-srchFilter .divWrap {
        width: 100%;
    }

    .order-srchFilter .srchBtn {
    }

    .order-srchFilter .srchBtn a {
        width: 89px;
    }


    #div01 .ord_tp_data span {
        font-size: 13px;
    }

    #div01 .ord_tp_data span a {
        font-size: 13px;
        color: #777;
    }

    #div01 .ord_tp_data span.order_day {
        font-size: 13px;
        float: right;
    }

    #div01 .ord_tp_data span.order_code {
        font-size: 13px;
        padding-right: 0;
        margin-right: 0;
    }

    /*주문번호*/
    #div01 .ord_tp_data span.order_code:after {
        display: none;
    }

    /*주문번호*/
    #div01.pay_box .border_order > ul li .payInfo .priceP span.numberFontSB {
        font-size: 15px;
    }

    .order_list_bottom #div01.pay_box .border_order > ul li .payInfo .state {
        float: none;
    }

    #div01 .deliv_btm_data {
        padding: 11px 10px;
    }

    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .state span,
    .order_view_bottom #div01.pay_box .border_order > ul li .payInfo .start_d span {
        font-size: 13px;
    }
}

@media screen and (max-width:599px) {
    /*결제내역 리스트 - 검색*/
    .order-srchFilter {
        padding: 15px;
        margin-bottom: 30px;
    }

    .order-srchFilter select {
        margin-right: 0;
        width: 100%;
    }

    .order-srchFilter .dateBtn {
        width: 100%;
        margin-right: 0;
        margin-top: 10px;
    }

    .order-srchFilter .dateBtn a {
        width: 20%;
    }

    .order-srchFilter input {
        height: 38px;
        line-height: 32px;
        font-size: 13px;
        color: #999;
        vertical-align: middle;
    }

    .order-srchFilter .divWrap {
        display: inline-block;
        box-sizing: border-box;
    }

    .order-srchFilter .datePick {
        width: 100%;
        margin-right: 0;
    }

    .order-srchFilter .datePick input {
        width: calc(50% - 10px);
        padding-right: 34px;
    }

    .order-srchFilter .srchBtn {
        width: 100%;
        margin-top: 10px;
    }

    .order-srchFilter .srchBtn a {
        width: 100%;
    }


    #div01 .ord_tp_data span.order_code,
    #div01 .ord_tp_data span.order_day {
        font-size: 13px;
    }
}

/* 내 강의실 좌측 메뉴 공통 */
#order_common_wrap {
}

#order_common_wrap:after {
    display: block;
    content: '';
    clear: both;
}

/* 내강의실 top 공통 */
.order_common {
    position: relative;
    width: 204px;
    float: left;
}

.order_common .order_menu {
    border-top: 1px solid #333;
}

.order_common .order_menu .mp_bnr {
    margin-top: 20px;
}

.order_common .order_menu li {
}

.order_common .order_menu li.on {
    position: relative;
}

.order_common .order_menu li.on a {
    color: #111;
    font-weight: 500;
}
.order_common .order_menu li.present_condition a{
    background: url(../images/mobile/wsmainIcon01.svg) no-repeat;
    background-size: 22px 23px;
    background-position: calc(100% - 20px) 50%;
    position: relative;
}
/*.order_common .order_menu li.present_condition a::before{
    content:'';
    width:10px;
    height: 10px;
    border-radius: 50px;
    background:var(--keyrgba30);
    position: absolute;
    right: 16px;
    top: 15px;
}*/
.order_common .order_menu li a {
    display: block;
    padding: 20px 20px;
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    font-weight: 400;
    color: #555;
}

@media screen and (max-width:1023px) {
    .order_common {
        display: none;
    }
}

/* 내 강의실 우측 컨텐츠 공통 */

#present_right {
    float: right;
    width: calc(100% - 282px);
}

#present_right .title {
    margin-bottom: 20px;
}

#present_right .title h3 {
    font-size: 26px;
    letter-spacing: -0.05em;
    text-align: left;
    font-weight: 500;
    font-weight: bold;
}

#present_right .title p {
    text-align: left;
    margin-bottom: 5px;
    line-height: 1.3;
    font-size: 15px;
    color: #666;
    padding-top: 5px;
}

#present_right.present_condition_bottom .edu-list__info span.icon {
    padding: 3px 4px;
    font-size: 12px;
    display: inline-block;
    border: 1px solid #111;
    color: #111
}

#present_right.present_condition_bottom .edu-list__info .middle_cell em {
    font-size: 13px;
    display: inline-block;
}

#present_right.present_condition_bottom .edu-list__info .lecSort {
    display: inline-block;
    width: 50px;
    padding: 2px 0;
    text-align: center;
    border-radius: 16px;
    font-size: 11px;
}

#present_right.view_form .attechFile {
    border-bottom: 1px solid #999;
    border-top: 1px solid #ddd;
}

@media screen and (max-width:1023px) {
    #present_right {
        width: 100%;
        float: none;
    }

    #present_right .title h3 {
        font-size: 26px;
    }
}

@media screen and (max-width:599px) {
    .mylecture.t_box span {
        font-size: 28px;
        margin-bottom: 15px;
    }

    #present_right .title {
        margin-bottom: 15px;
    }

    #present_right .title h3 {
        font-size: 20px;
        margin-bottom:10px;
    }

    #present_right .title p {
        font-size: 13px;
        padding-top: 0;
        margin-bottom: 0
    }
}

/*******************************************************************/
/*                          마이클래스                                 */
/*******************************************************************/
#divTab.conditoin_tab {
    margin-bottom: 2em;
}

.present_condition_bottom {
    position: relative;
}

.present_condition_bottom .depth2 {
    margin-bottom: 0px;
    position: absolute;
    right: 0;
    top: 0px;
}

.present_condition_bottom .depth2 ul {
    text-align: center;
}

.present_condition_bottom .depth2 ul li {
    display: inline-block;
    margin: 6.5px 20px 6.5px 0;
}

.present_condition_bottom .depth2 ul li:after {
    display: inline-block;
    content: '';
    clear: both;
    width: 1px;
    height: 10px;
    background-color: #666;
    margin-left: 20px;
}

.present_condition_bottom .depth2 ul li:last-child:after {
    display: none;
}

.present_condition_bottom .depth2 ul li a {
    display: inline-block;
    color: #666;
    border: 0;
    padding: 0;
    border-radius: 0;
    min-width: auto;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 5px;
}

.present_condition_bottom .depth2 ul li.on {
}

.present_condition_bottom .depth2 ul li.on a {
    border-bottom: 2px solid var(--keycolor);
    color: var(--keycolor);
    background-color: transparent;
}

/* 내 강의실 > 내 강의실 */
.none_lecture_data {
    text-align: center;
    margin-top: 50px;
    width: 100%;
}

.none_lecture_data img {
}

.none_lecture_data .txt {
    color: #777;
    font-size: 14px;
    margin-top: 20px;
}
.edu-list {
    display: flex;
    flex-wrap: wrap;
}

.edu-list > li {
    position: relative;
    transition: 0.2s;
    padding: 20px;
    padding-top:0;
    line-height: 0;
}

.edu-list > li > a {
    width: 100%;
    display: inline-block;
}

.edu-list li .edu-list__visual {
    display: inline-block;
    width: 100%;
    position: relative;
}
.edu-list li .edu-list__visual .btn_go_detail{
    background: var(--keyrgba90) url('../images/classroom/icon_arrow2_right.svg')no-repeat calc(100% - 20px) center;
    width: 154px;
    border-radius: 50px;
    height:38px;
    line-height:36px;
    padding:0 20px;
    position: absolute;
    right: 15px;
    font-size: 15px;
    font-weight: 700;
    color:#fff;
    bottom:25px;

}
.edu-list li .edu-list__visual .btn_go_detail{}
.edu-list li .edu-list__visual .lc_cancel_btn{
    display: inline-block;
    background: #cccccc;
    font-size: 14px;
    color: #555;
    text-align: center;
    /* height: 38px; */
    line-height: 36px;
    vertical-align: middle;
    position: absolute;
    right: 1px;
    top: 1px;
    padding: 0px 15px;
}

.edu-list li .edu-list__visual-img {
    border: 1px solid #ddd;
    border-bottom: 0px;
}
.edu-list li .edu-list__info {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding:20px;
    border:1px solid #ddd;
    line-height: 1;
}
.edu-list li.off_edu-list .edu-list__info{}
.edu-list li.off_edu-list .edu-list__info__period{
    height: 67px;
}
.edu-list__info .edu-list__info__cate{
    font-size:13px;
    line-height:19px;
    width:100%;
    display: inline-block;
}
.edu-list__info .edu-list__info__subject {
    font-size: 18px;
    height: 26px;
    line-height:26px;
    /*line-height: 1.3;*/
    margin-bottom: 6px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
}
.order_list_wrap .off_edu-list > li,
.order_list_wrap .edu-list > li{display: flex;}
.order_list_wrap .off_edu-list > li .edu_info_box,
.order_list_wrap .edu-list > li .edu_info_box{width: 100%;border:1px solid #ddd;}
.edu-list li .edu-list__info{border:0; border-top:1px solid #ddd;}
.edu-list li .edu-list__visual-img{border:0;}

.porgressbar{
    background: var(--keyrgba10);
    width: 100%;
    height: 10px;
    border-radius: 50px;
    position: relative;
    margin-top: 13px;
}
.porgressbar__pg-bar{
    background: var(--keycolor);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    height: 10px;
}
.edu-list__info__data{
    margin-top:6px;
    height:19px;
}
.edu-list__info__data li{
    font-size:13px;
    line-height: 19px;
    color:#777;
    /*width:50%;*/
    float:left;
}
.edu-list__info__data li:last-child{
    text-align: right;
    float:right;
    width:25%
}
.edu-list__info__data li:last-child span{
    display: inline-block;
    vertical-align: baseline;
}
.edu-list__info__data li:first-child{ width:75%; }
.edu-list__info__data li.liveTimebox{
    width: 100%;
    /*margin-bottom: 52px;*/
}
.edu-list__info__data li.liveTimebox span{
    display: inline-block;
    vertical-align: baseline;
    font-size: 13px;
    color: #777;
}
.edu-list__info__data li.liveTimebox span:first-child {
    width: 50px;
    letter-spacing: -0.5px;
    vertical-align: top;
}
.edu-list__info__data li.liveTimebox span:last-child{
    width: calc(100% - 55px);
    letter-spacing: -0.5px;
}
.live_lecture_box .edu_info_box{position: relative;}
/*.live_lecture_box .edu-list__btn-wrap{
    position: absolute;
    padding:0 20px;
    bottom: 20px;
    left: 0;
}*/
.edu-list__info .edu-list__info__period {
    font-size: 13px;
    color:#777;
    height:33px;
}
.edu-list__info .edu-list__info__period div,
.edu-list__info .edu-list__info__period span{
    color:#777;
}
.edu-list__info .edu-list__info__period span{
    display: inline-block;
    vertical-align: baseline;
}
.offline-list .edu-list__btn-wrap a{
    width:50%;
}
.edu-list__btn-wrap{
    width:100%;
    display: inline-block;
    text-align: center;
    margin-top:10px;
    height: 38px;
}
.edu-list__btn-wrap a,
.edu-list__btn-wrap .btn_survey{
    min-width:80px;
    border:1px solid #ccc;
    display: inline-block;
    border-radius: 2px;
    background:#fff;
    font-size: 13px;
    font-weight: 400;
    color:#555;
    text-align: center;
    height:38px;
    line-height:36px;
    vertical-align: middle;
    float: left;
    margin-right: 5px;
    padding:0 10px;
}
.edu-list__btn-wrap a:last-child,
.edu-list__btn-wrap button:last-child{
    margin-right: 0;
}
.edu-list__btn-wrap .go_btn{/*후기작성*/}
.edu-list__btn-wrap .btn_pause{/*휴강신청*/}
.edu-list__btn-wrap .edu-list__cancel-period{/*휴강기간*/
    max-height:38px;
    font-size:13px;
    width:32%;
    display: inline-block;
    vertical-align: middle;
}
.edu-list__btn-wrap .btn_survey{
    border:1px solid #ccc;
    height: 38px;
    border-radius: 2px;
    color:#555;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 0;

}
.edu-list__btn-wrap button[disabled].btn_survey{
    color: rgba(85, 85, 85, 0.5);
    background:#F6F6F6;
    border: 1px solid #E5E5E5
}
.edu-list__btn-wrap .btn_resume{/*재개하기*/}
.edu-list__btn-wrap .edu_state01{}
.edu-list__btn-wrap .edu_state02{}
.edu-list__btn-wrap .edu_state03{}
.edu-list__btn-wrap .edu_state04{}
.edu-list__btn-wrap .edu_state05{
    width:49%;
}
.edu-list__btn-wrap .edu_state06{
    width:49%;
}
.edu-list__btn-wrap .edu_state07{
    width:100%;
    line-height:36px;
}
.edu-list__btn-wrap .off_edu_state01{/*후기작성*/
    /*width:100%;*/
}
.edu-list__btn-wrap .off_edu_state02{/*출석확인*/}
.edu-list__btn-wrap .off_edu_state03{/*수강증명서*/}
.edu-list__btn-wrap .off_edu_state04{/*수료증*/}
.edu-list__btn-wrap .off_edu_state05{/*미수료-출석율 미달*/}

.edu-list__btn-wrap .btn_pause,
.edu-list__btn-wrap .btn_resume{}
.edu-list__btn-wrap .btn_edu_review{}
.edu-list__btn-wrap .btn_go_detail,
.edu-list__btn-wrap .attend_page_btn{}
.edu-list__btn-wrap .btn_extension{
    background: var(--keyrgba10);
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.26px;
    border-radius: 2px;
}
@media screen and (max-width:1100px) {
    .edu-list__btn-wrap a, .edu-list__btn-wrap .btn_survey {
        min-width: 55px;
        padding: 0 8px;
    }
    .edu-list__btn-wrap .btn_extension{
    }
}
@media screen and (max-width:1050px) {
    .edu-list__btn-wrap a,
    .edu-list__btn-wrap .btn_survey{
        font-size:13px;
    }
}
@media screen and (max-width:1023px) {
    .edu-list > li {
        width:50%;
    }
    .edu-list__btn-wrap a{
        font-size:13px;
    }
    .edu-list li .edu-list__info{
        padding:20px 15px;
    }
    .edu-list__info .edu-list__info__cate{
        font-size:13px;
        margin-bottom:0px;
    }
    .edu-list__info__data li.liveTimebox span,
    .edu-list__btn-wrap .edu-list__cancel-period,
    .edu-list__btn-wrap .edu-list__cancel-period div,
    .edu-list__btn-wrap .edu-list__cancel-period div span,
    .edu-list__info__data li{
        font-size: 13px;
    }
    .edu-list__info .edu-list__info__subject{
        font-size:18px;
    }
}
@media screen and (max-width:640px) {
    .edu-list__btn-wrap a, .edu-list__btn-wrap .btn_survey {
        min-width: 55px;
        font-size: 12px;
        padding: 0 5px;
    }
    .edu-list__btn-wrap .btn_extension{
        font-size: 12px;
    }
}
@media screen and (max-width:599px) {
    .edu-list > li {
        padding: 0px 0 30px;
        width:100%;
    }
    .edu-list > li:last-child{
        padding-bottom:0;
    }
    .edu-list li .edu-list__visual .btn_go_detail{
        height: 34px;
        line-height: 32px;
        width: 138px;
        bottom: -17px;
    }
    .edu-list__info .edu-list__info__subject{
        font-size: 14px;
        line-height: 19px;
        margin-bottom:12px;
        height: auto;
    }
    .edu-list li.off_edu-list .edu-list__info__period{
        height:56px;
    }
    .edu-list__info .edu-list__info__period {
        font-size: 13px;
        height:31px;
    }
    .edu-list__info__data li,
    .edu-list__info__data li.liveTimebox span{
        font-size:13px;
    }
    .edu-list__btn-wrap{
        margin-top:10px;
        height: 31px;
    }
    .edu-list__btn-wrap .btn_survey,
    .edu-list__btn-wrap a{
        font-size: 12px;
        height: 31px;
        line-height: 29px;
        padding:0 8px;
    }

    .live_lecture_box .edu_info_box{position: relative;}
    .live_lecture_box .edu-list__btn-wrap{
        position: static;
        padding:0 0px;
        bottom: auto;
        left: auto;
    }
}
/* 지워도 됨
.btn_datadown {
    border: 1px solid #555;
    display: inline-block;
    font-size: 13px;
    width: 100px;
    height: 34px;
    text-align: center;
    line-height: 32px;
}

.btn_datadown img {
    width: 16px;
    margin-right: 9px;
}

.btn_datadown.folder span {
    display: inline-block;
    width: 18px;
    height: 17px;
    background-image: url(../../data/customImages/btn_download.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
}

.btn_videoDown {
    padding: 18px 10px;
    display: inline-block;
}

.btn_videoDown img {
    width: 18px;
}*/
@media screen and (max-width:599px) {
    .edu-list__info .edu-list__info__cont li strong,
    .edu-list__info .edu-list__info__cont li em {
        font-size: 12px;
    }
}

/* 내 강의실 > 모의고사 */
@media all and (max-width:599px) {
    .mocktest .top_prd .go_btn_wrap {
        position: static;
        top: auto;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }

    .mocktest .top_prd .go_btn_wrap a {
        width: 100% !important;
    }

    .present_condition_mock .top_prd .go_btn_wrap {
        position: static;
        top: auto;
        bottom: auto;
        right: auto;
        margin-top: 20px;
    }
}

/* 내 강의실 > 결제내역 */
.order_list_none{

}
.order_list_none img{
    width: 50px;
}
.order_list_none div{
    margin-top: 15px;
}
#div01.order_list .title_p {
    padding: 15px 20px;
}

#div01.order_list .title_p span a {
    color: #777;
    font-size: 15px;
}

#div01.order_list .title_p span {
    color: #777;
    font-size: 15px;
}

#div01.order_list.div_order .border_order .subject a {
    font-size: 20px;
    font-weight: 500
}

#div01.order_list.div_order .border_order {
    border: 0;
    border-top: 1px solid #111;
    border-bottom: 0
}

#div01.order_list.div_order .border_order:last-child {
    border-bottom: 1px solid #ddd;
}

#div01.order_list.div_order .border_order > ul li {
    margin: 0;
    padding: 20px 20px;
}

#div01.order_list.div_order .border_order > ul li h4 {
    padding: 0 0 0 20px
}

.order_list .visual_img {
    width: 136px;
}

.order_list .orderDiv {
    display: table;
}

.order_list .orderDiv > p {
    display: table-cell;
    vertical-align: sub;
}

.order_list .orderDiv > p .state {
    color: #999;
    font-size: 15px;
}

.order_list .orderDiv > p.price {
}

.order_list .orderDiv > p.price span {
    font-size: 20px;
}

.order_list .orderDiv > p.price span em {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Noto Sans KR';
    vertical-align: baseline;
}

@media all and (max-width:599px) {
    #div01.order_list ul li .tb_number{
        vertical-align: baseline;
        margin-right:10px;
    }
    #div01.order_list ul li .price_box {
        display: none !important;
    }

    #div01.order_list .title_p {
        padding: 15px 0;
    }

    #div01.order_list .title_p span a {
        color: #777;
        font-size: 13px;
    }

    #div01.order_list .title_p span {
        color: #777;
        font-size: 13px;
    }

    .order_list .visual_img {
        width: 100%;
    }

    .order_list .orderDiv {
        display: inline-block;
        width: 100%;
    }

    #div01.order_list.div_order .border_order.light ul li h4 {
        padding: 0 0 0 0;
        display: inline-block;
    }

    #div01.order_list ul li .price_box {
        margin-top: 10px;
    }

    #div01.order_list ul li .price_box .table {
        float: none;
        width: 100% !important;
        display: inline-block;
    }

    #div01.order_list.div_order ul li .price_box .table > p {
        padding: 0
    }

    .order_list .orderDiv > p.price span {
        font-size: 20px;
    }

    .order_list .orderDiv > p.price span em {
        font-size: 16px;
        font-weight: 500;
        font-family: 'Noto Sans KR';
        vertical-align: baseline;
    }

    #div01.order_list.div_order .border_order.light .subject a {
        width: 100%;
        line-height: 21px;
        display: inline-block;
    }

    #div01.order_list.div_order ul li .price_box .table > p.price span {
        font-size: 20px;
    }

    #div01.order_list.div_order ul li .price_box .table > p span {
    }

    #div01.order_list.div_order .border_order.light {
        margin-bottom: 20px;
    }

    #div01.order_list.div_order .border_order.light ul li {
        padding: 20px 0;
    }
}


/* 내 강의실 > 주문관리 > 주문관리 */
.order_list_wrap .img_wrap {
    position: relative;
}

.order_list_wrap .img_wrap div {
    position: absolute;
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
    background: url(../images/order/order_list_wrap.jpg.html) 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.order_list_wrap table tbody td.a_td {
    padding: 2.3em 0;
}

/* 내 강의실 > 주문관리 > 주문관리 VIEW */

.order_view_bottom .border_box {
    padding: 2em 0;
}

.order_view_bottom .border_box .img_wrap {
    position: absolute;
    height: 100%;
    top: 0;
}

.order_view_bottom .border_box .img_wrap div {
    height: 70%;
    top: 15%;
    background: url(../images/order/order_list_wrap.jpg.html) 50% 50% no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.order_view_bottom .border_box h4 {
    font-size: 1.1em;
    color: #222;
    font-weight: 500;
}

.order_view_bottom .border_box ul {
    margin-top: 1em;
}

.order_view_bottom .border_box ul li {
    float: left;
    padding-right: 3%;
    margin-right: 3%;
    position: relative;
}

.order_view_bottom .border_box ul li:after {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    top: 1px;
    right: 0;
    width: 1px;
    height: 15px;
    background-color: #dddddd;
}

.order_view_bottom .border_box ul li:last-child:after {
    display: none;
}

.order_view_bottom .border_box ul li p {
    font-size: 0.9em;
    color: #666;
}

.order_view_bottom .border_box ul li p span {
    color: #222;
}

.order_view_bottom .common_table {
    border-collapse: inherit;
}

.order_view_bottom .common_table tbody tr td {
    text-align: left;
    line-height: 1.2;
}

.order_view_bottom .common_table tr th {
    vertical-align: middle;
    background: var(--keyrgba05);
    border-right: 1px solid #ddd;
}

.order_view_bottom .fix_box .common_table.fl tr th {
    width: 30%;
}

.order_view_bottom .fix_box .pay_sum_wrap .common_table {
    border-top: none;
}

.order_view_bottom .fix_box .pay_sum_wrap {
    padding: 2%;
}

.order_view_bottom .fix_box .pay_sum_wrap.fr .common_table tr th {
    width: 50%;
    background: none;
    border-right: none;
}

.order_view_bottom .fix_box .pay_sum_wrap.fr .common_table tr td {
    text-align: right;
    vertical-align: baseline;
}

.order_view_bottom .fix_box .pay_sum_wrap.fr .common_table tr td span {
    padding-left: 5px;
}

.order_view_bottom .fix_box .pay_sum_wrap.fr .common_table tr.pay_sum td span {
    padding-left: 5px;
}

.order_view_bottom .fix_box .pay_sum_wrap.fr .common_table tr.pay_sum th,
.order_view_bottom .fix_box .pay_sum_wrap.fr .common_table tr.pay_sum td {
    border-bottom: none;
    font-size: 18px;
}


@media screen and (max-width: 999px) {
    .order_view_bottom .fix_box > .common_table {
        margin-bottom: 3em;
    }

    .order_view_bottom .fix_box .common_table, .order_view_bottom .fix_box .pay_sum_wrap {
        float: none !important;
        width: 100% !important;
    }

    .order_view_bottom .fix_box .common_table.fl tr th {
        width: 18%;
    }

    .order_view_bottom .border_box ul li p span {
        display: block;
        line-height: 2;
    }

    .order_view_bottom .border_box ul li:after {
        height: 45px;
    }

    .order_view_bottom .border_box .img_wrap {
        width: 25% !important;
    }

    .order_view_bottom .border_box .img_wrap + .fr {
        width: 70% !important;
    }

}

@media screen and (max-width:599px) {
    .order_view_bottom {
        font-size: 15px;
    }

    .common_table tbody th,
    .common_table tbody tr td,
    .order_view_bottom .fix_box .common_table.fl tr th,
    .order_view_bottom .fix_box .common_table.fl tr td {
        display: block;
        width: 100%;
        text-indent: 0;
        padding: 10px 0 0 0;
        background: #fff;
    }

    .common_table tbody th,
    .order_view_bottom .fix_box .common_table.fl tr th {
        width: 100% \9;
        float: left \9;
        border-bottom: 0;
        border-right: 0
    }

    .common_table tbody tr td,
    .order_view_bottom .fix_box .common_table.fl tr td {
        display: block;
        width: 100%;
        padding: 10px 0 20px;
    }

    .common_table tbody th,
    .order_view_bottom .fix_box .common_table.fl tr th {
        font-size: 13px;
        color: #777;
    }

    .common_table tbody tr td,
    .order_view_bottom .fix_box .common_table.fl tr td {
        font-size: 14px;
        color: #111;
        border-bottom: 0;
        padding-bottom: 10px;
    }

    .common_table tbody tr:first-child th,
    .order_view_bottom .fix_box .common_table.fl tr:first-child th {
        padding-top: 20px;
    }

    .common_table tbody tr:last-child td,
    .order_view_bottom .fix_box .common_table.fl tr:last-child td {
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    .order_view_bottom .common_table tr th {
        background: #fff;
        border-right: 0
    }
}

@media screen and (max-width: 670px) {
    .order_view_bottom .border_box .img_wrap {
        width: 50% !important;
    }

    .order_view_bottom .border_box .img_wrap + .fr {
        width: 48% !important;
    }

    .order_view_bottom .border_box ul li {
        float: none;
        width: 100%;
    }

    .order_view_bottom .border_box ul li p span {
        display: inline;
    }

    .order_view_bottom .list_go {
        width: 33%;
        padding: 3% 0;
    }
}

@media screen and (max-width: 400px) {
    .order_view_bottom {
        font-size: 14px;
    }
}

/* 교수소개 팝업 */

#layer_popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 50;
}

#layer_popup_inner {
    display: none;
    position: fixed;
    z-index: 150;
    left: 50%;
    top: 50%;
    width: 500px;
    min-height: 400px;
    height: auto;
    margin-top: -200px;
    margin-left: -250px;
    background-color: #fff;
    /* border: 2px solid #2e2e2e; */
    padding: 2em;
}

#layer_close {
    position: absolute;
    right: 0;
    top: -55px;
}

#layer_popup_inner .fl {
    width: 90px;
    font-size: 20px;
    float: none !important;
    margin-bottom: 30px;
}

#layer_popup_inner .fr {
    width: 100%;
    float: none !important;
}

#layer_popup_inner ul li {
    line-height: 1;
    margin-bottom: 15px;
}

#layer_popup_inner ul li p:before {
    display: none;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 6px;
    width: 5px;
    height: 1px;
    background-color: #555;
}

#layer_popup_inner ul li p {
    position: relative;
    padding-left: 0;
    font-weight: 400;
    color: #555;
}

@media screen and (max-width: 550px) {
    #layer_popup_inner {
        width: 90%;
        margin-top: -45%;
        margin-left: -45%;
    }

    #layer_popup_inner .fl {
        font-size: 16px;
    }

    #layer_popup_inner .fr {
        width: calc(100% - 90px);
        font-size: 14px;
    }

    #layer_popup_inner ul li {
        margin-bottom: 8px;
    }

    #layer_popup_inner ul li p:before {
        top: 9px;
    }

    #layer_popup_inner ul li p {
        line-height: 1.5;
    }
}

@media screen and (max-width: 360px) {
    #layer_popup_inner {
        padding: 3em 2em 2em;
    }

    #layer_popup_inner .fl,
    #layer_popup_inner .fr {
        float: none !important;
        width: 100%;
    }

    #layer_popup_inner .fl {
        margin-bottom: 30px;
    }
}

/*마이클래스 인증수단팝업*/
#certifiedPop{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}
#certifiedPop.on{
    display: block;
}
#certifiedPop .bg_000{
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}
#certifiedPop .certifiedPopBox{}
#certifiedPop .certifiedPopBox {
    position: absolute;
    padding: 30px 20px;
    left: 50%;
    top: 50%;
    width: 462px;
    z-index: 1001;
    background-color: #fff;
}

#certifiedPop .certifiedPopBox h3 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    padding-bottom: 15px;
}

#certifiedPop .certifiedPopBox .closed {
    width: 18px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 20px;
}

#certifiedPop .certifiedPopBox .closed img {
    width: 18px;
    cursor: pointer;
}
#certifiedPop .certifiedPopBox .certified_box{
    margin:20px 0;
}
#certifiedPop .certifiedPopBox .certified_box > .inblock{}
#certifiedPop .certifiedPopBox .certified_box > .inblock input{}
#certifiedPop .certifiedPopBox .certified_box > .inblock label{}
#certifiedPop .certifiedPopBox .certified_box > .inblock label{}
#certifiedPop .certifiedPopBox .etc_view_box{}
#certifiedPop .certifiedPopBox #etc_view1 .btnWrap{
    margin-top:0;
}
#certifiedPop .certifiedPopBox #etc_view1 .btnWrap a{
    margin:0;
}

#certifiedPop .certifiedPopBox #etc_view2 .input_wrap{}
#certifiedPop .certifiedPopBox #etc_view2 .identify_Area {
    position: relative;
}
#certifiedPop .certifiedPopBox .etc_view_box .wrong_span{
    font-size:13px;
    color: var(--keycolor);
    position: relative;
    padding-left: 19px;
    top: 8px;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 10px;
}
#certifiedPop .certifiedPopBox .etc_view_box .wrong_span:before{
    content: '';
    background: url(../../data/customImages/iconMark.svg) no-repeat center;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top:1px;
}
#certifiedPop .certifiedPopBox #etc_view2 .identify_Area input{
    width: calc(100% - 110px);
    position: relative;
}
#certifiedPop .certifiedPopBox #etc_view2 .identify_Area a{
    display: block;
    font-size: 13px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #777;
    background: #fff;
    border-radius: 2px;
    float: right;
    width: 100px;
    margin-left: 1%;
    color: #555;

}
#certifiedPop .certifiedPopBox #etc_view2 .identify_Area a:hover{
    background: #f2f2f2;
}
#certifiedPop .certifiedPopBox #etc_view2 .identify_Area .time {
    position: absolute;
    right: 122px;
    top: 11px;
    font-size: 13px;
    color: var(--keycolor);
}
@media all and (max-width: 1023px) {}
@media all and (max-width: 599px) {
    #certifiedPop .certifiedPopBox {
        left: 5%;
        margin-left: auto !important;
        top: 50%;
        width: 90%;
    }

    #certifiedPop .certifiedPopBox #etc_view2 .identify_Area input{
        width: calc(100% - 90px);
        position: relative;
    }
    #certifiedPop .certifiedPopBox #etc_view2 .identify_Area a{
        font-size: 12px;
        width: 85px;
        margin-left: 5px;
        color: #555;

    }
}
@media all and (max-width: 416px) {
    #certifiedPop .certifiedPopBox #etc_view2 .identify_Area .time {
        right: 10px;
    }
    #certifiedPop .certifiedPopBox #etc_view2 .identify_Area input{
        width: 100%;
        margin-bottom:5px;
    }
    #certifiedPop .certifiedPopBox #etc_view2 .identify_Area a{
        font-size: 12px;
        width: 100%;
        margin-left: 0px;
        float:none;

    }
}


/* 환불 요청 */
.refund {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.refund.on {
    display: block;
}

.refund .bg_000 {
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.refund .refund_box {
    position: absolute;
    padding: 30px 20px;
    left: 50%;
    top: 50%;
    width: 462px;
    z-index: 1001;
    background-color: #fff;
}

.refund .refund_box h3 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    padding-bottom: 15px;
}

.refund .refund_box .closed {
    width: 18px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 20px;
}

.refund .refund_box .closed img {
    width: 18px;
    cursor: pointer;
}

.refund_box .refundRequest {
    max-height: 300px;
    overflow-y: auto;
}

.refund_box .refundRequest .all_check {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.refund_box .refundRequest .all_check label.chkbox {
    text-indent: 25px;
}

.refund_box .refundRequestUl {
    max-height: 300px;
    overflow-y: auto;
}

.refund_box .refundRequest li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.refund_box .refundRequest label.chkbox {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    height: auto;
    font-size: 15px;
    text-indent: 0;
}

.refund_box .refundRequest label.chkbox:before,
.refund_box .refundRequest label.chkbox:after {
    top: 50%;
    transform: translateY(-50%);
}

.refund_box .refundRequest li,
.refund_box .refundRequest li .price_box {
    margin: 0
}

.refund_box .refundRequest li em.subject {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}

.refund_box .refundRequest li .price_box .priceP {
    padding-right: 20px;
}

.refund_box .refundRequest li label.chkbox .img_fl + div.price_box{margin-left:0;}
.refund_box .refundRequest li .price_box {
    width: calc(100% - 112px);
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.refund_box .refundRequest li em.subject,
.refund_box .refundRequest li .price_box .priceP,
.refund_box .refundRequest li .price_box .quantity {
    width: 100%;
    padding-right: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 5px;
}
.refund_box .refundRequest li .price_box .quantity{
    font-size:12px;
}
.refund_box .refundRequest li .price_box .priceP span {
    font-size: 14px;
}

.refund_box .refundRequest li .price_box .priceP span.numberFontSB {
    font-size: 14px;
}

.refund_box .refundRequest li label.chkbox .img_fl {
    width: 75px;
    margin-left: 25px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.refund_box .refundRequest li label.chkbox .img_fl .textbook_img .thumbnail.ratio2 img {
    max-height: 35px;
}

.refund_box .refundRequest li div.fl {
    text-align: left;
}

.refund_box .refundRequest li div.chbox1 em.subject {
    vertical-align: middle;
    font-size: 15px;
    margin-left: 15px;
    width: 100%;
    display: inline-block;
    height: 20px;
    line-height: 19px;
    white-space: nowrap;
}

.refund_box .sm-txt {
    font-size: 13px;
    color: #999;
    margin-top: 20px;
}

.refund_box .btnWrap a {
    height: 39px;
}

@media all and (max-width:599px) {
    .refund_box .refundRequestUl {
        max-height: none;
    }
}

@media all and (max-width: 500px) {
    .refund .refund_box {
        width: calc(100% - 40px);
        overflow-y: auto;
        margin-left: 0px !important;
        left: 20px;
    }

    .refund_box .refundRequestUl {
        max-height: none;
    }
}

/* 환불 요청 */
.refundComP {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.refundComP.on {
    display: block;
}

.refundComP .bg_000 {
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.refundComP .refund_Comp_box {
    position: absolute;
    padding: 30px 20px;
    left: 50%;
    top: 50%;
    width: 462px;
    z-index: 1001;
    background-color: #fff;
    max-height: 600px;
    overflow: auto;
}

.refundComP .refund_Comp_box h3 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    padding-bottom: 15px;
}

.refundComP .refund_Comp_box .closed {
    width: 18px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 20px;
}

.refundComP .refund_Comp_box .closed img {
    width: 18px;
    cursor: pointer;
}

.refundComP .refund_Comp_box h6 {
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
}

.refundComP .refund_Comp_box li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.refundComP .refund_Comp_box li,
.refundComP .refund_Comp_box li .price_box {
    margin: 0
}

.refundComP .refund_Comp_box li em.subject {
    font-size: 14px;
    font-weight: 500;
}

.refundComP .refund_Comp_box li .price_box .priceP {
    padding-right: 20px;
}

.refundComP .refund_Comp_box li .price_box {
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
}

.refundComP .refund_Comp_box li em.subject,
.refundComP .refund_Comp_box li .price_box .priceP,
.refundComP .refund_Comp_box li .price_box .quantity{
    width: 100%;
    padding-right: 0;
    text-align: left;
    margin-left: 0;
}
.refundComP .refund_Comp_box li .price_box .quantity{
    font-size:12px;
    margin-top:5px;
}
.refundComP .refund_Comp_box li .price_box .priceP span {
    font-size: 14px;
}

.refundComP .refund_Comp_box li .price_box .priceP span.numberFontSB {
    font-size: 14px;
}

.refundComP .refund_Comp_box li .img_fl {
    width: 75px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.refundComP .refund_Comp_box li .img_fl .textbook_img .thumbnail.ratio2 img {
    max-height: 35px;
}

.refundComP .refund_Comp_box li div.fl {
    text-align: left;
}

.refundComP .refund_Comp_box .refundForm {
    background: #f5f5f5;
    padding: 20px;
}

.refundComP .refund_Comp_box .refundForm h2 {
    font-size: 15px;
    color: #333;
    margin-bottom: 20px;
}

.refundComP .refund_Comp_box .refund_bank {
    width: calc(50% - 5px);
    margin-right: 5px;
    float: left;
    height: 37px;
}

.refundComP .refund_Comp_box .input_ref {
    /*예금주*/
    width: calc(50% - 5px);
    margin-left: 5px;
    float: left;
    height: 37px;
}

.refundComP .refund_Comp_box .input_acc {
    /*입금받으실 계좌번호*/
    width: 100%;
    height: 37px;
    margin-top: 10px;

}

.refundComP .refund_Comp_box .refund_bank .input_ref {
    /*예금주*/
}

.refundComP .refund_Comp_box .refund_bank .input_acc {
    /*입금받으실 계좌번호*/
    width: 100%;

}

.refundComP .refund_Comp_box .refund_cmt{
    padding: 15px 0;
    font-size: 14px;
    line-height: 19px;
}
.refund_Comp_box .refund_rule {
    font-size: 13px;
    color: #999;
    margin-top: 20px;
    line-height: 18px;
}

.refund_Comp_box .refund_rule h2 {
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
}

.refund_Comp_box .sm-txt {
    font-size: 13px;
    color: #999;
    margin-top: 20px;
}

.refund_Comp_box .btnWrap a {
    height: 39px;
    width: calc(50% - 5px);
    float: left;
    margin-left: 0;
    margin-right: 5px;
}

.refund_Comp_box .btnWrap button {
    height: 39px;
    width: calc(50% - 5px);
    margin-left: 5px;
    float: left;
    border: none;
    box-shadow: none;
}

@media all and (max-width:599px) {
}

@media all and (max-width: 500px) {
    .refundComP .refund_Comp_box {
        width: calc(100% - 40px);
        height: 500px;
        overflow-y: auto;
    }
}


/* 환불 요청 취소 */
.refundCancel {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.refund.on {
    display: block;
}

.refundCancel .bg_000 {
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.refundCancel .cancel_box {
    position: absolute;
    padding: 30px 20px;
    left: 50%;
    top: 50%;
    width: 462px;
    z-index: 1001;
    background-color: #fff;
    margin-left: -231px;
    transform: translateY(-50%);
}

.refundCancel .cancel_box h3 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    padding-bottom: 15px;
}

.refundCancel .cancel_box .closed {
    width: 18px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 20px;
}

.refundCancel .cancel_box .closed img {
    width: 18px;
    cursor: pointer;
}

.refundCancel .cancel_box .refundRequest {
}

.refundCancel .cancel_box .refundRequest .all_check {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.refundCancel .cancel_box .refundRequest .all_check label.chkbox {
    text-indent: 25px;
}

.refundCancel .cancel_box .refundRequestUl {
    max-height: 300px;
    overflow-y: auto;
}

.refundCancel .cancel_box .refundRequest li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.refundCancel .cancel_box .refundRequest label.chkbox {
    margin-bottom: 0;
    margin-right: 0;
    width: 100%;
    height: auto;
    font-size: 15px;
    text-indent: 0;
}

.refundCancel .cancel_box .refundRequest label.chkbox:before,
.refundCancel .cancel_box .refundRequest label.chkbox:after {
    top: 50%;
    transform: translateY(-50%);
}

.refundCancel .cancel_box .refundRequest li,
.refundCancel .cancel_box .refundRequest li .price_box {
    margin: 0
}

.refundCancel .cancel_box .refundRequest li em.subject {
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
}

.refundCancel .cancel_box .refundRequest li .price_box .priceP {
    padding-right: 20px;
}

.refundCancel .cancel_box .refundRequest li label.chkbox .img_fl + div.price_box{margin-left:0;}
.refundCancel .cancel_box .refundRequest li .price_box {
    width: calc(100% - 112px);
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}

.refundCancel .cancel_box .refundRequest li em.subject,
.refundCancel .cancel_box .refundRequest li .price_box .priceP,
.refundCancel .cancel_box .refundRequest li .price_box .quantity {
    width: 100%;
    padding-right: 0;
    text-align: left;
    margin-left: 0;
    padding-left: 5px;
}
.refundCancel .cancel_box .refundRequest li .price_box .quantity{
    font-size:12px;
}
.refundCancel .cancel_box .refundRequest li .price_box .priceP span {
    font-size: 14px;
}

.refundCancel .cancel_box .refundRequest li .price_box .priceP span.numberFontSB {
    font-size: 14px;
}

.refundCancel .cancel_box .refundRequest li label.chkbox .img_fl {
    width: 75px;
    margin-left: 25px;
    border: 1px solid #ddd;
    vertical-align: middle;
}

.refundCancel .cancel_box .refundRequest li label.chkbox .img_fl .textbook_img .thumbnail.ratio2 img {
    max-height: 35px;
}

.refundCancel .cancel_box .refundRequest li div.fl {
    text-align: left;
}

.refundCancel .cancel_box .refundRequest li div.chbox1 em.subject {
    vertical-align: middle;
    font-size: 15px;
    margin-left: 15px;
    width: 100%;
    display: inline-block;
    height: 20px;
    line-height: 19px;
    white-space: nowrap;
}

.refundCancel .cancel_box .sm-txt {
    font-size: 13px;
    color: #999;
    margin-top: 20px;
}

.refundCancel .cancel_box .btnWrap a {
    height: 39px;
    margin:0;
}

@media all and (max-width:599px) {
    .refundCancel .cancel_box .refundRequestUl {
        max-height: none;
    }
}

@media all and (max-width: 500px) {
    .refundCancel .cancel_box {
        width: calc(100% - 40px);
        height: 500px;
        overflow-y: auto;
    }

    .refundCancel .cancel_box .refundRequestUl {
        max-height: none;
    }
}



/* 환불불가 */
.nonRefundBtn img {
    vertical-align: middle;
    width: 17px;
}

.non_refund {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.non_refund.on {
    display: block;
}

.non_refund .bg_000 {
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.non_refund .non-refundbox {
    position: absolute;
    padding: 30px 20px;
    left: 50%;
    top: 50%;
    width: 462px;
    z-index: 1001;
    background-color: #fff;
    max-height: 600px;
    overflow: auto;
}

.non_refund .non-refundbox h3 {
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    padding-bottom: 15px;
}

.non_refund .non-refundbox .closed {
    width: 18px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 20px;
}

.non_refund .non-refundbox .closed img {
    width: 18px;
    cursor: pointer;
}

.non_refund .non-refundbox .refundForm {
    padding: 20px;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
    max-height: 200px;
    height: 200px;
    overflow-y: auto;
}

.non_refund .btnWrap a {
    height: 39px;
    width: 100%;
}

@media all and (max-width:1023px) {
    .nonRefundBtn img {
        width: 13px;
        vertical-align: baseline;
    }
}

@media all and (max-width:599px) {
}

@media all and (max-width: 500px) {
    .non_refund .non-refundbox {
        width: calc(100% - 40px);
        height: auto;
        overflow-y: auto;
    }
}

/* 내 강의실 > 수강현황  */

.td_title {
    text-align: left;
    padding: 0 3%;
    line-height: 1.4;
    height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.present_condition_bottom .past {
    margin-top: 0;
}

.present_condition_bottom .common_table tbody td {
    height: 54px;
    padding: 0.60em 0;
    font-size: 0.93em;
}

.present_condition_bottom .common_table tbody td a {
    display: block;
    padding: 0.8em 0;
    margin: auto;
    font-weight: 400;
}

.present_condition_bottom .common_table thead tr th.w40 {
    width: 38% !important;
}

.present_condition_bottom .common_table tbody td a.small_btn {
    display: block;
    /*width: 86px !important;*/
    height: 37px;
    text-align: center;
    line-height: 37px;
    padding: 0;
}

.present_condition_bottom .bottom_inform .common_table.pc_box tbody td a.small_btn {
    width: 52px !important;
    padding: 0 !important;
    height: 33px;
    line-height: 42px;
    margin: auto !important;
}

.present_condition_bottom .common_table tbody td:first-child {
    text-align: left;
}

.present_condition_bottom .common_table tbody td .td_title {
    padding-left: 1.5em;
    padding-top: 0;
    padding-bottom: 0;
    height: 30px;
}

.present_condition_bottom .common_table tbody td .td_title .icon_lecture {
    display: inline-block;
    width: 49px;
    height: 19px;
    margin-right: 10px;
    padding: 0;
    line-height: 15px;
    margin-top: 4px;
    font-size: 11px;
    font-weight: 400;
    background-color: #301971 !important;
}

.present_condition_bottom .common_table tbody td .td_title .goods_name {
    margin-top: 5px;
}

.present_condition_bottom .common_table tbody td .td_title i {
    display: inline-block;
    position: static;
    margin-left: 15px;
    margin-top: 3px;
    font-size: 22px;
    line-height: 27px;
}

.present_condition_bottom .common_table tbody td .td_title {
}

.present_condition_bottom .common_table tbody tr.arrow td .td_title {
    padding-right: 35px;
    display: inline;
    position: relative;
    /*background: url(../images/order/icon_package.png.html) 100% 50% no-repeat;
    -webkit-background-size: 21px;
    background-size: 21px;*/
}

.present_condition_bottom .common_table tbody tr.arrow td .td_title i {
    font-size: 23px;
    margin-top: -11px;
}

.detail_page .present_condition_bottom.detail_page_middle .btn_view {
    width: 20% !important;
    min-width: 265px;
}

.detail_page .present_condition_bottom.detail_page_middle .lecture_list ul li {
    padding: 0.6% 0;
}

.detail_page .present_condition_bottom.detail_page_middle .lecture_list ul li > span {
    height: 30px;
    line-height: 30px;
}

.present_condition_bottom .detail_page .detail_page_middle {
    min-width: 0;
}



/* 교재소개 > 수강도서 상세 */

.detail_page.text_book .detail_page_top .detail_page_thumb .top_product_img {
    background-color: #f5f5f5;
    -webkit-background-size: auto 70%;
    background-size: auto 70%;
}

.detail_page.text_book .detail_page_middle .lecture_intro.border h4 {
    padding-bottom: 2%;
    border-bottom: none;
}

.detail_page.text_book .detail_page_middle .lecture_intro p {
    line-height: 1.5;
    color: #666;
}

/* 내강의실 > 실전모의고사 */

.mock_test_bottom {
    margin-top: 20px;
}

.mock_test_bottom tbody tr td {
    padding: 0.85em 0;
    line-height: 1.4;
    vertical-align: middle;
}

.mock_test_bottom table + p {
    margin: 1.2em 0;
    font-size: 0.9em;
}

.mock_test_bottom .pc_box tbody tr td.tal p span {
    position: relative;
    text-indent: 0;
    display: inline-block;
    margin-left: 10px;
    font-size: 0.85em;
    padding-left: 10px;
    color: #999;
}

.mock_test_bottom .pc_box tbody tr td.tal p span:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 5px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
}

.mock_test_bottom .pc_box tbody tr td.tal p span:first-child {
    margin-left: 0;
    padding-left: 0;
}

.mock_test_bottom .pc_box tbody tr td.tal p span:first-child:before {
    display: none;
}

/* 실전모의고사 팝업 */

.popup_mock_test {
    width: 50%;
    margin: 3% auto 0%;
}

.popup_mock_test .mock_test_top {
}

.popup_mock_test .mock_test_top .top_top {
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    background: #fff url(../images/order/icon_mock_test.png.html) 5% 50% no-repeat;
}

.popup_mock_test .mock_test_top .top_top h3 {
    padding: 20px 0;
    font-size: 1.25em;
    color: #000;
}

.popup_mock_test .mock_test_top .top_bottom ul {
    margin: 1em auto 0;
    width: 100%;
    text-align: center;
}

.popup_mock_test .mock_test_top .top_bottom ul li {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 1em;
}

.popup_mock_test .mock_test_top .top_bottom ul li:first-child {
    margin-left: 0;
}

.popup_mock_test .mock_test_middle {
}

.popup_mock_test .mock_test_middle .middle_left {
    float: left;
    width: 60%;
}

.popup_mock_test .mock_test_middle .test_box {
    height: 29em;
    padding: 2em 1em;
    background-color: #f5f5f5;
    overflow-y: scroll;
    vertical-align: top;
    text-align: left;
}

.popup_mock_test .mock_test_middle .test_box img {
    max-width: 100%;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box {
    margin: 1em 0;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box a {
    display: block;
    width: 40%;
    height: 48px;
    text-align: center;
    line-height: 46px;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box ul {
    width: 18%;
    text-align: center;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box ul li {
    display: inline;
    line-height: 3;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box ul span {
    color: #222;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box ul .all {
    color: #999;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box .prevBtn {
    border: 1px solid #999;
    color: #555;
}

.popup_mock_test .mock_test_middle .middle_left .test_btn_box .nextBtn {
}

.popup_mock_test .mock_test_middle .middle_right {
    width: 38%;
    float: right;
    margin: 1em 0 0;
}

.popup_mock_test .mock_test_middle .middle_right .color_bg_box {
    background-color: #f5f5f5;
}

.popup_mock_test .mock_test_middle .middle_right a.keybg {
    display: block;
    width: 100%;
    height: 48px;
    text-align: center;
    line-height: 46px;
    margin: 0 0 1em;
}

.popup_mock_test .mock_test_middle .middle_right .color_bg_box h3 {
    padding: 0 0 1em;
}

.popup_mock_test .mock_test_middle .middle_right .test_box table {
    border-collapse: separate;
    margin-bottom: 2em;
}

.popup_mock_test .mock_test_middle .middle_right .test_box thead th {
    background-color: #f9f9fe;
    border-bottom: 1px solid #ddd;
}

.popup_mock_test .mock_test_middle .middle_right .test_box tr.wrong th {
    background-color: #fce5ec;
}

.popup_mock_test .mock_test_middle .middle_right .test_box tr.wrong td {
    background-color: #fce5ec;
}

.popup_mock_test .mock_test_middle .middle_right .test_box th {
    padding: 0.7em 0;
    font-size: 0.8em;
    border-right: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    text-indent: 0;
    display: table-cell;
    vertical-align: middle;
}

.popup_mock_test .mock_test_middle .middle_right .test_box th:first-child {
    border-left: 1px solid #ddd;
}

.popup_mock_test .mock_test_middle .middle_right .test_box tbody tr:first-child th {
    border-top: 0;
}

.popup_mock_test .mock_test_middle .middle_right .test_box tbody tr {
    background-color: #fff;
}

.popup_mock_test .mock_test_middle .middle_right .test_box td {
    position: relative;
    padding: 0.7em 0;
    font-size: 0.8em;
    border-right: 1px solid #ddd;
    text-align: center;
    display: table-cell;
    width: auto;
}

.popup_mock_test .mock_test_middle .middle_right .test_box td p span {
    display: block;
    width: 15px;
    height: 15px;
    margin: auto;
    line-height: 16px;
    position: relative;
}

.popup_mock_test .mock_test_middle .middle_right .test_box td p span:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #444;
    border-radius: 50%;
}

.popup_mock_test .mock_test_middle .middle_right label.radio {
    width: 17px;
}

.popup_mock_test .mock_test_middle .middle_right label.radio:before {
    top: 0;
}

.popup_mock_test .mock_test_middle .middle_right label.radio:after {
    top: 5px;
}

.popup_mock_test .mock_test_bottom p {
    padding: 1em 0 2em;
    border-top: 1px solid #ddd;
    font-size: 0.9em;
    color: #666;
    line-height: 1.5;
}

@media screen and (max-width: 1700px) {
    .popup_mock_test {
        width: 60%;
    }
}

@media screen and (max-width: 1280px) {
    .popup_mock_test {
        width: 70%;
    }
}

@media screen and (max-width: 999px) {
    .popup_mock_test {
        width: 92.307%;
    }
}

@media screen and (max-width: 800px) {
    .popup_mock_test {
        width: 92.307%;
    }

    .popup_mock_test .mock_test_middle .middle_left {
        float: none;
        width: 100%;
        margin-bottom: 2em;
    }

    .popup_mock_test .mock_test_middle .middle_right {
        float: none;
        width: 100%;
        margin-bottom: 2em;
    }

    .popup_mock_test .mock_test_middle .middle_right .color_bg_box .test_box .common_table th {
        width: 16.666% !important;
    }
}

@media screen and (max-width: 600px) {
    .popup_mock_test .mock_test_middle .test_box {
        height: auto;
    }

    .popup_mock_test .mock_test_top .top_bottom ul li.time {
        margin-left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    .popup_mock_test {
        font-size: 15px;
    }

    .popup_mock_test .mock_test_top .top_top {
        -webkit-background-size: 13%;
        background-size: 13%;
    }
}

/* 수강후기 > 수강후기 */
.review_list {
}

.review_list .list-li {
    position: relative;
    padding: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    transition: all 0.2s;
}

.review_list .list-li a:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    opacity: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: 0;
    top: 0;
    border: 2px solid var(--keycolor);
    transition: all 0.2s;
}

.review_list .list-li .ratingArea {
    width: 100%;
    max-width: 100px;
    margin: auto;
}

.review_list .list-li .lecture {
    color: #555;
    height: 17px;
    margin: 15px 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.review_list .list-li .list_box_title {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px dashed #ddd;
    box-sizing: content-box;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.review_list .list-li .list_box_comment {
    line-height: 20px;
    height: 104px;
    margin-bottom: 40px;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.review_list .list-li .idate li {
    color: #555;
}

/*수강 후기 별점*/
.ratingBox {margin-bottom:10px;}
.ratingBox .rating-star{width: 83px;}
.ratingBox .rating-star,
.ratingBox .rating-star span{
    background: url('../../data/customImages/rating_star_v1.svg')no-repeat;
    background-size: 83px;
    display: inline-block;
    height: 14px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-align: left;
}
.ratingBox .rating-star span{
    background-position:left bottom; line-height:0; vertical-align:top;
}
.ratingBox .rating-star .star0{
    width:0%;
}
.ratingBox .rating-star .star1{
    width:8%;
}
.ratingBox .rating-star .star2{
    width:16.5%;
}
.ratingBox .rating-star .star3{
    width:29%;
}
.ratingBox .rating-star .star4{
    width:37.5%;
}
.ratingBox .rating-star .star5{
    width:50%;
}
.ratingBox .rating-star .star6{
    width:58.5%;
}
.ratingBox .rating-star .star7{
    width:71%;
}
.ratingBox .rating-star .star8{
    width:79.5%;
}
.ratingBox .rating-star .star9{
    width:91.3%;
}
.ratingBox .rating-star .star10{
    width:100%;
}
.ratingBox>.ratingNum{
    display: inline-block;
    width: 100%;
    text-align: right;
    font-size:18px;
    color:#999;
    font-weight: 400;
    margin-top:10px;
}
.ratingBox>.ratingNum>strong{
    font-size:18px;
    font-weight: bold;
    vertical-align: baseline;
    display: inline-block;
    padding-right: 3px;

}

@media screen and (max-width:599px) {
    .review_list .list-li {
        padding: 25px 20px;
    }

    .review_list .list-li .ratingArea {
        max-width: 80px;
    }
}

@media screen and (max-width: 500px) {
    .review_list .list-li .list_box_comment {
        height: 56px;
    }

    .review_list .list-li .idate li {
        font-size: 12px;
    }
}


/* 커뮤니티 > 이벤트 */
.pic_board_bottom .pic_board_content a .con_wrap .date {
    color: #999;
}

.pic_board_bottom .pic_board_content a .con_wrap h4 { /*height: 35px;*/
    font-size: 1.4em;
    margin: 10px 0 0;
    font-weight: 500;
    line-height: 1.5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pic_board_bottom .pic_board_content a .con_wrap strong {
    display: block;
    height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #555;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
}

@media all and (max-width:599px) {
    .pic_board_bottom .pic_board_content a .con_wrap h4 {
        margin: 0 0 0.1em;
    }
}

/* 커뮤니티 > 이벤트  뷰 */
table caption {
    display: none;
}

.pic_board_bottom .view_form .view_top {

}

.pic_board_bottom .view_form .view_top .top_right .title_sns {
}

.pic_board_bottom .view_form .view_top .top_right .sns {
    top: -0.5em;
}

.pic_board_bottom .view_form .view_top .top_right .idate li {
    position: relative;
}

.pic_board_bottom .view_form .view_top .top_right .idate li span {
    font-size: 1em;
}

@media screen and (max-width: 460px) {
    .pic_board_bottom .view_form .view_top .top_right .idate li {
        font-size: 12px;
    }
}

/*

#id_comment {
}

#id_comment .comment-count {
    margin: 10px 0;
    font-weight: 500;
    font-size: 15px;
}

.comment-count span {
    font-size: 15px;
    font-weight: 500;
    vertical-align: baseline;
}

.comment-write {
}

.comment-write .comment-count {
    color: #555;
    font-size: 15px;
    margin: 0 0 10px;
}

.comment-write .small_btn {
    width: auto !important;
    float: right;
    padding: 13px 48px;
    border-radius: 50px;
    margin-top: 10px;
    background-color: var(--keycolor);
    color: #fff;
}

.comment-write textarea {
    width: 100%;
    resize: none;
}

.comment-list {
    margin-top: 80px;
}

.comment-list li {
    position: relative;
}

.comment-list li .user {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.comment-list li .user:before {
    display: block;
    content: '';
    clear: both;
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    transform: translateY(-50%);
    background: var(--keycolor);
    border-radius: 50%;
}

.comment-list li .date {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 400;
}

.comment-list li:last-child {
    border-bottom: 1px solid #ddd;
}

.comment-list li .comment-contents {
    padding-left: 10px;
    padding-right: 42px;
    margin: 19px 0 12px;
}

.comment-list li span.del a {
    padding: 8px 14px;
    position: absolute;
    right: 0;
    bottom: 10px;
    font-size: 11px;
    border: 1px solid #ddd;
    color: #555;
}
*/

@media screen and (max-width: 999px) {
    .pic_board_bottom .view_form .view_top .top_right .idate li:after {
        right: 1em;
        top: 2px;
    }
}

@media screen and (max-width: 414px) {
    .pic_board_bottom .view_form .view_top .top_right .idate li:after {
        right: 0;
    }

    .pic_board_bottom .view_form .view_top .top_right .idate li {
        padding-right: 0.5em;
    }
}

@media screen and (max-width: 330px) {
    .pic_board_bottom .view_form .view_top .top_right .idate li:after {
        right: 0.4em;
    }

    .pic_board_bottom .view_form .view_top .top_right .idate li {
        padding-right: 0.8em;
    }
}


/* 내 강의실 > 회원정보 */

.confirm_bottom {
}

.confirm_bottom form {
}

.confirm_bottom .login_confirm {
    padding: 1em 3em;
    background-color: #f8f8f8;
}

.confirm_bottom table tr th, .confirm_bottom table tr td {
    vertical-align: middle;
    height: 4em;
}

.confirm_bottom table tr th {
    width: 100px;
}

.confirm_bottom table tr td input {
    width: 300px;
}

.confirm_bottom table tr:first-child th, .confirm_bottom table tr:first-child td {
    border-top: none;
}

.confirm_join_bottom {
    border-top: none;
    margin-top: 0;
    padding-top: 0.5em;
}

.confirm_join_bottom .form_wrap {
    max-width: 100%;
    display: flex;
}

.confirm_join_bottom.join_bottom .form_box {
    padding-left: 5%;
    width: 50%;
    float: left;
}

.confirm_join_bottom.join_bottom .memberEditBox{
    width: 100%;
    display: inline-block;
}
.confirm_join_bottom.join_bottom .memberEditInfo{
    border: 1px solid #ddd;
    padding: 40px;
    max-width: 560px;
    width: 100%;
    margin:0 auto;
}
.confirm_join_bottom.join_bottom .withdrawal_btn_box{
    max-width: 560px;
    width: 100%;
    text-align: right;
    margin: initial;
    padding-top: 20px;
    margin:0 auto;
}
.confirm_join_bottom.join_bottom .form_box.fst_form_box {
    border: 0;
    padding: 0;
    width: 100%;
}

.confirm_join_bottom .btn_get {
    border-bottom: 1px solid var(--keycolor);
    padding-bottom: 5px;
    font-size: 15px;
}

.confirm_join_bottom .ok_box a {
    float: none;
    margin: auto;
}

.confirm_join_bottom .basic {
    line-height: 45px;
}

.confirm_join_bottom .ipt01 {
    width: 13%;
}

.confirm_join_bottom .ipt04 {
    width: 70%;
}

.confirm_join_bottom input#deliver03 {
    margin: 1em 0 0;
}

.confirm_join_bottom label#deliverbox {
    text-indent: 32px;
    font-size: 1em;
}

.confirm_join_bottom td span.phn_bar {
    padding: 0 1%;
}

.confirm_join_bottom td span.post_box {
    display: inline-block;
    margin-top: -4px;
    margin-left: 1%;
    text-align: center;
}

.confirm_join_bottom td span.post_box a {
    display: block;
    font-size: 0.9em;
    color: #333;
}

.confirm_join_bottom .mini_title span {
    font-weight: 400;
    font-size: 0.9em;
    padding-left: 0.5em;
}

.confirm_join_bottom .orderer th {
    padding: 1em 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #ddd;
    text-align: left;
    text-indent: 1em;
}

.confirm_join_bottom .orderer td {
    border-top: 1px solid #999;
    border-bottom: 1px solid #ddd;
    padding: 1em 0;
}

.confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox{
    padding: 20px 40px;
    max-width: 560px;
    width: 100%;
    margin: 0 auto 20px;
    text-align: center;
}
.confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox .text{
    font-size: 15px;
}
.confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox .email_info{
    font-size: 15px;
    margin-top: 15px;
}
@media screen and (max-width:1023px) {
    .btn_get_box {
        width: 100%;
        margin: auto;
    }

    .confirm_join_bottom .form_wrap {
        max-width: 100%;
        width: 100%;
    }

    .confirm_join_bottom.join_bottom .form_box {
        padding-left: 5%;
        width: 50%;
    }

    .confirm_join_bottom.join_bottom .form_box.snd_form_box {
        padding-left: 5%;
        width: 50%;
        float: left;
    }

    .confirm_join_bottom.join_bottom .form_box.fst_form_box {
        width: 50%;
        padding-right: 5%;
        float: left;
        border-bottom: 0;
        border-right: 1px solid #ddd;
    }



    .confirm_join_bottom .form_wrap {
        max-width: 100%;
        width: 100%;
        padding: 0;
        display: inline-block;
    }
    .confirm_join_bottom.join_bottom .form_box,
    .confirm_join_bottom.join_bottom .form_box.snd_form_box,
    .confirm_join_bottom.join_bottom .form_box.fst_form_box {
        width: 100%;
        padding-right: 0%;
        padding-left: 0;
        float: none;
        border-bottom: 0;
        border-right: 0;
    }


    .confirm_join_bottom.join_bottom .memberEditBox{
        width: 100%;
        display: inline-block;
    }
    .confirm_join_bottom.join_bottom .memberEditInfo{
        padding: 30px;
        max-width: 100%;
        width: 100%;
    }
    .confirm_join_bottom.join_bottom .withdrawal_btn_box{
        max-width: 100%;
        width: 100%;
        text-align: right;
        margin: initial;
        padding-top: 20px;
    }


    .confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox{
        padding: 20px 40px;
        max-width: 100%;
    }
}

@media screen and (max-width:599px) {
    .btn_get_box {
        width: 100%;
    }
    .confirm_bottom .login_confirm {
        padding: 15px 25px;
    }
    .confirm_bottom table tr th,
    .confirm_bottom table tr td{
        height:auto;
        padding:10px 0;
        font-size: 13px;
    }

    .confirm_join_bottom.join_bottom .memberEditInfo{
        padding: 20px;
    }
    .confirm_join_bottom.join_bottom .withdrawal_btn_box{
        max-width: 100%;
        width: 100%;
        text-align: right;
        margin: initial;
        padding-top: 20px;
    }
    .confirm_join_bottom.join_bottom .memberEditInfo .btnWrap a{
        width: 100%;
    }

    .confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox{
        padding: 20px 20px;
    }
    .confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox .text{
        font-size: 14px;
    }
    .confirm_join_bottom.join_bottom .memberEditBox .snsJoinBox .email_info{
        font-size: 14px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 500px) {
    .confirm_bottom table tr th {
        width: 90px;
    }

    .confirm_bottom table tr td input {
        width: calc(100%);
    }
}

@media screen and (max-width: 416px) {
    .join_bottom .form_box li .input_wrap .ipt01 {
        width: calc(33.333% - 13px);
    }
}


/* 회원탈퇴 */

.withdrawal_bottom .inform_box {
    width: 100%;
    padding: 2em 1em;
    line-height: 1.6;
    background-color: #fff;
    border-color: #ddd !important;
}

.withdrawal_bottom .inform_box strong {
    display: block;
    font-size: 18px;
    margin-bottom: 0.5em;
}

.withdrawal_bottom .inform_box em {
    display: block;
    font-weight: 400;
    font-size: 15px;
}
.withdrawal_bottom .withdrawal_cont{
    /*max-height: 200px;
    overflow: auto;
    font-size: 15px;*/
    text-align: initial;
}

.withdrawal_bottom .common_table tr th {
    width: 100%;
    border-right: none;
}

.withdrawal_bottom .common_table tr td {
    text-align: left;
}

.withdrawal_bottom .common_table label {
    width: 100%;
    text-indent: 0;
    height: auto;
}

.withdrawal_bottom .common_table label div {
    display: inline-block;
    padding-left: 30px;
}

.withdrawal_bottom .common_table label.radio:before {
    top: 0;
}

.withdrawal_bottom .common_table label.radio:after {
    top: 5px;
}

.withdrawal_bottom .common_table.noBorder th {
    width: 100px;
    padding-right: 0;
    text-indent: 0;
    vertical-align: top;
    background: #fff;
}

.withdrawal_bottom .common_table .ipt01 {
    width: 100%;
    height: 15em;
    line-height: 1.3;
    padding: 1em;
    border: none;
}

.withdrawal_bottom .withdrawal_text {
    font-size: 18px;
    line-height: 26px;
    word-break: keep-all;
}
.withdrawal_bottom .withdrawal_text h3{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    word-break: keep-all;
}
@media screen and (max-width: 999px) {
    .withdrawal_bottom .common_table.noBorder th {
        width: 100px;
    }
}

@media screen and (max-width:599px) {
    .withdrawal_bottom .common_table.noBorder th {
        width: 100%;
    }

    .withdrawal_bottom .common_table.noBorder th,
    .withdrawal_bottom .common_table tr:first-child td{
        padding-top: 15px;
    }
    .withdrawal_bottom .common_table tr:last-child td{
        padding-bottom: 15px;
    }
    .withdrawal_bottom .common_table tr td {
        padding: 15px 0;
        border-bottom: 1px solid #ddd;
    }

    .withdrawal_bottom .withdrawal_text {
        font-size: 15px;
        line-height: 23px;
    }
    .withdrawal_bottom .withdrawal_text h3{
        font-size: 22px;
        margin-bottom: 20px;
    }

}

@media screen and (max-width: 460px) {
    .withdrawal_bottom .inform_box {
        font-size: 15px;
    }
}

@media screen and (max-width: 414px) {
    .withdrawal_bottom .common_table.noBorder th {
        width: 100%;
    }

    .withdrawal_bottom .inform_box {
        font-size: 15px;
    }
}
/* 1:1 문의 */

.one_qna_bottom .common_table tbody tr td {
    padding: 0.27em 0;
}

.one_qna_bottom .common_table tbody tr td a {
    display: block;
    padding: 1.1em 0;
}

.one_qna_bottom .small_btn {
    width: 45% !important;
    padding: 0.8em 0;
    border-radius: 40px;
    font-size: 0.95em;
}

@media screen and (max-width: 400px) {
    .one_qna_bottom .common_table thead tr th.w15 {
        width: 25% !important;
    }

    .one_qna_bottom .common_table thead tr th.w50 {
        width: 50% !important;
    }
}

/* 1:1 학습질문 */

.one_learning_bottom .left_bar_title {
    position: relative;
}

.one_learning_bottom .one_learning .common_table li:first-child {
    padding: 1.45em 1.5em;
    background-color: #f5f5f5;
}

.one_learning_bottom .one_learning .common_table li:first-child span {
    font-size: 0.93em;
    font-weight: 500;
}

.one_learning_bottom {
}

.one_learning_bottom .one_learning ul {
    border-top: 1px solid #000;
}

.one_learning_bottom .one_learning ul li {
    border-bottom: 1px solid #ddd;
}

.one_learning_bottom .one_learning ul li > a {
    display: block;
    padding: 1.38em 1.5em;
    font-size: 0.93em;
}

.one_learning_bottom .one_learning ul li h4 {
    padding-left: 2.6%;
    line-height: 1.4;
    height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.one_learning_bottom .one_learning ul li a span {
}

.one_learning_bottom .one_learning ul li div span {
    overflow: hidden;
}

.one_learning_bottom .one_learning ul li.answer {
    display: none;
    background: #fff url(../images/order/icon_answer.png.html) 1.5em 50% no-repeat;
}

.one_learning_bottom .one_learning ul li.answer a {
    padding-left: 3em;
}

.one_learning_bottom .one_learning ul li.answer.on {
    display: block;
}

.board_view_form_answer.view_form .view_top {
    border-top: 0
}

.board_view_form_answer {
    /* margin-top: 2em;*/
}

.board_view_form_answer .idate {
    position: relative;
}

.board_view_form_answer .idate li.small_btn {
    position: static;
    right: 1em;
    top: -0.6em;
    width: auto !important;
    padding: 0.6em 1em;
    border-radius: 21px;
    font-size: 0.8em;
    color: #fff;
}

.board_view_form_answer .idate li.small_btn:after {
    display: none;
}

@media screen and (max-width: 720px) {
    .one_learning_bottom .one_learning {
        font-size: 15px;
    }

    .one_learning_bottom .one_learning ul li h4 {
        padding-left: 0;
    }

    .one_learning_bottom .one_learning .common_table li:first-child {
        padding: 1.45em 15px !important;
    }

    .one_learning_bottom .one_learning ul li > a {
        padding: 1.38em 15px !important;
    }

    .one_learning_bottom .one_learning .common_table li:first-child span.lea_qus {
        width: 50% !important;
    }

    .one_learning_bottom .one_learning .common_table li:first-child span.lea_peo,
    .one_learning_bottom .one_learning .common_table li:first-child span.lea_dat,
    .one_learning_bottom .one_learning .common_table li.question .lea_peo,
    .one_learning_bottom .one_learning .common_table li.question .lea_dat {
        width: 25% !important;
    }

    .one_learning_bottom .one_learning ul li h4 {
        width: 50% !important;
    }
}

@media screen and (max-width: 360px) {
    .one_learning_bottom .one_learning ul li a {
        padding: 1.2em 0.5em;
        line-height: 1.5;
    }

    .one_learning_bottom .one_learning ul li.answer a {
        padding: 1.2em 0.5em 1.2em 2.2em;
    }

    .one_learning_bottom .one_learning ul li.answer {
        background: #f5f5f5 url(../images/order/icon_answer.png.html) 1em 50% no-repeat;
    }
}

@media screen and (max-width: 345px) {
    .one_learning_bottom .one_learning ul li div span.w60 {
        width: 50% !important;
    }

    .one_learning_bottom .one_learning ul li div span.w40 {
        width: 50% !important;
    }
}


/*=====================
      선생님 리스트
=====================*/
.professor_bottom ul > li {
    transition: border-color 0.2s linear;
    overflow: hidden;
    padding-bottom: 24px;
}
.professor_bottom ul > li .box {
    border: 8px solid #eee;
    position: relative;
}

.professor_bottom ul > li .box:hover {
    border: 8px solid var(--keycolor);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}

.professor_bottom ul > li a {
    display: block;
    position: relative;
    height: 344px;
    padding: 20px 150px 20px 20px;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 89% 126%;
    -webkit-background-size: auto 72%;
    background-size: auto 72%;
    overflow: hidden;
}

.professor_bottom ul > li a:before {
    display: block;
    content: '';
    clear: both;
    opacity: 0;
    position: absolute;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    left: -2px;
    top: -2px;
    border: 4px solid var(--keycolor);
    transition: 0.2s;
}

.professor_bottom ul > li a .bg_professor {
    display: block;
    text-align: left;
    margin-bottom: 10px;
}

.professor_bottom ul > li a .bg_professor p {
    font-size: 14px;
    color: #777;
}

.professor_bottom ul > li a em {
    display: block;
    width: calc(100% + 125px);
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 8px;
    color: #555;
    line-height: 1.3;
}

.professor_bottom ul > li a div {
    display: block;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 1;
    font-weight: bold;
    width: calc(100% + 125px);
}

.professor_bottom ul > li a div span {
    font-size: 22px;
    padding-left: 2%;
    display: inline-block;
    vertical-align: top;
    font-weight: 200;
}

.professor_bottom ul > li a ol:before {
    display: inline-block;
    content: '現';
    clear: both;
    width: 20px;
    height: 60px;
    float: left;
    color: #8a8a8a;
    display: none;
}

.professor_bottom ul > li a ol li {
    position: relative;
    padding-left: 0;
    text-align: left;
    height: 21px;
    margin-bottom: 3px;
    word-break: keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.professor_bottom ul > li a ol li p {
    color: #999;
}

/*.professor_bottom ul>li a ol li:before{
    display: block; content: ''; clear: both;
    position: absolute;
    left: 0;top:50%;
    width: 3px; height: 3px;
    border-radius: 50%;
    background-color: #8a8a8a;
}*/
.professor_bottom ul > li a .box_bottom {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 1em 0;
    background: #3683f7;
    transition: 0.3s;
}

.professor_bottom ul > li a .box_bottom p {
    display: inline-block;
    padding: 0 8% 0 8%;
    font-size: 1.1em;
    background: url(../images/professor/icon_gogo_fff.png.html) 100% 70% no-repeat;
    -webkit-background-size: 11%;
    background-size: 11%;
    color: #fff;
}

@media screen and (max-width:1023px) {
    .professor_bottom ul > li {
        margin-right: 0;
    }

    .professor_bottom ul > li:last-child {
        margin-bottom: 0;
    }

    .professor_bottom ul > li a {
        padding: 9% 30% 25% 8%;
        -webkit-background-size: auto 70%;
        background-size: auto 70%;
        background-position: 63% bottom;
    }

    .professor_bottom ul > li a em {
        width: 130%;
    }

    .professor_bottom ul > li a div {
        font-size: 22px;
    }

    .professor_bottom ul > li a div span {
        font-size: 22px;
        display: inline-block;
        width: auto;
        vertical-align: bottom;
    }
}

@media screen and (max-width:599px) {
    .professor_bottom ul > li {
    }

    .professor_bottom ul > li a {
        -webkit-background-size: auto 80%;
        background-size: auto 75%;
        padding: 7% 35% 25% 7%;
        background-position: 63% 140%;
    }

    .professor_bottom ul > li a em {
        width: 142%;
    }

    .professor_bottom ul > li a strong {
        font-size: 20px;
    }

    .professor_bottom ul > li a strong span {
        font-size: 15px
    }

    .professor_bottom ul > li a em {
        font-size: 16px;
    }

    .professor_bottom ul > li a ol li {
        height: auto;
    }

    .professor_bottom ul > li a ol li p {
        font-size: 12px;
    }
}

@media screen and (max-width: 500px) {
    .professor_bottom .col-3{
        width: 100%;
    }
    .professor_bottom ul > li a{
        background-position:87% 140%;
    }
}

@media screen and (max-width: 375px) {
    .professor_bottom ul > li a {
        font-size: 13px;
    }
}

/*=====================
      강의 상세
=====================*/
/*공통*/
.class_detail_page .title {
    margin-bottom: 25px;
    position: relative;
}
.class_detail_page .title h3 {
    color: #111;
    text-align: left;
    font-size: 24px;
    font-weight: 500;
}

.class_detail_page #wrapper,
.class_detail_page #wrapper_02{
    padding-top:0;
    padding-bottom:0;
    min-height: 700px;
}
.class_detail_page .stickyinfoBar #wrapper,
.class_detail_page .stickyinfoBar #wrapper_02{
    min-height: auto;
}
.class_detail_page .detail_view_nav nav{
}
.class_detail_page .detail_view_nav nav ul{
    display: inline-block;
    width: 1200px;
    margin: 0 auto;
}

/*강의 상단영역*/
.class_detail_page{
    padding-top:50px;
    padding-bottom:50px;
}
.class_detail_page .detail_page_top{}
.class_detail_page .detail_page_thumb{
    position: relative;
    width: calc(100% - 420px);
    float: left;
}
.class_detail_page .detail_page_thumb .thumbnail-wrapper{
    border: 1px solid #ddd;
}
/*TODO : .class_detail_page .tagArea.color컬러 값 개발 완료 후 수정 필요*/
.pic_board_content a .tagArea ,
.class_detail_page .tagArea {
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 10px;
    text-align: left;
}
.pic_board_content a .tagArea  span,
.class_detail_page .tagArea span {
    display: inline-block;
    font-size: 14px;
    padding: 7px 10px 8px;
    height: auto;
    vertical-align: middle;
    color: #fff;
    font-weight: 400;
}

/* 마감임박 */
.class_detail_page .tagArea.color4 span {background-color: #ff1151;}
/* 모집마감 */
.class_detail_page .tagArea.color5 span {background-color: #875aff;}
/* 모집예정 */
.class_detail_page .tagArea.color1 span {background-color: #1ab581;}

/* 과정종료 */
.class_detail_page .tagArea.color6 span {background-color: #666;}

/* 마감임박 */
.pic_board_content a .content_top .tagArea.color4 span {background-color: #ff1151;}
/* 모집마감 */
.pic_board_content a .content_top .tagArea.color5 span {background-color: #875aff;}
/* 모집예정 */
.pic_board_content a .content_top .tagArea.color1 span {background-color: #1ab581;}

/* 과정종료 */
.pic_board_content a .content_top .tagArea.color6 span {background-color: #666;}

@media all and (max-width: 599px){
    .pic_board_content a .content_top .tagArea  span,
    .class_detail_page .tagArea span {
        font-size: 11px;
        padding: 7px 8px 8px;
    }

    .pic_board_content a .tagArea ,
    .class_detail_page .tagArea {
        left: 5px;
        top: 5px;
    }
}

/* 강의 설명 */
.class_detail_page .summary_content_box{

}

.tb_detail_page .summary_content,
.class_detail_page .summary_content{
    width:380px;
    float: right;
    padding:30px 20px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.class_detail_page .summary_content{
    position: absolute;
    left: 50%;
    margin-left: 220px;
}
.tb_detail_page .summary_content.fixed,
.class_detail_page .summary_content.fixed{
    position: fixed;
    left: 50%;
    margin-left: 220px;
    top:80px;
}
.tb_detail_page .summary_content.on{
    position:absolute;
    bottom:0px;
    left: 50%;
    margin-left: 220px;
}
.class_detail_page .summary_content.on{
    position:absolute;
    bottom:50px;
    left: 50%;
    margin-left: 220px;
}

/*교육과정 차수*/
.class_detail_page .order_select_box{
    margin-top: 25px;
}
.class_detail_page .order_select_box > button{
    border: 1px solid #EFEFEF;
    width: 100%;
}
.class_detail_page .order_select_box > button[disabled]:hover,
.class_detail_page .order_select_box > button[disabled].active,
.class_detail_page .order_select_box > button[disabled]{
    opacity: 0.3;
    border: 1px solid #EFEFEF;
    width: 100%;
}
.class_detail_page .order_select_box > button:hover,
.class_detail_page .order_select_box > button.active{
    border: 1px solid var(--keycolor);
    opacity: 1;
}
.class_detail_page .order_select_box > button.active:before{
    display: none;
}
.class_detail_page .order_select_box .select_item{
    position: relative;
    text-align: left;
    padding: 0;
    line-height: 1;
    background: #fff;
    margin-bottom: 10px;
}
.class_detail_page .order_select_box .select_item:last-child{margin-bottom:0}
.class_detail_page .order_select_box .select_item .count_num{
    color: #2A13E2;
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    background: #E8EBFC;
    padding: 5px;
    display: inline-block;
}
.class_detail_page .order_select_box .select_item .order_period{
    padding:10px 25px 20px;
}
.class_detail_page .order_select_box .select_item .order_period > div{margin-bottom: 10px;}
.class_detail_page .order_select_box .select_item .order_period > div:last-child{margin-bottom: 0;}
.class_detail_page .order_select_box .select_item .order_period > div span:first-child{
    color: #000;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
}
.class_detail_page .order_select_box .select_item .order_period > div span:last-child{
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.28px;
    width: 100%;
    display: inline-block;
}
.class_detail_page .order_select_box .select_item .order_period > div span.appl_cnt:first-child{
    letter-spacing: 26px;
}

.tb_detail_page .lec_subject_box,
.class_detail_page .lec_subject_box{
    padding-bottom: 25px;
    border-bottom:1px solid #ddd;
}
.tb_detail_page .lec_subject_box .cate,
.class_detail_page .lec_subject_box .cate {
    font-size:14px;
    margin-bottom:6px;
}
.tb_detail_page .lec_subject_box .title,
.class_detail_page .lec_subject_box .title{
    font-size: 20px;
    line-height:27px;
    font-weight:500;
    margin-bottom: 0;
}
.class_detail_page .lec_subject_box .simpleExp{
    font-size: 14px;
    line-height: 22px;
    color:#555;
    margin-top: 10px;
}
.class_detail_page .lec_subject_box .lecTag {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: -0.3px;
    text-align: left;
    margin-top: 5px;

}
.tb_detail_page .lec_priceBox,
.class_detail_page .lec_priceBox{
    margin-top:30px;
    margin-bottom: 0px;
}
.class_detail_page .lec_priceBox ul{}
.tb_detail_page .lec_priceBox li,
.class_detail_page .lec_priceBox li{
    width:100%;
    display: inline-block;
    padding-bottom:14px;
    line-height: 1;
}
.tb_detail_page .lec_priceBox li:last-child,
.class_detail_page .lec_priceBox li:last-child{
    padding-bottom: 0px;
}
.tb_detail_page .lec_priceBox li > .right_cont > div:first-child,
.class_detail_page .lec_priceBox li > .right_cont > div:first-child{
    font-size:13px;
    display: inline-block;
    vertical-align: middle;
}
.tb_detail_page .lec_priceBox li > .right_cont > div:last-child,
.class_detail_page .lec_priceBox li > .right_cont > div:last-child{
    display: inline-block;
    text-align: right;
    padding-left:10px;
}
.class_detail_page .lec_priceBox li > .right_cont > div:last-child span.notoFont{
    vertical-align: bottom;
}
.tb_detail_page .lec_priceBox li > .left_cont,
.class_detail_page .lec_priceBox li > .left_cont{
    display: inline-block;
    font-size: 14px;
    color: #333;
    width: 60px;
    text-align:left;
    font-weight: 400;
    vertical-align: middle;
    line-height: 19px;
}
.tb_detail_page .lec_priceBox li > .right_cont,
.class_detail_page .lec_priceBox li > .right_cont{
    display: inline-block;
    width: calc(100% - 65px);
    text-align: right;
    vertical-align: middle;
    line-height: 19px;
}
.tb_detail_page .lec_priceBox li div.cost-sale em,
.class_detail_page .lec_priceBox li div.cost-sale em{
    display: inline-block;
    color: #BCB9B9;
    font-size: 15px;
    position: relative;
    font-weight: 200;
    font-weight: 500;
}
.tb_detail_page .lec_priceBox li div.cost-sale em span,
.class_detail_page .lec_priceBox li div.cost-sale em span{
    display: inline-block;
    color: #BCB9B9;
    font-size: 14px;
    font-weight: 400;
    vertical-align: baseline;
}
.tb_detail_page .lec_priceBox li div.cost-sale em:before,
.class_detail_page .lec_priceBox li div.cost-sale em:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
}
.tb_detail_page .lec_priceBox li div.cost-sale .rate,
.class_detail_page .lec_priceBox li div.cost-sale .rate{
    display: inline-block;
    font-size: 16px;
    margin-right:5px;
}
.tb_detail_page .lec_priceBox li div.lec_price,
.class_detail_page .lec_priceBox li div.lec_price,
.tb_detail_page .lec_priceBox li > .right_cont > div:first-child.lec_price,
.class_detail_page .lec_priceBox li > .right_cont > div:first-child.lec_price{
    vertical-align: bottom;
    font-size: 24px;
    line-height: 27px;
}
.tb_detail_page .lec_priceBox li div.lec_price > .notoFont,
.class_detail_page .lec_priceBox li div.lec_price > .notoFont{
    vertical-align: bottom;
    font-size: 14px;
    font-weight: 500;
}

.tb_detail_page .lec_priceBox li div.lec_price .rate,
.class_detail_page .lec_priceBox li div.lec_price .rate{
    vertical-align: bottom;
    font-size: 24px;
    line-height: 23px;
    display: inline-block;
}
.tb_detail_page .lec_priceBox li div.lec_price .rate > span,
.class_detail_page .lec_priceBox li div.lec_price .rate > span{
    vertical-align: middle;
    font-size: 14px;
}

.tb_detail_page .lec_priceBox li div.lec_price_info ,
.class_detail_page .lec_priceBox li div.lec_price_info {
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
}

.tb_detail_page .lec_priceBox li div.lecPriceBox2,
.class_detail_page .lec_priceBox li div.lecPriceBox2{}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box{}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > .rate,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > .rate{
    font-size: 24px;
    line-height: 23px;
    display: inline-block;
    vertical-align: bottom;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > .rate > span,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > .rate > span{
    vertical-align: middle;
    font-size: 14px;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > em.numberSB,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > em.numberSB{
    font-size: 24px;
    line-height: 27px;
    vertical-align: bottom;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > em.numberSB .notoFont,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .cost_sale_box > em.numberSB .notoFont{
    vertical-align: bottom;
    font-size: 14px;
    font-weight: 500;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box{
    margin-top: 5px;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > em,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > em{
    display: inline-block;
    color: #999;
    position: relative;
    font-size: 15px;
    font-weight: 200;
    line-height: 19px;
    letter-spacing: -0.3333333432674408px;
    text-align: left;
    margin-right: 5px;
    font-weight: 400;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > em:before,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > em:before{
    content: '';
    width: 100%;
    height: 1px;
    background: #999;
    position: absolute;
    top: 50%;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > div,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > div,
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > div > span,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > div > span{
    color: #999;
    font-size: 15px;
}
.tb_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > div > span,
.class_detail_page .lec_priceBox li div.lecPriceBox2 .lec_price_box > div > span{
    vertical-align: baseline;
}

.tb_detail_page .summary_content .btn_wrap,
.class_detail_page .summary_content .btn_wrap{
    padding-top: 30px;
}
.tb_detail_page button.snsLinkBtn,
.class_detail_page button.snsLinkBtn{
    border:1px solid #ddd;
    background:#fff;
    height:40px;
    width:40px;
    padding:9px 0;
    text-align:center;
    vertical-align: top;
    position:static;
}
.tb_detail_page button.snsLinkBtn img,
.class_detail_page button.snsLinkBtn img{
    width:18px;
}
.tb_detail_page .summary_content .cart,
.class_detail_page .btn_wrap .cart{
    background: #fff url(../../data/customImages/icon_cart.svg) 50% 50% no-repeat;
    transition: 0.2s;
    border: 1px solid #ddd;
    background-size: 21px;
    text-indent: -9999px;
    font-size:0;
    height:40px;
    width:40px;
    display:inline-block;
    vertical-align: top;
}
.tb_detail_page .summary_content .request,
.class_detail_page .btn_wrap .request {
    width:calc(100% - 88px);
    float:right;
    text-align: center;
    height: 40px;
    padding: 11px 0;
    line-height: 1;
}
.tb_detail_page .summary_content .request.noCartBtn,
.class_detail_page .btn_wrap .request.noCartBtn {
    width:calc(100% - 50px);
}

.tb_detail_page .summary_content .recruit_closed,
.class_detail_page .btn_wrap .recruit_closed,
.class_detail_page .btn_wrap .end_course {
    height: 40px;
    padding: 11px 0;
    text-align: center;
    width: calc(100% - 51px);
    display: inline-block;
    margin-left: 6px;
}
/*강의와 함께하면 좋은 교재*/
.buyTogetherBook{
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.buyTogetherBook.on{
    display: block;
}
.buyTogetherBook.on .buyBoxWrap{
    display: block;
    position: fixed;
    background:#fff;
    padding:40px 30px;
    width:500px;
    left:50%;
    margin-left:-250px;
    top:50%;
    z-index: 103;
}
.buyTogetherBook .buyBoxWrap{}
.buyTogetherBook .close_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.buyTogetherBook .close_btn img{
    width:18px;
    opacity: 70%;
}
.buyTogetherBook .lec_title_box{
    background-color: #f5f5f5;
    padding: 16px 15px;
}
.buyTogetherBook .lec_title_box div.lec_title{
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 92px);
    display: inline-block;
    vertical-align: middle;
    line-height: 22px;
}
.buyTogetherBook .lec_title_box div.lec_price{
    font-size: 15px;
    display: inline-block;
    width: 85px;
    vertical-align: middle;
    text-align: right;
}
.buyTogetherBook .lec_title_box div.lecture_option{
    font-size: 14px;
    color: #555;
    margin-top: 5px;
}
.buyTogetherBook .title{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.buyTogetherBook .explain{
    font-size: 13px;
    color: #777;
    margin-bottom: 20px;
}
.buyTogetherBook .bookList{
    padding:20px 15px;
    border-bottom: 1px solid #ddd;
}
.buyTogetherBook .bookList li{
    margin-bottom:20px;
}
.buyTogetherBook .bookList li:last-child{
    margin-bottom:0px;
}
.buyTogetherBook .bookList li label{
    width:100%;
    margin-right:0;
    margin-bottom:0;
}
.buyTogetherBook .bookList li span{
    display: inline-block;
    text-indent: 0;
    font-size:14px;
    color:#555;
    vertical-align: bottom;
}
.buyTogetherBook .bookList li span:first-child{
    width: calc(100% - 110px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.buyTogetherBook .bookList li span:last-child{
    width: 80px;
    text-align: right;
}
/*같이 구매하면 좋은 교재 체크박스 스타일*/
.buyTogetherBook label.chkbox:before {
    width: 16px;
    height: 16px;
}
.buyTogetherBook label.chkbox {
    text-indent: 20px;
    height: 16px;
    line-height: 17px;
}
.buyTogetherBook label.chkbox:after {
    width: 9px;
    height: 9px;
    top: 4px;
    left: 4px;
    -webkit-background-size: 9px;
    background-size: 9px;
}

.buyTogetherBook .total-price{
    padding:19px 15px;
}
.buyTogetherBook .total-price div{
    font-size: 15px;
    font-weight: 500;
    display: inline-block;
}
.buyTogetherBook .total-price div:first-child{
    width: 40px;
}
.buyTogetherBook .total-price div:last-child{
    width: calc(100% - 45px);
    text-align: right;
}
.buyTogetherBook .btn_wrap{
    padding-top:20px;
    text-align: center;
}
.buyTogetherBook .btn_wrap button{
    border: 0;
    width: 120px;
    height:38px;
    font-size:14px;
    text-align:center;
    background-color: #fff;
    display: inline-block;
}
.buyTogetherBook .btn_wrap button:first-child{
    margin-right: 3px;
}
.buyTogetherBook .btn_wrap button:last-child{
    margin-left: 3px;
}

@media all and (max-width: 599px) {
    /*강의와 함께하면 좋은 교재팝업*/
    .buyTogetherBook.on .buyBoxWrap{
        width:90%;
        margin-left: -45%;
        padding: 30px 20px;
    }
    .buyTogetherBook .lec_title_box{
        padding:15px 10px;
    }
    .buyTogetherBook .lec_title_box div.lec_title{
        font-size: 14px;
        width: calc(100% - 85px);
        line-height: 22px;
    }
    .buyTogetherBook .lec_title_box div.lec_price{
        font-size: 14px;
        width: 80px;
    }
    .buyTogetherBook .lec_title_box div.lecture_option{
        font-size: 13px;
    }
    .buyTogetherBook .bookList {
        max-height: 180px;
        overflow-y: auto;
        padding: 20px 10px;
    }
    .buyTogetherBook .bookList li{

    }
    .buyTogetherBook .bookList li span{
        font-size:13px;
    }
    .buyTogetherBook .bookList li span:last-child{
        width: 80px;
        text-align: right;
    }
    .buyTogetherBook .total-price{
        padding:15px 10px;
    }
    .buyTogetherBook .total-price div{
        font-size: 14px;
    }
    .buyTogetherBook .btn_wrap{
        display: inline-block;
        width: 100%;
        padding-top: 5px;
    }
    .buyTogetherBook .btn_wrap button{
        border: 0;
        width: 49%;
        height:38px;
        font-size: 13px;
    }
    .buyTogetherBook .btn_wrap button:first-child{
        margin-right: 0px;
        float: left;

    }
    .buyTogetherBook .btn_wrap button:last-child{
        margin-left: 0px;
        float: right;
    }
}



.class_detail_page .sns_share_box_st2{
    position: static;
}
.class_detail_page .sns_share_box_st2 .snsShareBox{
    padding-top:30px;
    position: fixed;
}
.class_detail_page .sns_share_box_st2 .title{
    font-size:18px;
    font-weight:500;
    margin-bottom:18px;
}
.class_detail_page .sns_share_box_st2 .close_btn{
    position: absolute;
    right: 15px;
    top: 15px;
}
.class_detail_page .sns_share_box_st2 .close_btn img{
    width:18px;
    opacity: 70%;
}
.class_detail_page .earlyBirdArea{
    border-radius:3px;
    background:var(--keyrgba05);
    text-align: center;
    line-height: 1;
    padding:7px 10px 9px;
    margin-top:10px;
}
.class_detail_page .earlyBirdBox {
}
.class_detail_page .earlyBirdArea img{
    width:18px;
    vertical-align: middle;
    margin-right:5px;
}
.class_detail_page .earlyBirdArea span{
    font-size:14px;
    display: inline-block;
}
.detail_page_top .summary_content{
    display: none;
}
.text_book .detail_page_top .summary_content{
    display: inline-block;
    top:0;
}
.text_book .detail_page_top .summary_content.on{
    top: auto;
}
.text_book .detail_page_top .summary_content.fixed{
    top: 25px;
}
/* 공통 */
.class_section{
    width:calc(100% - 420px);
}
.class_section.scrollto{
    padding-top:25px;
    padding-bottom:0;
    height:auto;
    min-height:100%;
}
.class_section .btn_moreBox{
    text-align:center;
}
.class_section .btn_moreBox a{
    font-size:16px;
    font-weight:500;
}
.class_section a.btn_more{
    display: inline-block;
    width:auto;
    height:auto;
    line-height:1;
    margin-top:0;
    border:0;
    font-weight:500;
    display: none;
}
.class_section a.btn_more.hidden{
    display: none;
}
.class_section a.btn_more.active,
.class_section .btn_moreBox .more_close{
    display: inline-block;
    margin-top:20px;
}
/*썸네일 미노출 처리했을때*/
.noThumClass.class_detail_page .detail_page_thumb{display: none;}
.noThumClass .class_section.scrollto:first-child{padding-top: 0 !important;}
.noThumClass .class_section.scrollto:first-child .lec_comment,
.noThumClass #class_section01.scrollto:first-child .lec_comment{margin-top: 0 !important;}
.noThumClass .class_section.scrollto:first-child .class_secWrap{padding-top: 0 !important;}
/*.noThumClass.class_detail_page .summary_content{float: left;}*/

.class_detail_page .summary_content .noPayBtn #snsLinkBtn{}
.class_detail_page .summary_content .personInputBox{
    padding: 0 0 25px;
}
.class_detail_page .summary_content .personInputBox strong{}
.class_detail_page .summary_content .personInputBox input{
    width: 88px;
}
.class_detail_page .summary_content .personInputBox span{}

.class_detail_page .summary_content .personInputBox strong{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px ;
    letter-spacing: -0.28px;
}
.class_detail_page .summary_content .personInputBox input{
    width: 88px;
    height: 41px;
    margin:0 5px;
}
.class_detail_page .summary_content .personInputBox span{
    display: inline-block;
    vertical-align: middle;

    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px ;
    letter-spacing: -0.26px;
}


@media all and (max-width: 990px) {
    .class_detail_page .summary_content .btn_wrap.noPayBtn{
        text-align: right;
        width: 100%;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox{
        display: inline-block;
        margin-right: 10px;
        padding: 0;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox strong{
        color: #000;
        font-size: 14px;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox input{
        width: 60px;
        height: 40px;
        margin:0 5px;
        vertical-align: middle;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox span{
        font-size: 13px;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox span{}
    .class_detail_page .summary_content .btn_wrap.noPayBtn #snsLinkBtn{/*margin-right: 5px;*/}
    .class_detail_page .summary_content .btn_wrap.noPayBtn a.noCartBtn{
        width: calc(100% - 202px);
    }

    .tb_detail_page .summary_content .cart, .class_detail_page .btn_wrap .cart{
        margin-right: 9px;
    }
    .tb_detail_page .summary_content .request, .class_detail_page .btn_wrap .request{
        width: calc(100% - 100px);
    }
}
@media all and (max-width: 599px) {
    .class_detail_page .summary_content .btn_wrap.noPayBtn{
        text-align: right;
        width: 100%;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox{
        display: inline-block;
        margin-right: 10px;
        padding: 0;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox strong{
        color: #000;
        font-size: 14px;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox input{
        width: 60px;
        height: 40px;
        margin:0 5px;
        vertical-align: middle;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox span{
        font-size: 13px;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox span{}
    .class_detail_page .summary_content .btn_wrap.noPayBtn a.noCartBtn{
        width: calc(100% - 204px);
    }
}

@media all and (max-width: 360px) {
    .class_detail_page .summary_content .btn_wrap.noPayBtn{
        text-align: right;
        width: 100%;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox{
        display: inline-block;
        margin-right: 10px;
        padding: 0;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox strong{
        color: #000;
        font-size: 13px;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox input{
        width: 50px;
        height: 40px;
        margin:0 5px;
        vertical-align: middle;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox span{
        font-size: 12px;
    }
    .class_detail_page .summary_content .btn_wrap.noPayBtn .personInputBox span{}
    .class_detail_page .summary_content .btn_wrap.noPayBtn a.noCartBtn{
        width: calc(100% - 186px);
    }
}

/*과정소개*/
.class_lec_info{
    display: inline-block;
    width: 100%;
}
.class_lec_info ul{}
.class_lec_info li{
    padding-left:30px;
    background-repeat: no-repeat;
    margin-bottom:17px;
    position: relative;
}
.class_lec_info li:first-child{
    margin-top: 25px;
}
.class_lec_info li:last-child{
    margin-bottom:0;
    margin-bottom: 25px;
}
.class_lec_info li:last-child:before{
    content:'';
    width: 100%;
    height: 1px;
    background: #ddd;
    position: absolute;
    left:0;
    bottom: -25px
}
.class_lec_info li.lec_info_box01{
    background-image:url('../images/application/icon_lecInfo01.svg');
    background-size:20px 21px;
    background-position: 0 0px;
}
.class_lec_info li.lec_info_box02{
    background-image:url('../images/application/icon_lecInfo02.svg');
    background-size:20px 21px;
}
.class_lec_info li.lec_info_box03{
    background-image:url('../images/application/icon_lecInfo03.svg');
    background-size:20px 21px;
}
.class_lec_info li.lec_info_box04{
    background-image:url('../images/application/icon_lecInfo04.svg');
    background-size:22px 23px;
    background-position: left center;
}
.class_lec_info li.lec_info_box05{
    background-image:url('../images/application/icon_lecInfo05.svg');
    background-size:17px 14px;
    background-position: 0 4px;
}
.class_lec_info li.lec_info_box06{
    background-image:url('../images/application/icon_lecInfo06.svg');
    background-size:23px 17px;
    background-position: 0 4px;
}
.class_lec_info li.lec_addInfo_box{
    padding-left:0
}
.class_lec_info li.lec_addInfo_box span:first-child {
    width: 110px;
}
.class_lec_info li.lec_addInfo_box span:last-child {
    width: calc(100% - 116px);
}
.class_lec_info li span{
    font-size:14px;
}
.class_lec_info li span:first-child{
    width:80px;
    display: inline-block;
    font-size:14px;
    color:#333;
    line-height:23px;
    vertical-align: text-top;
}
.class_lec_info li span:last-child{
    width:calc(100% - 86px);
    display: inline-block;
    font-size:14px;
    color:#555;
    line-height:23px;
    vertical-align: text-top;
}
.class_lec_info li span:last-child a.btn{
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
    width: 46px;
    padding: 3px 0;
    line-height: 1;
    text-align: center;
}
.class_lec_info li span:last-child a.btn img{
    width:10px;
    margin-right:2px;
}

.class_detail_page .lec_option_box{}
.class_detail_page .lec_option_box > ul{}
.class_detail_page .lec_option_box > ul > li{
    width: 100%;
    display: inline-block;
    line-height: 1;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
}
.class_detail_page .lec_option_box > ul > li > .left_cont{
    display: inline-block;
    font-size: 14px;
    color: #333;
    width: 60px;
    text-align:left;
    font-weight: 400;
    vertical-align: middle;
    line-height: 19px;
}
.class_detail_page .lec_option_box > ul > li > .right_cont{
    display: inline-block;
    width: calc(100% - 65px);
    text-align: right;
    vertical-align: middle;
    line-height: 19px;
}
.class_detail_page .lec_option_box > ul > li > .right_cont .numberSB > span{
    vertical-align: baseline;
}
.class_detail_page .lec_option_box > .option_select_box{
    padding: 15px 0 0;
}
.class_detail_page .lec_option_box > .option_select_box .op_select{
    margin-bottom:10px;
}
.class_detail_page .lec_option_box > .option_select_box .op_select:last-child{
    margin-bottom:0;
}
.class_detail_page .lec_option_box > .option_select_box .op_select .top_tit{
    margin-bottom: 10px;
}
.class_detail_page .lec_option_box > .option_select_box .op_select .top_tit span{
    font-size: 14px;
    color: #333;
    vertical-align: middle;
    line-height: 19px;
}
.class_detail_page .lec_option_box > .option_select_box .op_select .top_tit span:first-child{
    width: calc(100% - 105px);
    display: inline-block;
}
.class_detail_page .lec_option_box > .option_select_box .op_select .top_tit span:last-child{
    width: 100px;
    text-align: right;
    display: inline-block;
}
.class_detail_page .lec_option_box > .option_select_box .op_select > select{
    width: 100%;
}


#class_section01 .class_secWrap {
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
#class_section01 .lec_comment{
    font-size: 16px;
    line-height:26px;
    color:#555;
    margin-top:33px;
}
#class_section01 .lec_tags{
    margin-top:33px;
    padding-bottom:60px;
    border-bottom: 1px solid #ddd;
}
#class_section01 .lec_tags .sm-title{
    margin-bottom:12px;
}
#class_section01 .lec_tags .sm-title h3{
    font-size:14px;
    color:#111;
    font-weight:400;
}
#class_section01 .lec_tags .tagsBox{}
#class_section01 .lec_tags span{
    font-size:12px;
    color:#555;
    background:var(--keyrgba10);
    border-radius:50px;
    display: inline-block;
    margin-right:5px;
    margin-bottom: 5px;
    padding:6px 13px;
}
#class_section01 .class_lecture_exp{
    padding-top:55px;
    padding-bottom:60px;
    border-bottom:1px solid #ddd;
}
.class_textBook{
    padding-top:0px;
    padding-bottom:0px;
}
.class_textBook .class_secWrap {
    padding-top: 30px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
.class_textBook ul{}
.class_textBook .mobile_view{
    display: none;
}
.class_textBook li{
    width:calc(20% - 16px);
    margin-right:20px;
    float:left;
}
.class_textBook li:nth-child(5n){
    margin-right:0;
}
.class_textBook li:last-child{
    margin-right:0;
}
.class_textBook li img{
    /*width:75%;*/
    max-height: 85%;
}
.class_textBook li .tb_title{
    text-align:center;
    font-size:15px;
    line-height:19px;
    height:38px;
    color:#555;
}

/* 강의구성 */
#class_section02{
    padding-top:0px;
    padding-bottom:0px;
}
#class_section02 .class_secWrap{
    border-bottom: 1px solid #ddd;
    padding-top:40px;
    padding-bottom:40px;
}
#class_section02 .course_comp{}
#class_section02 #lecture_list{
    position: relative;
}
#class_section02 #lecture_list > li{
    margin-bottom:10px;
}
#class_section02 #lecture_list > li:last-child{
    margin-bottom:0px;
}
#class_section02 .gradientBg{}
#class_section02 .gradientBg:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%);

}
#class_section02 .course_list{
    padding:17px 20px;
    border:1px solid #ddd;
}
#class_section02 .course_list.on{
    color: var(--keycolor);
}
#class_section02 .course_list span{}
#class_section02 .course_list .num {
    font-size: 14px;
    color: #fff;
    background: var(--keycolor);
    border-radius: 50px;
    width: 50px;
    height:30px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
}
#class_section02 .course_list div{
    width:calc(100% - 79px);
    display: inline-block;
    padding:0 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size:15px;
    line-height: 22px;
    color:#555;
    vertical-align: middle;
}
#class_section02 .package_course .course_list{
    cursor: pointer;
}
#class_section02 .package_course .course_list.on div{
    color:var(--keycolor);
}
#class_section02 .course_list .arrow {
    width:20px;
    display: inline-block;
    vertical-align: middle;
    height:11px;
}
#class_section02 .course_list .arrow img{
    width:20px;
    transform: rotate(0deg);
}
#class_section02 .course_list.on .arrow img{
    transform: rotate(180deg);
}
#class_section02 .course_drop{
    padding:20px;
    border: 1px solid #ddd;
    border-top:0;
}
#class_section02 .course_drop > div{
    background: var(--keyrgba05);
    padding:11px 20px;
    margin-bottom:10px;
    border-radius:3px;
}
#class_section02 .course_drop > div:last-child{
    margin-bottom:0;
}
#class_section02 .course_drop > div .lecListTitle{
    vertical-align: middle;
    padding-left:35px;
    padding-right:10px;
    padding-top:1px;
    padding-bottom:1px;
    font-size:15px;
    color:#555;
    width: calc(100% - 65px);
    display: inline-block;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;;
}
#class_section02 .course_drop > div .lecList_time{
    vertical-align: middle;
    font-size:15px;
    color: #777;
    width: 60px;
    display: inline-block;
    text-align: right;
    float: right;
    margin: 8px 0;
}
#class_section02 .course_drop .lecListTitle span{
    display: inline-block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    left:0;
}
#class_section02 .course_drop .course_movie {/*동영상 강의 일때*/

}
#class_section02 .course_drop .course_movie .lecListTitle{
    /*background: url('../../data/customImages/icon_lec01.png')no-repeat left center;
    background-size:26px;*/
    width: calc(100% - 135px);
    display: inline-block;
}
#class_section02 .course_drop .course_movie .lecListTitle span{
    background-image: url('../../data/customImages/playIcon01_on.svg');
    background-size: 8px;
}
#class_section02 .course_drop .course_movie a.preview{
    vertical-align: middle;
    border: 1px solid var(--keycolor);
    background: #fff;
    font-size:12px;
    color:var(--keycolor);
    padding: 6px 4px;
    height: 24px;
    display: inline-block;
    line-height: 9px;
}
#class_section02 .course_drop .course_movie a.preview img{
    width:7px;
    margin-right:5px;
}
#class_section02 .course_drop .course_movie .lecList_time{}

/*강의구성 - 슬라이드*/

#class_section02 .course_drop .course_slide {/*동영상 강의 일때*/

}
#class_section02 .course_drop .course_slide .lecListTitle{
    /*background: url('../../data/customImages/icon_lec01.png')no-repeat left center;
    background-size:26px;*/
    width: calc(100% - 135px);
    display: inline-block;
}
#class_section02 .course_drop .course_slide .lecListTitle span{
    background-image: url('../../data/customImages/playIcon05_on.svg');
    background-size: 18px;
}
#class_section02 .course_drop .course_slide a.preview{
    vertical-align: middle;
    border: 1px solid var(--keycolor);
    background: #fff;
    font-size:12px;
    color:var(--keycolor);
    padding: 6px 4px;
    height: 24px;
    display: inline-block;
    line-height: 9px;
}
#class_section02 .course_drop .course_slide a.preview img{
    width:7px;
    margin-right:5px;
}
#class_section02 .course_drop .course_slide .lecList_time{}


/*강의구성 - 단과*/
#class_section02 .short_course li{}
#class_section02 .short_course li .num{}
#class_section02 .short_course li .title{
    width: calc(100% - 126px);
    margin-bottom:0;
}
#class_section02 .short_course li .preview{
    vertical-align: middle;
    border: 1px solid var(--keycolor);
    background: #fff;
    font-size: 12px;
    color: var(--keycolor);
    padding: 6px 4px;
    height: 24px;
    display: inline-block;
    line-height: 9px;
}
#class_section02 .short_course li .preview img {
    width: 7px;
    margin-right: 5px;
}
/*강사소개*/
#class_section03{
    padding-top:0px;
    padding-bottom:0px;
}
#class_section03 .class_secWrap{
    padding-top:40px;
    padding-bottom:40px;
    border-bottom:1px solid #ddd;
}
#class_section03 .professor_box{
    padding-top:40px;
    padding-bottom:40px;
    border-bottom:1px solid #ddd;
}
#class_section03 .professor_box:first-child{
    padding-top:0px;
}
#class_section03 .professor_box:last-child{
    padding-bottom:0px;
    border-bottom:0;
}
#class_section03 .sm-title {
    font-size:18px;
    color:#111;
    text-align: left;
    margin-bottom:10px;
}
#class_section03 .prof_info{
    background: var(--keyrgba05);
    padding:30px;
}
#class_section03 .prof_info .prof_thumb{}
#class_section03 .prof_info .prof_thumb{
    width:80px;
    display:inline-block;
    margin-right:30px;
    vertical-align: text-top;
}
#class_section03 .prof_info .prof_thumb .thumbnail-wrappper { width: 100%; }
#class_section03 .prof_info .prof_thumb .thumbnail{ position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden; border-radius: 100%;}
#class_section03 .prof_info .prof_thumb img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
#class_section03 .prof_info .prof_thumb img{}
#class_section03 .prof_info .prof_infoBox{
    display: inline-block;
    width: calc(100% - 115px);
    vertical-align: text-top;
}
#class_section03 .prof_info .prof_infoBox h5{
    font-size:18px;
    color: #111;
    margin-bottom:10px;
}
#class_section03 .prof_info .prof_infoBox div{
    font-size:14px;
    color:#555;
    line-height:24px;
}
#class_section03 .prof_info .prof_infoBox p{
    font-size:14px;
    color:#555;
    line-height:24px;
    position: relative;
    padding-left:10px;
}
#class_section03 .prof_info .prof_infoBox p:before{
    content:'';
    width:3px;
    height:3px;
    background-color: var(--keycolor);
    position: absolute;
    left:0;
    top:10px;
    border-radius: 50px;
}
#class_section03 .prof_career{
    text-align: center;
    padding-top:30px;
}
#class_section03 .prof_career .prof_careerBox{
    width: 100%;
    font-size: 16px;
    line-height: 34px;
    color:#555;
    text-align: left;
}
/*#class_section03 .prof_career .prof_careerBox p{
    font-size: 16px;
    color:#555;
    position: relative;
    padding-left:10px;
}
#class_section03 .prof_career .prof_careerBox p:before{
    content:'';
    width:3px;
    height:3px;
    background-color: var(--keycolor);
    position: absolute;
    left:0;
    top:17px;
    border-radius: 50px;
}*/
#class_section03 .prof_career .prof_careerBox.hiddenCont{
    width: 100%;
    overflow: hidden;
    height:185px;
}
#class_section03 .prof_career .prof_careerBox.hiddenCont:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%);
}
#class_section03 .prof_career .prof_careerBox{
    position: relative;
}
@media all and (max-width: 1023px){
    #class_section03 .sm-title{
        font-size: 17px;
    }
}
@media all and (max-width: 599px){
    #class_section03 .sm-title{
        font-size: 16px;
    }
}
/* 수강후기 */
#class_section04 {
    padding-top:0px;
    padding-bottom: 0;
}
#class_section04 .class_secWrap{
    padding-top:40px;
    padding-bottom:40px;
    border-bottom:1px solid #ddd;
}
#class_section04 .lecture_rv_wrap{}
#class_section04 .lecture_rv_wrap .rv_top{
    border:4px solid var(--keyrgba20);
    padding:21px 20px;
}
#class_section04 .lecture_rv_wrap .rv_top .total_rv{
    font-size:15px;
    color:#555;
    width: calc(100% - 186px);
    display: inline-block;
    vertical-align: middle;
}
#class_section04 .lecture_rv_wrap .rv_top .total_rv span{
    font-size:15px;
    vertical-align: baseline;
}
#class_section04 .lecture_rv_wrap .rv_top .ratingStarBox{
    width:180px;
    display: inline-block;
    vertical-align: middle;
}
#class_section04 .lecture_rv_wrap .rv_top .ratingStarBox .rating_num{
    font-family: 'scDream';
    font-weight: bold;
    font-size:20px;
    display: inline-block;
    margin-right:20px;
}
#class_section04 .lecture_rv_wrap .rv_top .ratingStarBox .ratingBox{
    display: inline-block;
    margin-bottom:0;
}
#class_section04 .lecture_rv_wrap .rv_top .ratingBox .rating-star{
    width:119px;
    background-size:119px;
    height:19px;
    margin-bottom:0;
}
#class_section04 .lecture_rv_wrap .rv_top .ratingBox .rating-star,
#class_section04 .lecture_rv_wrap .rv_top .ratingBox .rating-star span{
    background-image:url('../../data/customImages/rating_star_v1.svg');
    background-size:119px;
    height:19px;
}
#class_section04 .gradientBg:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(255,255,255);
    background: linear-gradient(
            0deg
            , rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%);
}
#class_section04 .lecture_rv_wrap > ul{
    position: relative;
}
#class_section04 .lecture_rv_wrap > ul > li{
    padding:30px 0;
    border-bottom:1px solid #ddd;
}
#class_section04 .lecture_rv_wrap > ul > li:last-child{
    border-bottom:0;
}
#class_section04 .lecture_rv_wrap .reviewBox{
}
#class_section04 .lecture_rv_wrap .reviewBox .rv_info{}
#class_section04 .lecture_rv_wrap .ratingBox{
    margin-bottom: 0;
}
#class_section04 .lecture_rv_wrap .ratingBox .rating-star{
    width:95px;
    background-size:95px;
    height:15px;
    margin-bottom:5px;
}
#class_section04 .lecture_rv_wrap .ratingBox .rating-star,
#class_section04 .lecture_rv_wrap .ratingBox .rating-star span{
    background-image:url('../../data/customImages/rating_star_v1.svg');
    background-size:95px;
    height:15px;
}
#class_section04 .lecture_rv_wrap .rv_info{margin-bottom:15px;}
#class_section04 .lecture_rv_wrap .rv_info ul{
    width:100%;
    display: inline-block;
}
#class_section04 .lecture_rv_wrap .rv_info ul li{
    font-size:13px;
    position: relative;
    padding-right:12px;
    float: left;
}
#class_section04 .lecture_rv_wrap .rv_info ul li:after{
    content: '';
    width:1px;
    height:12px;
    background:#777;
    position: absolute;
    right:0;
    top:50%;
    margin-top:-6px;
}
#class_section04 .lecture_rv_wrap .rv_info ul li:last-child{
    padding-left:10px;
}
#class_section04 .lecture_rv_wrap .rv_info ul li:last-child:after{
    display: none;
}
#class_section04 .lecture_rv_wrap .rv_info ul li.name {
    color:#555;
}
#class_section04 .lecture_rv_wrap .rv_info ul li.name .by{}
#class_section04 .lecture_rv_wrap .rv_info ul li.date{
    color:#777;
}
#class_section04 .lecture_rv_wrap .rv_contents{}
#class_section04 .lecture_rv_wrap .rv_contents .rv_title{
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}
#class_section04 .lecture_rv_wrap .rv_contents .contents{}
#class_section04 .lecture_rv_wrap .rv_contents .content{
    font-size:14px;
    color:#777;
    line-height: 22px;
}
#class_section04 .lecture_rv_wrap .rv_contents .content .more{
    cursor: pointer;
    font-size: 13px !important;
    font-family:'Noto Sans KR', "나눔고딕", NanumGothic, "Nanum Gothic", "돋움", Dotum, Arial, sans-serif;
}
#class_section04 .lecture_rv_wrap .commentArea{
    padding:30px;
    margin-top:20px;
    background:var(--keyrgba05);
}

/* 환불정책 */
#class_section05{
    text-align:center;
    padding-top:40px;
    padding-bottom:40px;
}
#class_section05 .editor_cont{
    font: inherit;
    position: relative;
    text-align: left;
    line-height: 1;
}
#class_section05 .editor_cont{
    font: inherit;
    position: relative;
    text-align: left;
    line-height: 1;
}
#class_section05 .editor_cont table {
    width: 100%;
    border-collapse: collapse
}

#class_section05 .editor_cont table td, #class_section05 .editor_cont table th {
    border: 1px solid #ececec;
    padding:5px 10px;
}
#class_section05 .hiddenCont {
    width: 100%;
    overflow: hidden;
    height: 200px;
}
#class_section05 .hiddenCont:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(255,255,255);
    background: linear-gradient(
            0deg
            , rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%);
}
/* 관련강의 */
#class_section08 {
    padding-top: 0px;
    padding-bottom: 0px;
}
#class_section08 .relatedLec-swiper{
    overflow:hidden;
}
#class_section08 .class_secWrap {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
.class_section:last-child{}
.class_section:last-child .class_secWrap{
    border-bottom: 0 !important;
}
#class_section08 ul.pic_board_content > li {
    padding-bottom: 0;
}
#class_section08 .lectureList a .content_bottom .icon{
    height: auto;
}
.relatedLec-swiper > .swiper-pagination{
    position: static;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    list-style: none;
    text-align: center;
}
.relatedLec-swiper .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: var(--keyrgba40);
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    transition: all 1s ease;
    opacity: 0.4;
    margin:0 3px;
}
.relatedLec-swiper .swiper-pagination-bullet-active{
    background: var(--keycolor);
    opacity: 1;
}


@media screen and (max-width: 599px){
    .relatedLec-swiper > .swiper-pagination {

    }
}

/*.relatedLectures{
    width: 100%;
    max-width: 1200px;
    margin:0 auto;
    padding:0 0px;
}
.relatedLectures .max_width{
    padding:60px 0 0;
}*/
@media all and (max-width:1240px){
    /*강의설명*/
    .tb_detail_page .summary_content,
    .class_detail_page .summary_content{
        padding:30px 20px;
        border: 1px solid #ddd;
        background-color: #fff;
    }
    .tb_detail_page .summary_content.fixed,
    .class_detail_page .summary_content.fixed{
        left: auto;
        margin-left: 0;
        right:20px;
    }
    .class_detail_page .summary_content{
        left: auto;
        margin-left: 0px;
        right: 20px;
    }
    .tb_detail_page .summary_content.on{
        left: auto;
        margin-left: 0;
        right:0px;
    }
    .class_detail_page .summary_content.on{
        left: auto;
        margin-left: 0;
        right:20px;
    }
}
@media all and (max-width:1200px){
    .class_detail_page #wrapper_02{
        padding-left:0;
        padding-right:0;
    }
}
@media all and (max-width:1023px){
    .class_detail_page .detail_page_thumb{
        width: calc(100% - 340px);
    }
    .tb_detail_page .summary_content,
    .class_detail_page .summary_content {
        width: 320px;
        padding: 20px 15px;
    }

    .tb_detail_page .lec_subject_box .title,
    .class_detail_page .lec_subject_box .title {
        font-size: 20px;
        line-height: 24px;
    }
    .tb_detail_page .lec_priceBox,
    .class_detail_page .lec_priceBox {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .class_section {
        width: calc(100% - 340px);
        padding-top: 25px;
    }
    .class_section.scrollto.class_textBook{
        padding-top:0;
        padding-bottom: 0;
    }
    .class_textBook li{
        margin-right:15px;
    }
    .class_textBook li .tb_title{
        font-size:14px;
    }
    .class_detail_page .title h3{
        font-size: 20px;
    }
}
@media all and (max-width:990px){
    .class_detail_page{
        padding-top:0;
    }
    .class_detail_page #wrapper,
    .class_detail_page #wrapper_02{
        min-height: auto;
    }
    .class_detail_page #wrapper{
        padding:0 0;
    }
    .class_detail_page #wrapper_02{
        padding-left:0;
        padding-right:0;
    }
    .tb_detail_page .detail_page_top{
        margin-bottom: 0;
    }
    .class_detail_page .detail_page_thumb{
        width: 100%;
    }
    .class_detail_page .summary_content > .lec_subject_box,
    .class_detail_page .summary_content > .class_lec_info,
    .class_detail_page .summary_content > .lec_priceBox{
        display: none;
    }
    .detail_page_top .summary_content{
        display: inline-block;
        position: relative;
        left: auto;
        margin-left: 0;
        right: auto;
        top: auto !important;
    }
    .class_detail_page .detail_page_top .summary_content > .lec_subject_box,
    .class_detail_page .detail_page_top .summary_content > .class_lec_info,
    .class_detail_page .detail_page_top .summary_content > .lec_priceBox{
        display: inline-block;
        width: 100%;
    }

    .class_detail_page .order_select_box{
        max-height: none ;
        overflow-y: auto;
    }
    .class_detail_page .order_select_box .select_item .order_period > div span.appl_cnt:first-child{
        letter-spacing: 24px;
    }

    .class_detail_page .detail_page_top .summary_content > .class_lec_info{
        border-bottom:1px solid #ddd;
    }
    .class_lec_info li:last-child:before{
        display: none;
    }
    .class_lec_info li:first-child{
        padding-top: 20px;
        margin-top: 5px;
    }
    .class_lec_info li:last-child{
        padding-bottom: 20px;
        margin-bottom: 5px;
        /*border-bottom: 1px solid #ddd;*/
    }
    .class_lec_info li.lec_info_box01{
        background-position: 0% 20px;
    }
    /*TODO : .class_detail_page .tagArea.color컬러 값 개발 완료 후 수정 필요*/
    .class_detail_page .tagArea {
        position: absolute;
        z-index: 9;
        left: 10px;
        top: 10px;
        width: auto !important;
    }
    .class_detail_page .tagArea span:before {
        display: none;
    }
    .class_detail_page .lec_subject_box .title{
    }
    .class_section {
        width: 100%;
        padding-top: 0;
    }
    .tb_detail_page .summary_content,
    .class_detail_page .summary_content{
        border:0;
        width: 100%;
        padding:20px 20px;
        top: auto !important;
    }
    .tb_detail_page .detail_page_top .summary_content,
    .class_detail_page .detail_page_top .summary_content{
        display: inline-block !important;
    }
    .class_detail_page #wrapper > .summary_content > .lec_subject_box,
    .class_detail_page #wrapper > .summary_content > .class_lec_info,
    .class_detail_page #wrapper > .summary_content > .lec_option_box,
    .class_detail_page #wrapper > .summary_content > .lec_priceBox{
        display: none !important;
    }
    .tb_detail_page .summary_content.fixed,
    .class_detail_page .summary_content.fixed{
        right:auto;
        position: static;
        padding-bottom: 0;
    }
    .tb_detail_page .summary_content.on,
    .class_detail_page .summary_content.on{
        right:auto;
        position: static;
    }

    .tb_detail_page .lec_priceBox li > .left_cont, .class_detail_page .lec_priceBox li > .left_cont{
        vertical-align: top;
    }
    .tb_detail_page .lec_subject_box,
    .class_detail_page .lec_subject_box{
        /*border-bottom: 0;*/
        padding-bottom:20px;
    }
    .tb_detail_page .lec_priceBox,
    .class_detail_page .lec_priceBox{
        margin-top:0px;
        margin-bottom: 0;
        padding:30px 0px 0px;
    }
    .tb_detail_page .lec_priceBox .cost-sale,
    .class_detail_page .lec_priceBox .cost-sale{
        width: 100%;
    }
    .tb_detail_page .lec_priceBox .cost-sale em span,
    .class_detail_page .lec_priceBox .cost-sale em span{
        display: inline-block;
        color: #BCB9B9;
        font-size: 14px;
        font-weight: 400;
        vertical-align: baseline;
    }

    .tb_detail_page .lec_priceBox li div.lec_price .rate,
    .class_detail_page .lec_priceBox li div.lec_price .rate{
        vertical-align: baseline;
        font-size: 22px;
    }
    .tb_detail_page .lec_priceBox li div.lec_price .rate > span,
    .class_detail_page .lec_priceBox li div.lec_price .rate > span{
        vertical-align: middle;
        font-size: 15px;
    }
    .tb_detail_page .lec_priceBox li div.lec_price,
    .class_detail_page .lec_priceBox li div.lec_price,
    .tb_detail_page .lec_priceBox li > .right_cont > div:first-child.lec_price,
    .class_detail_page .lec_priceBox li > .right_cont > div:first-child.lec_price{
        font-size: 22px;
        line-height: 27px;
    }
    .tb_detail_page .lec_priceBox li div.lec_price > .notoFont,
    .class_detail_page .lec_priceBox li div.lec_price > .notoFont{

        font-size: 15px;
    }

    .tb_detail_page .sns_share_box_st2 .sns,
    .class_detail_page .sns_share_box_st2 .sns{
        text-align: center;
        margin-bottom:0;
    }
    .tb_detail_page .sns_share_box_st2 .urlCopy,
    .class_detail_page .sns_share_box_st2 .urlCopy{
        display: inline-block;
    }
    .tb_detail_page .summary_content .btn_wrap ,
    .class_detail_page .summary_content .btn_wrap {
        position: fixed !important;
        bottom: 0;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 10px 20px;
        box-shadow: 0 6px 20px rgba(0,0,0,0.2);
        z-index: 99;
    }
    .class_section.scrollto.class_textBook{
        padding-top:0;
        padding-bottom: 0;
    }
    .class_textBook .pc_view{
        display: none;
    }
    .class_textBook .mobile_view{
        display:block;
    }
    .class_textBook .owl-carousel .owl-stage-outer{
        overflow:visible;
    }
    .class_textBook .item img{
        max-height: 100%;
        width: auto;
    }
    .class_textBook .item .tb_title{
        text-align:center;
        font-size:15px;
        line-height:19px;
        color:#555;
    }
}
@media all and (max-width:599px){
    /*공통*/
    .class_detail_page .detail_view_nav nav{
        text-align: center;
    }
    .class_section .btn_moreBox a{
        font-size:14px;
        font-weight:500;
    }
    .class_section a.btn_more{
        font-size:14px;
    }
    .class_lec_info li.lec_info_box01{}
    .class_lec_info li span:first-child,
    .class_lec_info li span:last-child{
        font-size: 13px;
        vertical-align: text-top;
    }
    .class_lec_info li span:first-child{
        width:60px;
    }
    .class_lec_info li span:last-child{
        width: calc(100% - 65px);
    }
    .class_lec_info li.lec_info_box01{
        background-size:19px;
    }
    .class_lec_info li.lec_info_box02{
        background-size:19px;
    }
    .class_lec_info li.lec_info_box03{
        background-size:19px;
    }
    .class_lec_info li.lec_info_box04{
        background-size:19px;
    }
    .class_lec_info li.lec_addInfo_box span:first-child {
        width: 90px;
    }
    .class_lec_info li.lec_addInfo_box span:last-child {
        width: calc(100% - 95px);
    }
    /*어떤걸 배우나요?*/
    .class_detail_page .title h3{
        font-size:18px;
    }
    /*강의와 함께하면 좋은 교재*/
    .class_textBook .item .tb_title{
        font-size:14px;
    }

    /*간격 공통*/
    .class_textBook .class_secWrap,
    #class_section02 .class_secWrap,
    #class_section03 .class_secWrap,
    #class_section08 .class_secWrap,
    #class_section05{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    /*강의구성*/
    #class_section02 #lecture_list{
        padding-bottom: 0;
    }
    #class_section02 .course_list{
        padding:13px 10px;
    }
    #class_section02 .course_list .num {
        font-size:12px;
        width: 35px;
        height:20px;
        line-height: 18px;
    }
    #class_section02 .course_list .arrow{
        width: 15px;
        height:9px;
    }
    #class_section02 .course_list .arrow img{
        width: 15px;
    }
    #class_section02 .course_list div{
        width:calc(100% - 65px);
        padding:0 10px;
        font-size:14px;
    }
    #class_section02 .course_drop{
        padding:15px;
    }
    #class_section02 .course_drop > div{
        padding:11px 10px;
    }
    #class_section02 .course_drop > div .lecListTitle{
        font-size:13px;
    }
    #class_section02 .course_drop .course_movie .lecListTitle {
        background-size: 17px;
        width: calc(100% - 114px);
        display: inline-block;
    }
    #class_section02 .course_drop .course_movie a.preview {
        font-size:9px;
        padding: 3px 2px;
        height: 18px;
        display: inline-block;
        line-height: 9px;
    }
    #class_section02 .course_drop .course_movie a.preview img{
        width:5px;
        margin-right:3px;
        vertical-align: middle;
        margin-top: -3px;
    }
    #class_section02 .course_drop > div .lecList_time{
        font-size:13px;
        width: 55px;
    }

    /*강사소개*/
    #class_section03 .prof_info{
        background: var(--keyrgba05);
        padding:15px;
    }
    #class_section03 .prof_info .prof_thumb{}
    #class_section03 .prof_info .prof_thumb{
        width:60px;
        margin-right:10px;
    }
    #class_section03 .prof_info .prof_infoBox{
        display: inline-block;
        width: calc(100% - 75px);
        vertical-align: text-top;
    }
    #class_section03 .prof_info .prof_infoBox h5{
        font-size:17px;
        color: #111;
        margin-bottom:10px;
    }
    #class_section03 .prof_info .prof_infoBox div{
        font-size:13px;
        position: relative;
        line-height: 22px;
    }
    #class_section03 .prof_info .prof_infoBox p{
        font-size:13px;
        position: relative;
        padding-left:10px;
        line-height: 22px;
    }
    #class_section03 .prof_info .prof_infoBox p:before{
        content:'';
        width:3px;
        height:3px;
        background-color: var(--keycolor);
        position: absolute;
        left:0;
        top:9px;
        border-radius: 50px;
    }
    #class_section03 .prof_career .prof_careerBox.hiddenCont{
        height: 140px;
    }
    #class_section03 .prof_career .prof_careerBox{
        width: 100%;
        font-size: 14px;
        line-height: 26px;
        color:#555;
        text-align: left;
    }
    #class_section03 .prof_career .prof_careerBox p{
        font-size: 14px;
        color:#555;
        position: relative;
        /*padding-left:10px;*/
    }
    /*#class_section03 .prof_career .prof_careerBox p:before{
        content:'';
        width:3px;
        height:3px;
        background-color: var(--keycolor);
        position: absolute;
        left:0;
        top:12px;
        border-radius: 50px;
    }*/

    /*수강후기*/
    #class_section04 .lecture_rv_wrap .rv_top{
        padding:15px 20px;
        position: relative;
    }
    #class_section04 .lecture_rv_wrap .rv_top .total_rv{
        font-size:13px;
        width: 100%;
        margin-bottom:10px;
    }
    #class_section04 .lecture_rv_wrap .rv_top .total_rv span{
        font-size:13px;
        vertical-align: baseline;
    }
    #class_section04 .lecture_rv_wrap .rv_top .ratingStarBox{
        width:100%;
    }
    #class_section04 .lecture_rv_wrap .rv_top .ratingStarBox .rating_num{
        margin-right:0px;
        position: absolute;
        right:20px;
        top:50%;
        margin-top:-10px;
    }

    #class_section04 .lecture_rv_wrap .rv_top .ratingBox .rating-star{
        width:90px;
        background-size:90px;
        height:14px;
    }
    #class_section04 .lecture_rv_wrap .rv_top .ratingBox .rating-star,
    #class_section04 .lecture_rv_wrap .rv_top .ratingBox .rating-star span{
        background-image:url('../../data/customImages/rating_star_v1.svg');
        background-size:90px;
        height:14px;
    }
    #class_section04 .lecture_rv_wrap > ul{
        position: relative;
    }
    #class_section04 .lecture_rv_wrap > ul > li{
        padding:30px 0;
        border-bottom:1px solid #ddd;
    }
    #class_section04 .lecture_rv_wrap .reviewBox{
    }
    #class_section04 .lecture_rv_wrap .reviewBox .rv_info{}
    #class_section04 .lecture_rv_wrap .ratingBox{}
    #class_section04 .lecture_rv_wrap .ratingBox .rating-star{
        width:70px;
        background-size:70px;
        height:11px;
        margin-bottom:5px;
    }
    #class_section04 .lecture_rv_wrap .ratingBox .rating-star,
    #class_section04 .lecture_rv_wrap .ratingBox .rating-star span{
        background-image:url('../../data/customImages/rating_star_v1.svg');
        background-size:70px;
        height:11px;
    }
    #class_section04 .lecture_rv_wrap .rv_info{margin-bottom:15px;}
    #class_section04 .lecture_rv_wrap .rv_info ul{
        width:100%;
        display: inline-block;
    }
    #class_section04 .lecture_rv_wrap .rv_info ul li{
        font-size:12px;
        position: relative;
        padding-right:12px;
        float: left;
    }
    #class_section04 .lecture_rv_wrap .rv_info ul li:after{
        content: '';
        width:1px;
        height:12px;
        background:#777;
        position: absolute;
        right:0;
        top:50%;
        margin-top:-6px;
    }
    #class_section04 .lecture_rv_wrap .rv_info ul li:last-child{
        padding-left:10px;
    }
    #class_section04 .lecture_rv_wrap .rv_info ul li:last-child:after{
        display: none;
    }
    #class_section04 .lecture_rv_wrap .rv_info ul li.name {
        color:#555;
    }
    #class_section04 .lecture_rv_wrap .rv_info ul li.name .by{}
    #class_section04 .lecture_rv_wrap .rv_info ul li.date{
        color:#777;
    }
    #class_section04 .lecture_rv_wrap .rv_contents{}
    #class_section04 .lecture_rv_wrap .rv_contents .rv_title{
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 10px;
        font-weight: 500;
    }
    #class_section04 .lecture_rv_wrap .rv_contents .contents{}
    #class_section04 .lecture_rv_wrap .rv_contents .content{
        font-size:13px;
        color:#777;
        line-height: 18px;
    }
    #class_section04 .lecture_rv_wrap .commentArea{
        padding:15px;
        margin-top:20px;
        background:var(--keyrgba05);
    }

}

@media all and (max-width:420px){
    .tb_detail_page .lec_priceBox li > .right_cont  > div.cost-sale,
    .class_detail_page .lec_priceBox li > .right_cont  > div.cost-sale{
        line-height: 22px;
    }
    .tb_detail_page .lec_priceBox li > .right_cont  > div.lec_price,
    .class_detail_page .lec_priceBox li > .right_cont  > div.lec_price,
    .tb_detail_page .lec_priceBox li > .right_cont > div:first-child.lec_price,
    .class_detail_page .lec_priceBox li > .right_cont > div:first-child.lec_price{
        line-height: 26px;
    }
}

/*=====================m
      선생님 상세
=====================*/
/* 선생님 상세 TOP 부분 (교수 프로필 부분)*/
.professor_view {}
.professor_view .view_top {
    position: relative;
    background-color: var(--keyrgba05);
    padding: 0 20px;
    text-align: center;
}

.professor_view .view_top .view_top_left {
    display:inline-block;
    vertical-align: middle;
    width: 56%;
    padding-left: 6%;
    /*padding-top: 4%;*/
}

.professor_view .view_top .view_top_left .table_box {
    display: table;
    width: 100%;
    height: 100%;
}

.professor_view .view_top .view_top_left div.tch_cell {
    color: #fff;
    width: 100%;
    text-align: left;
    display: inline-block;
    vertical-align: top;
}
.professor_view .view_top .view_top_left h3 {
    font-size: 42px;
    vertical-align: text-bottom;
    margin-bottom: 35px;
    font-weight: 200;
}

.professor_view .view_top .view_top_left div.tch_cell h3 span {
    font-size: 42px;
    margin-bottom: 3px;
    vertical-align: baseline;
    font-weight: bold;
}

.professor_view .view_top .view_top_left div.tch_cell .introduce {
    font-size: 20px;
    line-height: 1.5;
    color: #111;
    margin-bottom: 5px;
    display: inline-block;
}

.professor_view .view_top .view_top_left div.tch_cell .greetingText {
    word-break: keep-all;
    font-size: 18px;
    line-height: 22px;
    color: #555;
    font-weight: 300;
}

.professor_view .view_top .view_top_right {
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    width: 38%;
    min-width: 300px;
    padding-left: 14%;
    min-height:300px;
}

.professor_view .view_top .view_top_right img {
    width: 100%;
    padding-top:35px;
    margin-bottom:0;
}

.professor_view .view_top .btn_play {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    z-index: 5;
}

/* STICKY NAV */
.detail_view_nav{
    height: 0;
    background: #fff;
    border-bottom:1px solid #ddd;
    width:100%;
    visibility: hidden;
    z-index:99;
}
.detail_view_nav.sticky{
    position: fixed;
    top:0;
    left:0;
    visibility: visible;
    height: 56px;
}
.detail_view_nav nav{
    text-align: center;
    display: inline-block;
    width: 100%;
}
.detail_view_nav nav ul{
    display:inline-block;
}
.detail_view_nav li{
    float: left;
    width: auto;
}
.detail_view_nav li a{
    font-size: 15px;
    position: relative;
    display:inline-block;
    padding:0px 38px;
}
.detail_view_nav li a span{
    position: relative;
    display:inline-block;
    padding:20px 0;
}
.detail_view_nav li a.active{}
.detail_view_nav li a.active span{
    font-weight: bold;
}
.detail_view_nav li a.active span:before{
    content:'';
    width: 100%;
    height: 2px;
    bottom: -1px;
    left: 0;
    position: absolute;
    background: var(--keycolor);
}
.scrollto{
    outline: none;
    padding-top:50px;
    padding-bottom:50px;
}
.professor_view .scrollto:last-child{
    padding-bottom: 100px;
}
@media all and (max-width: 1023px){
    .detail_view_nav.sticky{
        top:60px;
    }
}
@media all and (max-width: 599px){
    .professor_view .scrollto:last-child{
        padding-bottom: 50px;
    }
}
/* 강사 상세 - > 교수님 소개 & 교수님 약력 */
.prof_section01{
    max-width:1200px;
    margin:0px auto 0;
    padding-top:40px;
}
.prof_section01 .professor_txt_box{
    border:8px solid var(--keyrgba10);
    padding:50px 40px;
    margin-bottom:40px;
}
.prof_section01 .professor_txt_box dl:first-child{
    margin-bottom:55px;
}
.prof_section01 .professor_txt_box dt{
    font-size: 20px;
    font-weight:500;
    width:200px;
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
}
.prof_section01 .professor_txt_box dd{
    width:calc(100% - 205px);
    display: inline-block;
    vertical-align: top;
}
.prof_section01 .comment_cont_wrap{overflow:hidden;}
.prof_section01 .comment_cont_wrap .comment_cont{
    font-size: 15px;
    line-height: 24px;
}
.prof_section01 .comment_cont_wrap .comment_cont.hiddenCont{
    word-wrap:normal;
    width:100%;
    overflow:hidden;
    /*white-space:nowrap;
    text-overflow: ellipsis;
    float:left;*/
    font-size:15px;
    line-height: 24px;
    height:72px;
}
.prof_section01 .comment_cont_wrap .comment_cont.hiddenCont p{width:100%;}
.prof_section01 .more_close,
.prof_section01 .more_btn{
    display:none;
    white-space:nowrap;
    float:left;
    padding-top:11px;
    font-size:15px;
    padding:11px 11px 11px 0;
}
.prof_section01 .more_btn.hidden{display:none !important;}

.prof_section01 .more_close.active{
    display:inline-block;
}

/* 강사 상세 - > 샘플강의 */
.prof_section02 .sampleLecture{
    max-width: 860px;
    margin:0 auto;
}
.prof_section02 .sampleLecture .detail_page_thumb{
    position: relative;
    width: 100%;
    padding-bottom: 62.42%;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
}
.prof_section02 .sampleLecture .detail_page_thumb:before{content:'';width:100%;height:100%;background:rgba(0,0,0,0.5);position:absolute; left:0;}
.prof_section02 .sampleLecture .detail_page_thumb .preveal{
    position: absolute;
    width: 104px; height: 104px;
    left: 50%; top:50%;
    transform: translate(-50%, -50%);
    background: url(../images/application/icon_preveal.png) 50% 50% no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center;
    color: #fff;
}
.prof_section02 .sampleLecture .detail_page_thumb .preveal a{display: block; height: 100%;}


/* 관련강의 */
.prof_section03{
    padding-bottom:20px;
}
/* 수강후기 */
.prof_section04{
    padding-bottom:70px;
}

.reviewList #bbs_list_wrap{
    border-top:2px solid #333;
}

.reviewList tbody tr{
    border-bottom:1px solid #ddd;
    position: relative;

    /*display: flex;
    flex-direction: row;*/
}
.reviewList tbody tr.bestReview .reviewLeft{
    position: relative;
}
.reviewList tbody td{
    padding:36px 0;
    font-size:13px;
    color:#777;
    vertical-align: middle;
    /*flex-grow: 0;
    flex-shrink: 1;*/
}
.reviewList tbody .reviewLeft{
    width: 100%;
}
.reviewList tbody .reviewLeft .bestIcon{
    width: 50px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.reviewList tbody .reviewLeft .con_title{
    display: inline-block;
    max-width: calc(100% - 63px);
}
.reviewList tbody .reviewRight{
    width:180px;
    display: inline-block;
    padding-left: 0;
    padding-right: 20px;
    margin-top: 1px;
}
.reviewList tbody .reviewRight.m_box{display:none;}
.reviewList tbody .reviewRight.pc_view{display: block;}
.reviewList tbody .reviewRight ul li{
    margin-bottom: 13px;
    text-align: left;
}
.reviewList tbody .reviewRight ul li:last-child{
    margin-bottom: 0;
}
.reviewList tbody .reviewRight ul li.ratingArea{
    padding-top: 1px;
}
.reviewList tbody .reviewRight ul li.ratingArea .ratingNum{
    display: inline-block;
    color: var(--keycolor);
    font-size: 16px;
    font-weight: 700;
    font-style: italic;
    margin-left: 8px;
}
.reviewList tbody .reviewRight ul li.name {
    color: #333;
    font-size: 13px;
    vertical-align: bottom;
}
.reviewList tbody .reviewRight ul li.name .by{
    font-style: italic;
}
.reviewList tbody .reviewRight ul li.date{
    color: #777;
    font-size: 13px;
}

.reviewList tbody .bbsListWrap{
    text-align: left;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap{
    text-align: left;
    display: inline-block;
    width: calc(100% - 40px);
    padding-left: 20px;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap .lecture{
    color: #777;
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px;
    margin-bottom: 6px;
    display: table;
    table-layout: fixed;
    width: auto;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap .subject{
    color: #111;
    font-size: 17px;
    padding-bottom: 10px;
    line-height: 1.4;
    vertical-align: top;
}
.reviewList tbody .bestReview .bbsListWrap .bbsInfoWrap .subject{
    color: #111;
    font-size: 17px;
    padding-bottom: 12px;
    line-height: 1.4;
    vertical-align: top;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap .icons{
    vertical-align: baseline;
    line-height: 1;
    display: inline-block;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap .contents{}
.reviewList tbody .bbsListWrap .bbsInfoWrap .contents .content img{
    max-width:100%;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap .contents .content,
.reviewList tbody .bbsListWrap .bbsInfoWrap .contents span{
    font-size: 15px;
    color: #777;
    line-height: 24px;
    vertical-align: bottom;
}
.reviewList tbody .bbsListWrap .bbsInfoWrap .contents a.more{
    color: var(--keycolor);
    font-size: 15px;
    margin-left: 5px;
}

/*     답변     */
.reviewList tbody .commentArea{
    background: #f8f8f8;
    padding: 27px 30px;
    margin:36px 40px 0 20px;
}
.reviewList tbody .commentArea ul{
    margin-bottom: 10px;
}
.reviewList tbody .commentArea ul li{
    display: inline-block;
    font-size: 13px;
    padding: 0 10px;
}
.reviewList tbody .commentArea ul li.name{
    color: #333;
    font-weight: 500;
    padding-left: 0;
    vertical-align: bottom;
}
.reviewList tbody .commentArea ul li span.by{
    font-style: italic;
}
.reviewList tbody .commentArea ul li.date{
    color: #777;
    position: relative;
}
.reviewList tbody .commentArea ul li.date:before{
    content: '';
    width: 1px;
    height: 12px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
}
.reviewList tbody .commentArea .contents .content, .reviewList tbody .commentArea .contents .content span{
    color: #777;
    font-size: 15px;
    line-height: 22px;
}
.reviewList tbody .commentArea .contents .content a.more{
    color: var(--keycolor);
    font-size: 15px;
    margin-left: 5px;
    vertical-align: text-bottom;
}
@media screen and (max-width:1200px) {
    .scrollto{
        padding-left:20px;
        padding-right:20px;
        padding-top:30px;
        padding-bottom:30px;
    }
    /* 강사 상세 - > 교수님 소개 & 교수님 약력 */
    .prof_section01{
        padding-top:50px;
    }
    /* 관련강의 */
    .prof_section03{
        padding-bottom:20px;
    }
    /* 수강후기 */
    .prof_section04{
        padding-bottom:70px;
    }
}
@media screen and (max-width:1023px) {
    /* 강사 상세 - > 교수님 소개 & 교수님 약력 */
    .prof_section01 .professor_txt_box{
        padding:40px 30px;
        margin-bottom:40px;
    }
    .prof_section01 .professor_txt_box dt{
        font-size: 20px;
        width:120px;
    }
    .prof_section01 .professor_txt_box dd{
        width:calc(100% - 125px);
        display: inline-block;
        vertical-align: top;
    }
    /* 관련강의 */
    .prof_section03{
        padding-bottom:20px;
    }
    /* 수강후기 */
    .prof_section04{
        padding-bottom:60px;
    }
    .reviewList tbody td.num{display:none;}
    .reviewList tbody .reviewRight.m_box{display:none;}
    .reviewList tbody .reviewRight.pc_view{display:block;}
    .reviewList tbody .commentArea{margin-right: 0;}
}
@media screen and (max-width:990px) {
    /* 선생님 상세 TOP 부분 (교수 프로필 부분)*/
    .professor_view .view_top .view_top_right{
        padding-left:0;
        min-width: 180px;
        max-width: 220px;
    }
    .professor_view .view_top .view_top_left{
        padding-left:50px;
    }
    .professor_view .view_top .view_top_left div.tch_cell .introduce{
        font-size:18px;
    }
    .professor_view .view_top .view_top_left div.tch_cell h3,
    .professor_view .view_top .view_top_left div.tch_cell h3 span{
        font-size:34px;margin-bottom: 20px;
    }
    .professor_view .view_top .view_top_left div.tch_cell .greetingText{
        font-size:16px;
    }

}
@media screen and (max-width:800px) {
    .detail_view_nav li a {
        padding: 0 25px;
    }
    .reviewList tbody .reviewRight.pc_view{
        display:none;
    }
    .reviewList tbody .reviewRight.m_box{
        display:block;
    }
    .reviewList tbody tr{flex-direction: column;}
    .reviewList tbody td{display: block; width: 100%; padding: 15px 0 30px; flex-grow: 1;}

    .reviewList table#board_list,
    .reviewList table#board_list tbody,
    .reviewList table#board_list tbody tr,
    .reviewList table#board_list tbody td{
        display: block;
        width: 100%;
    }
    .reviewList tbody .reviewRight{display: block; padding: 30px 0 0; width: 100%;}
    .reviewList tbody .reviewRight.m_box{display:block;}
    .reviewList tbody .reviewRight.pc_view{display:none !important;}
    .reviewList tbody .reviewRight ul li{margin-bottom: 0px; vertical-align: top; display: inline-block;}
    .reviewList tbody .reviewRight ul li.ratingArea{margin-bottom: 13px;order: 1; display: block;}
    .reviewList tbody .reviewRight ul li.date{position: relative; margin-left: 14px;}
    .reviewList tbody .reviewRight ul li.date:before{content: ''; width: 1px; height: 12px; background: #ddd; position: absolute; left: -9px; top: 50%; margin-top: -6px;}
    .reviewList tbody .reviewLeft{order: 2;}
    .reviewList tbody .reviewLeft .bestIcon{display: none;}
    .reviewList tbody .reviewLeft .con_title{max-width: 100%;}

    .reviewList tbody .bestReview .bbsListWrap .bbsInfoWrap .lecture{max-width: 100%;}
    .reviewList tbody .bestReview .bbsListWrap .bbsInfoWrap .subject{width: 100%; font-size: 16px;}

    .reviewList tbody .bbsListWrap .bbsInfoWrap .lecture{margin-bottom: 2px;}
    .reviewList tbody .bbsListWrap .bbsInfoWrap .subject{ font-size: 16px;}
    .reviewList tbody .bbsListWrap .bbsInfoWrap{width: 100%; padding-left: 0px;}

    .reviewList tbody .commentArea{margin-top: 20px; padding: 27px 20px;margin-left: 0;}
    .reviewList tbody .commentArea ul li.date{float: right; margin-top: 1px;}
    .reviewList tbody .commentArea ul li.date:before{display: none;}

}
@media screen and (max-width:599px) {
    /* 선생님 상세 TOP 부분 (교수 프로필 부분)*/
    .professor_view .view_top {
        padding: 0 20px 60px;
    }

    .professor_view .view_top .table {
        width: 100%;
    }

    .professor_view .view_top .view_top_left {
        padding: 30px 20px 30px;
        background: #fff;
        display: block;
        width: 100%;
    }
    .professor_view .view_top .view_top_right{
        width:100%;
        display: inline-block;
        text-align: center !important;

    }
    .professor_view .view_top .view_top_right img{
        max-width: 220px;
    }
    .professor_view .view_top .view_top_left div.tch_cell .introduce{
        font-size:17px;
    }
    .professor_view .view_top .view_top_left div.tch_cell h3,
    .professor_view .view_top .view_top_left div.tch_cell h3 span{
        font-size:32px;
    }
    .professor_view .view_top .view_top_left div.tch_cell .greetingText{
        font-size:14px;
    }
    .professor_view .view_top .view_top_left div.tch_cell{
        width: 100%;
        text-align:left;
        display: inline-block;
    }
    /* STICKY NAV */
    .detail_view_nav li{
        padding:0 0;
    }
    .detail_view_nav li a {
        font-size: 13px;
        position: relative;
        display: inline-block;
        /*padding: 0 8px;*/
        padding:0;
    }
    .detail_view_nav li a span{
        padding:21px 8px;
    }
    .scrollto{
        padding-bottom:30px;
    }
    /* 강사 상세 - > 교수님 소개 & 교수님 약력 */
    .prof_section01{
        padding-top:40px;
    }
    .prof_section01 .professor_txt_box{
        padding:35px 15px;
        margin-bottom:30px;
    }
    .prof_section01 .professor_txt_box dl:first-child{
        margin-bottom:40px;
    }
    .prof_section01 .professor_txt_box dt{
        width:100%;
        font-size:18px;
        margin-bottom:15px;
    }
    .prof_section01 .professor_txt_box dd{
        width:100%;
    }
    .prof_section01 .comment_cont_wrap .comment_cont,
    .prof_section01 .comment_cont_wrap .comment_cont.hiddenCont{
        font-size:15px;
    }

    .professor_view .sampleLecture .detail_page_thumb .preveal {
        width: 78px;
        height: 78px;
    }
    /* 수강후기 */
    .prof_section04{
        padding-bottom:50px;
    }
    .reviewList tbody tr{flex-direction: column;}
    .reviewList tbody td{display: block; width: 100%; padding: 15px 0 30px; flex-grow: 1;}

    .reviewList tbody .reviewRight{display: block; padding: 30px 0 0; width: 100%;}
    .reviewList tbody .reviewRight.m_box{display:block;}
    .reviewList tbody .reviewRight.pc_view{display:none !important;}
    .reviewList tbody .reviewRight ul li{margin-bottom: 0; vertical-align: top; display: inline-block;}
    .reviewList tbody .reviewRight ul li.ratingArea{margin-bottom: 13px;order: 1; display: block;}
    .reviewList tbody .reviewRight ul li.date{position: relative; margin-left: 14px;}
    .reviewList tbody .reviewRight ul li.date:before{content: ''; width: 1px; height: 12px; background: #ddd; position: absolute; left: -9px; top: 50%; margin-top: -6px;}
    .reviewList tbody .reviewLeft{order: 2;}
    .reviewList tbody .reviewLeft .bestIcon{display: none;}
    .reviewList tbody .reviewLeft .con_title{max-width: 100%;}

    .reviewList tbody .bestReview .reviewRight{position: relative;}
    .reviewList tbody .bestReview .reviewRight:after{
        content: ''; width: 50px; height: 50px; background: url("../images/board/iconBest02.svg") no-repeat;
        background-size: 50px; position: absolute; top: 30px; right: 0;
    }
    .reviewList tbody .bestReview .bbsListWrap .bbsInfoWrap .lecture{max-width: 100%;}
    .reviewList tbody .bestReview .bbsListWrap .bbsInfoWrap .subject{width: 100%; font-size: 16px;}

    .reviewList tbody .bbsListWrap .bbsInfoWrap .lecture{margin-bottom: 2px;}
    .reviewList tbody .bbsListWrap .bbsInfoWrap .subject{ font-size: 16px;}
    .reviewList tbody .bbsListWrap .bbsInfoWrap{width: 100%; padding-left: 0;}

    .reviewList tbody .commentArea{margin-top: 20px; padding: 27px 20px;margin-left: 0;}
    .reviewList tbody .commentArea ul li.date{float: right; margin-top: 1px;}
    .reviewList tbody .commentArea ul li.date:before{display: none;}
}


/* FAQ */


/*
.faqDiv {
    padding: 3em 10em;
    margin-bottom: 3em;
    margin-top: 2em;
    background-color: #f8f8f8;
}

.faqDiv .divWrap .small_btn {
    border: none;
    color: #fff;
    width: 90% !important;
    height: 36px;
    padding: 0;
    line-height: 34px !important;
    text-align: center;
    border-color: var(--keycolor) !important;
    background-color: var(--keycolor);
}

.faqBtnList {
    text-align: left;
    margin-bottom: 15px;
}

.faqBtnList:after {
    display: block;
    content: '';
    clear: both;
}

.faqBtnList select {
    display: none;
}

.faqBtnList li {
    float: left;
    width: auto;
    margin-bottom: 7px;
    margin-right: 5px;
    border: 1px solid #ddd;
}

.faqBtnList li a {
    display: block;
    text-align: center;
    padding: 12px 20px;
    border: 1px solid transparent;
    font-weight: 500;
    line-height: 1;
}

.faqBtnList li:last-child {
    margin-right: 0;
}

.faqBtnList li.on {
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    font-weight: bold;
}

.faqBtnList li.on a {
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    font-weight: bold;
}

.faqList {
    text-align: left;
    margin-bottom: 3em;
}

.faqList li {
    display: inline-block;
    border-bottom: 1px solid #ddd;
    width: 100%;
    font-size: 0.85em;
    color: #fff;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

.faqList li.q {
    position: relative;
    cursor: pointer;
    padding: 1.4em 2.5em 1.4em 40px;
    background: url(../images/main/icon_qna_q.svg) left center no-repeat;
    padding-left: 40px;
    line-height: 1.5;
    color: #666;
    font-size: 14px;
}

.faqList li.q p {
    line-height: 1.4;
    font-size: 15px;
}

.faqList li.q img {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -6px;
    padding: 3px 0 2px;
}

.faqList li.q img.rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.faqList li.a {
    background: url(../images/main/icon_qna_a.svg) left 28px no-repeat;
    padding: 2em;
    padding-left: 40px;
    display: none;
    line-height: 1.5;
    background-color: #fff;
    font-size: 14px;
    color: #666;
}

.faq-list .btn {
    margin-top: 30px;
}

.faq-list .communityDetail .listDetail .listTitle .title {
    margin-bottom: 0;
}
*/

@media screen and (max-width:1023px) {
    .customer .cs-container {
        font-size: 15px;
    }
}

@media screen and (max-width:599px) {
    .customer .cs-container {
        font-size: 15px;
    }
    .faqSchBox .faqDiv .input-wrap-box input{height:36px;}
}
.ui-datepicker-trigger {
    display: none !important;
}

.ui-datepicker-trigger + span {
    width: 53%;
}

.start_day {
    margin-left: 6%;
    border: none;
    text-align: center;
    height: 27px;
    max-width: 120px;
    margin-top: 2px;
    vertical-align: bottom;
}

/*마이페이지 > 내 강의 > 중지하기 팝업*/
#stopPopup {
    position: fixed;
    z-index: 100;
    width: calc(100% - 30px);
    max-width: 540px;
    height: 480px;
    top: 50%;
    left: 50%;
    margin-left: -270px;
    margin-top: -240px;
    border: 1px solid #454545;
    background: #fff;
    padding: 30px;
}

.lessonStopPopup {
}

.lessonStopPopup h3 {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 15px;
}

.lessonStopPopup .grayBox {
    padding: 15px;
    border-radius: 0;
    border: 1px solid #d7d7d7;
    margin-bottom: 20px;
}

.lessonStopPopup .grayBox .top {
    padding: 0;
    text-align: left;
    border-bottom: 1px dashed #d7d7d7;
    width: 100%;
    display: inline-block;
}

.lessonStopPopup .grayBox .top .lecture_title{
    width: 100%;
    display: inline-block;
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color:#111;

}
.lessonStopPopup .grayBox .box_top_info{
    padding-bottom: 10px;
}
.lessonStopPopup .grayBox .box_top_info .pauseDate {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    float: left;
}

.lessonStopPopup .grayBox .box_top_info .pauseDate span {
    color: var(--keycolor);
    font-weight: 400;
}

.lessonStopPopup .grayBox .box_top_info span {
    margin-left: 0;
}

.lessonStopPopup .grayBox .box_top_info .resumeDate {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    padding-left: 10px;
    margin-left: 10px;
    position: relative;
}
.lessonStopPopup .grayBox .box_top_info .resumeDate:before{
    content:'';
    background: #aaa;
    width: 1px;
    height:12px;
    position: absolute;
    left:0;
    top: 5px;
}
.lessonStopPopup .grayBox .box_top_info .resumeDate span {
    color: var(--keycolor);
    font-weight: 400;
}

.lessonStopPopup .grayBox .box_btm{
    width: 100%;
    display: inline-block;
    padding-top: 15px;
}
.lessonStopPopup .grayBox .box_btm > div{
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color:#333;
    position: relative;
    float: left;
}
.lessonStopPopup .grayBox .box_btm > div:last-child{
    padding-left: 10px;
    margin-left: 10px;
}
.lessonStopPopup .grayBox .box_btm > div:last-child:before{
    content:'';
    background: #aaa;
    width: 1px;
    height:12px;
    position: absolute;
    left:0;
    top: 5px;
}
.lessonStopPopup .grayBox .box_btm span{
    font-weight: 400;
    color: #777;
}
.lessonStopPopup .grayBox .bottom {
    padding: 25px 55px;
    text-align: left;
}

.lessonStopPopup .grayBox .bottom span {
    margin-right: 23px;
}

.lessonStopPopup .grayBox .bottom input {
    width: 300px;
    height: 36px;
    line-height: 37px;
    padding: 0 10px 3px;
}

.lessonStopPopup .notes {
    text-align: left;
    font-size: 14px;
    line-height: 22px;
    color: #777;
}

.lessonStopPopup .notes h5 {
    color: #231815;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 1;
}

.lessonStopPopup .notes li {
    font-size: 14px;
    line-height: 22px;
    color: #777;
    position: relative;
    padding-left:15px;
    word-break: keep-all;
}
.lessonStopPopup .notes li span{
    font-size: 13px;
    line-height: 22px;
    color: #777;
    position: absolute;
    left: 0;
}
.lessonStopPopup .btn {
    margin-top: 40px;
    text-align: center;
}

.lessonStopPopup .btn a {
    width: 122px;
    line-height: 40px;
    margin:0 5px;
}

.lessonStopPopup .btn a.grayBtn {
    color: #fff;
    border: 0;
    background: #7b7b7b;
}

.lessonStopPopup .btn a.yellowBtn {
    color: #fff;
    border: 0 solid var(--keycolor);
    background: var(--keycolor);
}
.lessonStopPopup .pauseCount{
    margin-bottom: 20px;
}
.lessonStopPopup .pauseCount li{
    padding-left: 10px;
    position: relative;
    font-size: 15px;
    color:#555;
    margin-bottom: 10px;
}
.lessonStopPopup .pauseCount li:last-child{
    margin-bottom: 0;
}
.lessonStopPopup .pauseCount li:before{
    content: '';
    width: 3px;
    height: 3px;
    border-radius: 50px;
    background: var(--keycolor);
    position: absolute;
    left: 0;
    top: 6px;
}
.lessonStopPopup .pauseCount li span{
    color:var(--keycolor)
}
@media screen and (max-width: 559px) {
    #stopPopup {
        margin-left: 0;
        height: auto;
        /*transform: translate(-50%, -50%);*/
        padding: 20px;
        width: 90%;
        left: 5%;
        margin-top: -230px;
    }

    .lessonStopPopup h3 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .lessonStopPopup .grayBox {
        margin-bottom: 20px;
    }

    .lessonStopPopup .grayBox .top {
        font-size: 13px;
    }
    .lessonStopPopup .grayBox .top .lecture_title{
        font-size: 18px;
    }
    .lessonStopPopup .grayBox .top span {
        line-height: 18px;
    }

    .lessonStopPopup .grayBox .top .pauseDate,
    .lessonStopPopup .grayBox .top .resumeDate{
        width: 100%;
        margin-left: 0;
        padding-left: 0;
    }
    .lessonStopPopup .grayBox .box_top_info .resumeDate:before{
        display: none;
    }
    .lessonStopPopup .grayBox .top .pauseDate {
        font-size: 14px;
    }

    .lessonStopPopup .grayBox .top .pauseDate > span,
    .lessonStopPopup .grayBox .top .resumeDate > span {
        margin-left: 10px;
    }

    .lessonStopPopup .grayBox .top > span {
        width: 100%;
        display: inline-block;
    }

    .lessonStopPopup .grayBox .top .resumeDate {
        font-size: 14px;
    }


    .lessonStopPopup .grayBox .box_btm{
        width: 100%;
        display: inline-block;
        padding-top: 15px;
    }
    .lessonStopPopup .grayBox .box_btm > div{
        font-size: 14px;
        width: 100%;
        display: inline-block;
    }
    .lessonStopPopup .grayBox .box_btm > div:last-child{
        padding-left: 0px;
        margin-left: 0px;
    }
    .lessonStopPopup .grayBox .box_btm > div:last-child:before{
        display: none;
    }
    .lessonStopPopup .grayBox .box_btm span{
        font-weight: 400;
        color: #777;
    }

    .lessonStopPopup .grayBox .bottom {
        padding: 15px 15px;
    }

    .lessonStopPopup .grayBox .bottom span {
        margin-bottom: 5px;
        margin-right: 0;
        width: 100%;
        display: inline-block;
        text-align: left;
        display: none;
    }

    .lessonStopPopup .grayBox .bottom input {
        width: 100%;
        height: 37px;
        padding: 0 10px;
        font-size: 14px;
    }

    .lessonStopPopup .notes {
        text-align: left;
    }

    .lessonStopPopup .notes h5 {
        color: #231815;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .lessonStopPopup .notes li {
        font-size: 13px;
        line-height: 20px;
        color: #777;
    }

    .modal__body .lessonStopPopup .btn {
        margin-top: 20px;
        width: 100%;
        display: inline-block;
        margin-bottom: 30px;
    }

    .modal__body .lessonStopPopup .btn a {
        width: 49%;
        float: left;
    }

    .modal__body .lessonStopPopup .btn a:last-child {
        width: 49%;
        float: right;
    }

    .lessonStopPopup .btn {
        margin-top: 20px;
        width: 100%;
        display: inline-block;
    }
    .lessonStopPopup .btn a{
        width: calc(50% - 5px);
        margin:0;
        float: left;
        height: 38px;
        line-height: 36px;
    }
    .lessonStopPopup .btn a:first-child {
        margin-right: 10px;
    }
}

@media screen and (max-width: 359px) {
    .lessonStopPopup .btn a {
        width: 48%;
        line-height: 40px;
    }
}

.explanation {
    margin: 2.5em 0 1.5em;
    font-size: 16px;
    line-height: 1.4;
}

@media screen and (max-width: 460px) {
    .explanation {
        font-size: 14px;
    }
}

.icon_txt {
    display: inline-block;
    margin-top: 5px;
    font-size: 16px;
    border: 1px solid #222;
    border-radius: 25px;
    padding: 3px 20px 4px;
    margin-bottom: 10px;
}

@media screen and (max-width: 460px) {
    .icon_txt {
        font-size: 14px;
    }
}

.notice_bottom .ok_box {
    width: 100%;
}

.notice_bottom .ok_box a {
    float: right;
    padding: 0.9em 4em;
    width: auto;
    display: inline-block;
}

.write_btn.ok_box {
    width: 100%;
}

.write_btn.ok_box {
    text-align: center;
    margin-top: 3em;
}

.write_btn.ok_box:after {
    display: block;
    content: '';
    clear: both;
}

.write_btn.ok_box li {
    display: inline-block;
    text-align: center;
    margin-right: 8px;
}

.write_btn.ok_box li:last-child {
    margin-right: 0;
}

.write_btn.ok_box li a {
    display: inline-block;
    padding: 0.9em 4em;
    font-size: 0.9em;
    width: auto;
}

.write_btn.ok_box li a.keybg {
    border: 1px solid var(--keycolor);
}

/*제휴,섭외*/
.alliance .cs-container .myInqWrite {
    border: 1px solid #ddd;
    padding: 50px 40px 0;
}
.alliance .cs-container .myInqWrite .policy_btn {
    transition:all .3s ease;
    vertical-align: bottom;
    display: inline-block;
    color:var(--keycolor);
}
.alliance .cs-container .myInqWrite .policy_btn span { position:relative }

.alliance .cs-container .myInqWrite .policy_btn span::after {
    content: '';
    width: 100%;
    left: 0px;
    height: 1px;
    display: block;
    position: absolute;
    margin-top: 3px;
    border-bottom: 1px solid #ddd;
    transition:all .3s ease;
}



.alliance .myInqWrite .list-table {
    width: 100%;
    border: 0;
}

.alliance .myInqWrite .list-table td {
    text-align: left;
    padding: 0 20px 21px;
    width: 50%;
}

.alliance .myInqWrite .list-table td h4 {
    margin-bottom: 10px;
}

.alliance .myInqWrite .list-table td label.radio {
    width: 100px;
}

.alliance .myInqWrite .list-table td .fullInput {
    width: 100%;
}

.alliance .myInqWrite .list-table td .srchFilter {
    padding-right: 0;
    margin: 0;
}

.alliance .myInqWrite .list-table td .srchFilter .select-button {
    border-radius: 0;
    text-indent: 0;
}

.alliance .myInqWrite .list-table td .srchFilter input {
    border-radius: 0;
    margin-bottom: 0;
}

.alliance .myInqWrite .list-table td .srchFilter .select-list {
    top: 36px;
    border-radius: 0;
    box-sizing: content-box;
}

.alliance .myInqWrite .list-table td .srchFilter .select-list ul li {
    border-radius: 0;
}

.alliance .myInqWrite .list-table td .number {
    width: 100%;
    display: inline-block;
}

.alliance .myInqWrite .list-table td .number select {
    width: 30%;
    margin-right: 0;
    float: left;
    border-radius: 0;
}

.alliance .myInqWrite .list-table td .number .phone {
    margin-right: 0;
    width: 30%;
    float: left;
}

.alliance .myInqWrite .list-table td .number span {
    width: 5%;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 36px;
}

.alliance .myInqWrite .list-table td .mail {
    width: 100%;
    display: inline-block;
}

.alliance .myInqWrite .list-table td .mail .mail1 {
    width: 29%;
    margin-right: 0;
    float: left;
}

.alliance .myInqWrite .list-table td .mail .mail2 {
    width: 29%;
    margin-right: 3%;
    float: left;
}

.alliance .myInqWrite .list-table td .mail span {
    width: 7%;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 36px;
}

.alliance .myInqWrite .list-table td .mail select {
    width: 32%;
    margin-right: 0;
    float: left;
    border-radius: 0;
}
.alliance .myInqWrite .list-table select#select5 {
    -webkit-background-size: 2%;
    background-size: 2%;
}

.alliance .myInqWrite .list-table td textarea {
    width: 100%;
    height: 150px;
    padding: 1em;
    font-size: 0.9em;
    line-height: 1em;
    font-weight: 200;
    border: 1px solid #ddd;
}

.alliance .agreeFormWrap {
    text-align: left;
    padding: 0 1.4em;
    margin: 50px auto 55px;
}

.alliance .agreeFormWrap h4 {
    text-align: left;
    margin-bottom: 7px;
}

.alliance .agreeFormWrap .agreeForm {
    width: 100%;
    height: 150px;
    padding: 0.9em;
    overflow-y: scroll;
    border: 1px solid #bfbfbf;
    line-height: 1.4em;
}

.alliance .agreeFormWrap .agreeForm p {
}

.alliance .agreeFormWrap .radioArea {
    margin-top: 1em;
    vertical-align: middle
}
.alliance .agreeFormWrap .radioArea label{
    text-indent: 13px;
    margin-right: 0;
}
.alliance .myInqWrite .btn {
    margin-top: 2em;
}

.alliance .myInqWrite .btn a.roundBtn:nth-child(2) {
    margin-left: 1em;
}


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

    .line-box {
        padding: 15px 15px;
        background: #fff;
    }

    .alliance .cs-container .myInqWrite {
        padding:25px 20px;
    }

    .alliance .myInqWrite .list-table {
        width: 100%;
        border: 0;
    }

    .alliance .myInqWrite .list-table td h4 {
        color: #777;
        font-size: 13px;
    }

    .alliance .myInqWrite .list-table td {
        width: 100% \9;
        float: left \9;
    }

    /*ie9에서 width값 적용안되는 부분*/
    .alliance .myInqWrite .list-table td {
        display: block;
        width: 100%;
        border-bottom: 0;
        text-align: left;
        padding: 0 0 20px;
    }

    .alliance .myInqWrite .list-table td label.radio {
        width: 100px;
    }

    .alliance .myInqWrite .list-table td .fullInput,
    .alliance .myInqWrite .list-table td textarea {
        width: 100%;
    }

    .alliance .agreeFormWrap {
        margin: 0 auto;
    }

    .alliance .agreeFormWrap h4 {
        margin-bottom: 10px;
    }

    .alliance .agreeFormWrap h4 span {
        font-size: 14px;
    }

    .alliance .myInqWrite .list-table td .mail {
        width: 100%;
        display: inline-block;
    }

    .alliance .myInqWrite .list-table td .mail .mail1 {
        width: 45%;
    }

    .alliance .myInqWrite .list-table td .mail .mail2 {
        width: 45%;
        margin-right: 0%;
    }

    .alliance .myInqWrite .list-table td .mail span {
        width: 10%;
        margin-top: 5px;
    }

    .alliance .myInqWrite .list-table td .mail select {
        width: 100%;
    }

    .alliance .myInqWrite .btn a.roundBtn {
        width: 48%;
    }

    .alliance .myInqWrite .btn a.roundBtn:nth-child(2) {
        margin-left: 5px;
    }

    .alliance .myInqWrite .list-table select {
        -webkit-background-size: 2%;
        background-size: 2%;
    }

    .alliance .myInqWrite #select4 {
        margin-top: 1em;
    }
}

/*

.write_btn {
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center;
}

.write_btn a {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    text-align: center;
}

.write_btn a:first-child {
    margin-right: 8px;
}

.view_btn {
    margin-top: 3em;
    margin-bottom: 3em
}

.view_btn a {
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    vertical-align: middle;
}

.view_btn a:first-child {
    margin-right: 8px;
}

.view_btn a:last-child {
    margin-left: 8px;
}

@media screen and (max-width:599px) {
    .write_btn {
        width: 100%;
        display: inline-block;
    }

    .write_btn a {
        display: inline-block;
        width: 49%;
        float: left;
        margin-left: 1%;
    }

    .write_btn a:first-child {
        margin-right: 1%;
        margin-left: 0
    }

    .view_btn {
        width: 100%;
        display: inline-block;
    }

    .view_btn a {
        display: inline-block;
        width: 32%;
        float: left;
        margin: 0 2%;
    }

    .view_btn a:first-child {
        margin-right: 0%;
        margin-left: 0
    }

    .view_btn a:last-child {
        margin-right: 0%;
        margin-left: 0
    }
}
*/


/*이용약관 & 개인정보 취급방침*/
.personal_warp {
    width: 100%;
    max-width: 1200px;
    padding: 50px 20px 120px;
    margin: auto;
}

.personal_warp .top_bar_wrap {
    margin-bottom: 40px;
}

.personal_warp .top_bar_wrap h3 {
    font-size: 26px;
    margin-bottom: 0
}

.personal_inform {
    min-height: 723px;
    padding: 40px 0;
    margin: 0 auto;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
}

.personal_inform .history_select{
    width: 100%;
    display: inline-block;
    margin-bottom: 20px;
    text-align: right;
}

.personal_inform .history_select select{
    width: 200px;
}
/*
.personal_inform p, .personal_inform .pre {
    text-align: left;
    font-size: 0.9em;
    line-height: 1.5;
}*/

.personal_inform .pre {
    margin: 1em 0;
}

.personal_inform .pre + p {
    margin-top: 2em;
}

@media screen and (max-width:1023px) {
    .personal_warp {
        width: 100%;
        padding: 50px 20px 120px;
    }
}

@media screen and (max-width:599px) {
    .personal_warp .top_bar_wrap {
        margin-bottom: 1.8em;
    }

    .personal_warp {
        padding: 45px 20px 80px;
    }

    .personal_inform .history_select select{
        width: 100%;
    }
}


/* 전화상담예약 */

.cst_call {
}

.cst_call .bd_title {
    margin-bottom: 20px;
}

.cst_call .bd_title dt {
    padding-bottom: 21px;
    margin-bottom: 16px;
    font-size: 30px;
    border-bottom: 2px solid #1ab581;
}

.cst_call .bd_title dd {
    line-height: 1.5;
    font-size: 1em;
    padding-left: 10px;
    position: relative;
}

.cst_call .bd_title dd:before {
    display: inline-block;
    content: '';
    clear: both;
    width: 2px;
    height: 2px;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 50%;
}

.cst_call .write_form table .phn_bar {
    display: inline-block;
    text-align: center;
    width: 10px;
}

.cst_call .input_wrap .ipt02 {
    width: calc(33% - 10px) !important;
    vertical-align: middle;
}

.cst_call .write_form .write_btn {
    margin-top: 2em;
}

.cst_call .input_wrap {
}

.cst_call .chk_div {
    margin-top: 1em;
}

.cst_call .chk_div > span label {
    margin-right: 0
}

.cst_call .chk_div > span a {
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

.cst_call .chk_div .write_btn a {
    margin-right: 0
}

@media screen and (max-width: 720px) {
    .cst_call .write_form .write_btn {
        margin-bottom: 2em;
    }
}


@media screen and (max-width: 650px) {
    .cst_call .bd_title {
        margin-bottom: 21px;
    }

    .cst_call .bd_title dt {
        font-size: 24px;
        padding-bottom: 16px;
    }
}

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

/*회원탈퇴*/
#present_right.withdrawal_bottom {
    margin-top: 0%;
}

.withdrawal_bottom {
    margin-top: 10%;
}

.withdrawal_bottom .title {
    margin-bottom: 50px;
}

.withdrawal_bottom .title h3 {
    margin-bottom: 30px;
}

.withdrawal_bottom .title p {
    font-size: 18px;
    margin-bottom: 10px;
}

.withdrawal_bottom .title p:last-child {
    margin-bottom: 0
}

@media all and (max-width:599px) {
    .withdrawal_bottom .title {
        margin-bottom: 30px;
    }

    .withdrawal_bottom .title p {
        font-size: 15px;
        margin-bottom: 10px;
        line-height: 18px;
    }

    .withdrawal_bottom .btnWrap a {
        font-size: 15px;
    }
}


/*오프라인강의*/
.section_cmd_lec {
    width: 100%;
}

.section_cmd_lec.section_offline {
    background: url(../images/application/img_offline_on_bg.jpg.html) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.section_cmd_lec.section_online {
    background: url(../images/application/img_online_on_bg.jpg.html) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.section_cmd_lec .max_width {
    padding-left: 0;
    padding-right: 0;
}

.section_cmd_lec .imgArea {
    text-align: center;
    position: relative;
    padding-bottom: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

.section_cmd_lec .imgArea:before {
    display: none;
    content: '';
    width: 100%;
    height: 70%;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
}

.section_cmd_lec .imgArea img {
    position: relative;
    max-width: 100%;
    width: 100%;
}

.section_cmd_lec .owl-carousel .owl-nav {
    display: block !important;
    position: absolute;
    top: 50%;
    width: 100%;
    max-width: 1228px;
    margin: -30px auto 0;
    transition: 0.3s;
}

.section_cmd_lec .owl-carousel .owl-nav button.owl-prev span,
.section_cmd_lec .owl-carousel .owl-nav button.owl-next span {
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    opacity: 0.3;
    transition: 0.2s;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100%;
    background-size: 100%;
}

.section_cmd_lec .owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -75px;
    transition: 0.2s;
}

.section_cmd_lec .owl-carousel .owl-nav button.owl-prev span {
    background-image: url(../images/common/slidePrev_ab.png);
}

.section_cmd_lec .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -75px;
    transition: 0.2s;
}

.section_cmd_lec .owl-carousel .owl-nav button.owl-next span {
    background-image: url(../images/common/slideNext_ab.png);
}

.section_cmd_lec .owl-carousel button.owl-prev span:hover,
.section_cmd_lec .owl-carousel button.owl-next span:hover {
    opacity: 0.75 !important;
}

.section_cmd_lec .owl-carousel:hover .owl-nav button.owl-prev {
    padding-left: 40px !important;
}

.section_cmd_lec .owl-carousel:hover .owl-nav button.owl-next {
    padding-right: 40px !important;
}

.section_cmd_lec .owl-carousel button:hover {
    cursor: default;
}

.section_cmd_lec .owl-carousel button span:hover {
    cursor: pointer;
}

@media all and (max-width: 1400px) {
    .section_cmd_lec .owl-carousel .owl-nav button.owl-prev {
        left: -38px;
    }

    .section_cmd_lec .owl-carousel .owl-nav button.owl-next {
        right: -38px;
    }
}

@media all and (max-width: 1310px) {
    .section_cmd_lec .max_width {
        width: calc(100% - 100px);
        padding-left: 39px;
        padding-right: 39px;
    }
}

@media all and (max-width:1023px) {
    .section_cmd_lec .max_width {
        padding-left: 0;
        padding-right: 0;
    }

    .section_cmd_lec .imgArea:hover .hoverDetail {
        display: none;
    }

    .section_cmd_lec .owl-carousel .owl-dots {
        display: none !important;
    }

    .section_cmd_lec .owl-carousel .owl-nav {
        position: static;
        top: 0;
        margin: 0;
        margin-top: 21px;
        margin-bottom: 0;
        text-align: center;
    }

    .section_cmd_lec .owl-carousel .owl-nav button {
        position: static !important;
        padding-left: 0 !important;
        left: auto;
        right: auto;
    }

    .section_cmd_lec .owl-carousel .owl-nav button.owl-prev {
        margin-right: 15px;
    }

    .section_cmd_lec .owl-carousel .owl-nav button.owl-prev span,
    .section_cmd_lec .owl-carousel .owl-nav button.owl-next span {
        width: 40px;
        height: 40px;
        opacity: 0.3;
    }
}

@media all and (max-width:599px) {
    .section_cmd_lec {
        padding-top: 50px;
    }

    .section_cmd_lec .max_width {
        width: calc(100% - 40px);
    }
}

/* 오프라인 캠퍼스 */
.section_offline ul > li {
    padding-bottom: 35px;
}

.section_offline {
    width: 100%;
}

.section_offline .box {
    transition: all 0.2s;
    position: relative;
}

.section_offline .page-title a.moreBtn:before {
    background-color: #222;
}

.section_offline .page-title a.moreBtn:after {
    background-color: #222;
}

.lectureList .tagArea {
    position: absolute;
    z-index: 9;
    left: 10px;
    top: 10px;
}

/* 모집중 */
.lectureList .tagArea.color2 span {
    background-color: #1ab581;
}

/* 사전예약중 */
.lectureList .tagArea.color3 span {
    background-color: #6F47B4;
}

/*TODO : .pic_board_content .tagArea.color컬러 값 개발 완료 후 수정 필요*/
/* 마감임박 */
.lectureList .tagArea.color4 span {
    background-color: #ff1151;
}

/* 모집마감 */
.lectureList .tagArea.color5 span {
    background-color: #875aff;
}

.lectureList .tagArea span {
    display: inline-block;
    font-size: 13px;
    height: 24px;
    padding: 5px 10px;
    vertical-align: middle;
    color: #fff;
    font-weight: 400;
}
/* 모집예정 */
.lectureList .tagArea.color1 span {
    background-color: #1ab581;
}
@media all and (max-width:1060px) {
    .interestClassWrap li.col-3{
        width:33.3333%;
    }
    .lectureList .tagArea span {
        font-size: 12px;
        padding: 6px 10px 6px;
        height: auto;
    }
}
@media all and (max-width:599px) {
    .lectureList .tagArea span {
        font-size: 13px;
        padding: 6px 8px 6px;
    }
}



/*출석확인 팝업*/
.presentAttend.attend_page {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
}

.presentAttend.attend_page .attend_page_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.presentAttend.attend_page .attend_close {
    position: absolute;
    top: -30px;
    right: 0;
}

.presentAttend.attend_page .attend_page_box {
    position: absolute;
    width: 450px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 20px;
    background-color: #fff;
}

.presentAttend.attend_page .attend_page_box h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 2px solid var(--keycolor);
    line-height: 1;
    padding-bottom: 15px;
}

.presentAttend.attend_page .attend_page_box h4 span {
    font-size: 14px;
    margin: 0 10px;
    display: inline-block;
    position: relative;
}

.presentAttend.attend_page .attend_page_box h4 span:last-child {
}

.presentAttend.attend_page .attend_page_box h4 span:last-child:before {
    content: '';
    width: 1px;
    height: 9px;
    background: #ccc;
    position: absolute;
    bottom: 4.5px;
    left: -10px;
}

.presentAttend.attend_page .attend_page_box div {
    height: 264px;
    overflow-y: scroll;
}

.presentAttend.attend_page .attend_page_box p {
    font-size: 15px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}

.presentAttend.attend_page .attend_page_box p:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: #333;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
}

.presentAttend.attend_page .attend_page_box table {
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

.presentAttend.attend_page .attend_page_box table th,
.presentAttend.attend_page .attend_page_box table td {
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 8px 5px 8px 5px;
    vertical-align: middle;
}

.presentAttend.attend_page .attend_page_box table th {
    background: rgba(172, 172, 172, 0.05);
    width: 50%;
    text-align: center;
}

.presentAttend.attend_page .attend_page_box table td {
    text-align: center;
}

.presentAttend.attend_page .attend_page_box table td.txt {
    width: 188px;
    text-align: left;
}

.presentAttend.attend_page .attend_page_box table td .absent {
    color: #ff5325;
    font-size: 13px;
}

.presentAttend.attend_page .attend_page_box .list_btn_box {
    margin-bottom: 0
}

@media all and (max-width:599px) {
    .presentAttend.attend_page .attend_page_box h4 {
        font-size: 18px;
    }

    .presentAttend.attend_page .attend_page_box p {
        font-size: 14px;
    }

    .presentAttend.attend_page .attend_page_box {
        width: 90%;
    }

    .presentAttend.attend_page .attend_page_box table th {
        width: 30%;
        font-size: 12px;
    }

    .presentAttend.attend_page .attend_page_box table td {
        width: 20%;
        font-size: 12px;
    }

    .presentAttend.attend_page .attend_page_box table td.txt {
        width: 50%
    }

    .presentAttend.attend_page .attend_page_box table td .absent {
        font-size: 12px;
    }
}

@media all and (max-width: 340px) {
    .presentAttend.attend_page .attend_page_box h4 {
        font-size: 18px;
    }

    .presentAttend.attend_page .attend_page_box p {
        font-size: 14px;
    }

    .presentAttend.attend_page .attend_page_box {
        width: 90%;
    }

    .presentAttend.attend_page .attend_page_box table th {
        width: 30%;
        font-size: 11px;
    }

    .presentAttend.attend_page .attend_page_box table td {
        width: 20%;
        font-size: 11px;
    }

    .presentAttend.attend_page .attend_page_box table td.txt {
        width: 50%
    }

    .presentAttend.attend_page .attend_page_box table td .absent {
        font-size: 11px;
    }
}

/*세금계산서 신청*/
.taxRequest.tax_page {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    overflow: hidden;
}

.taxRequest.tax_page .tax_page_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.taxRequest.tax_page .tax_close {
    position: absolute;
    top: -30px;
    right: 0;
}

.taxRequest.tax_page .tax_page_box {
    text-align: center;
    position: absolute;
    width: 600px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px 20px;
    background-color: #fff;
}

.taxRequest.tax_page .tax_page_box h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    border-bottom: 2px solid var(--keycolor);
    line-height: 1;
    padding-bottom: 15px;
}

.taxRequest.tax_page .tax_page_box h4 span {
    font-size: 14px;
    margin: 0 10px;
    display: inline-block;
    position: relative;
}

.taxRequest.tax_page .tax_page_box h4 span:last-child {
}

.taxRequest.tax_page .tax_page_box h4 span:last-child:before {
    content: '';
    width: 1px;
    height: 9px;
    background: #ccc;
    position: absolute;
    bottom: 4.5px;
    left: -10px;
}

.taxRequest.tax_page .tax_page_box div {
}

.taxRequest.tax_page .tax_page_box p {
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px;
}

.taxRequest.tax_page .tax_page_box p:before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50px;
    background: #333;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 0;
}

.taxRequest.tax_page .tax_page_box table {
    border-left: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}

.taxRequest.tax_page .tax_page_box table th,
.taxRequest.tax_page .tax_page_box table td {
    text-align: left;
    font-size: 13px;
    color: #666;
    letter-spacing: -0.5px;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 8px 10px;
    vertical-align: middle;
}

.taxRequest.tax_page .tax_page_box table th {
    background: rgba(172, 172, 172, 0.05);
    width: 108px;
}

.taxRequest.tax_page .tax_page_box table td {
    width: 262px;
}

.taxRequest.tax_page .tax_page_box table td input[type="text"] {
    border: 1px solid #eaeaea;
    height: 32px;
}

.taxRequest.tax_page .tax_page_box table td .address p {
    padding-left: 0;
    margin-bottom: 5px;
    font-size: 14px;
}

.taxRequest.tax_page .tax_page_box table td .address p:before {
    display: none;
}

.taxRequest.tax_page .tax_page_box table td .address p input.addr1 {
    width: 140px;
}

.taxRequest.tax_page .tax_page_box table td .address p a {
    font-size: 13px;
    width: 90px;
    height: 32px;
    border: 1px solid #999;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    margin-left: 10px;
}

.taxRequest.tax_page .tax_page_box table td .address input.addr2 {
    margin-bottom: 5px;
}

.taxRequest.tax_page .tax_page_box .requestBtn {
    width: 140px;
    height: 38px;
    display: inline-block;
    line-height: 36px;
    font-size: 15px;
    margin-top: 20px;
}

@media all and (max-width:599px) {
    .taxRequest.tax_page .tax_page_box h4 {
        font-size: 18px;
    }

    .taxRequest.tax_page .tax_page_box p {
        font-size: 14px;
    }

    .taxRequest.tax_page .tax_page_box {
        width: 90%;
    }

    .taxRequest.tax_page .tax_page_box table th {
        width: 30%;
        font-size: 12px;
    }

    .taxRequest.tax_page .tax_page_box table td {
        width: 70%;
        font-size: 12px;
    }

    .taxRequest.tax_page .tax_page_box table td label.radio {
        font-size: 12px;
    }

    .taxRequest.tax_page .tax_page_box table td .address p input.addr1 {
        width: 55%
    }

    .taxRequest.tax_page .tax_page_box table td .address p a {
        font-size: 12px;
        width: 40%;
        height: 32px;
        margin-left: 5%;
    }

    .taxRequest.tax_page .tax_page_box table td .address input.addr2 {
        margin-bottom: 5px;
    }

    .taxRequest.tax_page .tax_page_box .requestBtn {
        font-size: 14px;
    }
}

@media all and (max-width: 360px) {
    .taxRequest.tax_page .tax_page_box h4 {
        font-size: 18px;
    }

    .taxRequest.tax_page .tax_page_box p {
        font-size: 14px;
    }

    .taxRequest.tax_page .tax_page_box {
        width: 90%;
    }

    .taxRequest.tax_page .tax_page_box table th {
        width: 30%;
        font-size: 11px;
    }

    .taxRequest.tax_page .tax_page_box table td {
        width: 70%;
        font-size: 11px;
    }

    .taxRequest.tax_page .tax_page_box > div {
        height: 280px;
        overflow-y: scroll;
    }
}

/*무통장 결제 영수증출력 팝업*/
#receiptPrint {
    display: block;
    -webkit-print-color-adjust: exact;
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
}

#receiptPrint h2 {
    font-size: 17px;
    color: #fff;
    background: #565960;
    padding: 14px 30px;
}

#receiptPrint .print_inner {
    padding: 20px 30px;
}

#receiptPrint .print_inner .printBoxWrap {
    width: 100%;
    margin: 0 auto 20px;
}

#receiptPrint .print_inner h3 {
    color: #111;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}

#receiptPrint .print_inner table {
    border-left: 1px solid #cecece;
    border-top: 1px solid #cecece;
    border-right: 1px solid #cecece;
}

#receiptPrint .print_inner table th,
#receiptPrint .print_inner table td {
    display: table-cell;
    float: none;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#receiptPrint .print_inner table td:last-child {
    border-right: 0;
}

#receiptPrint .print_inner .printBox01 table td {
    width: 330px;
}

#receiptPrint .print_inner table th {
    color: #777;
    width: 110px;
    text-align: left;
    font-size: 13px;
    padding: 10px 10px;
    vertical-align: middle;
    background: #f5f5f5;
}

#receiptPrint .print_inner table td {
    border-left: 0;
    width: 110px;
    color: #555;
    font-size: 13px;
    text-align: left;
    padding: 10px 10px;
}

#receiptPrint .print_inner table .receiptTotal th {
    color: #777;
    font-weight: 500;
}

#receiptPrint .print_inner table .receiptTotal td {
    color: #ed1d1d;
    font-weight: 500;
}

#receiptPrint .sm-txt {
    font-size: 13px;
    color: #777;
    margin-top: 15px;
}

#receiptPrint .btn_wrap {
    text-align: center;
}

#receiptPrint .btn_wrap a {
    font-size: 14px;
    font-weight: 500;
    width: 120px;
    height: 34px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
    margin: 0 4px;
    vertical-align: top;
}

#receiptPrint .btn_wrap a.printBtn {
    background: #565960;
    color: #fff;
}

#receiptPrint .btn_wrap a.closeBtn {
    border: 1px solid #565960;
    background: #fff;
    color: #565960;
}

/*=====================
         공통
=====================*/
/*네비게이션*/
.location {
    background: #f8f8f8;
    padding: 14px 20px;
}

.location ul {
    max-width: 1200px;
    margin: 0 auto;
}

.location ul li {
    padding: 0 13px;
    display: inline-block;
    position: relative;
    float: left;
    line-height: 12px;
}

.location ul li:first-child {
    padding-left: 0;
}

.location ul li:last-child a {
    font-size: 12px;
    color: #555;
    font-weight: 500;
}

.location ul li a {
    font-size: 12px;
    color: #555;
    font-weight: 200;
    display: inline-block;
}

.location ul li.home img {
}

.location ul li:after {
    content: '/';
    position: absolute;
    right: 0;
    color: #ccc;
    font-size: 11px;
    font-weight: 100;
}

.location ul li:last-child:after {
    display: none;
}

@media all and (max-width:1023px) {
    .location {
        display: none;
    }
}

/*=======================================
              관심상품 탭
=======================================*/
.ipTab {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    display: inline-block;
    border-bottom:0;
}

#divTab .ipTab li {
    color: #777;
    padding: 17px 0 18px;
}

#divTab .ipTab li.active {
    color: #333;
}

.ipTab_content {
    display: none;
}

.ipTab_content.active {
    display: block;
}
@media all and (max-width:1023px) {
    #divTab .ipTab li{
        padding:10px 0;
        font-size: 14px;
    }
}
/*=======================================
        강의리스트 탭 - 리스트썸네일
=======================================*/
/* 강의리스트 탭 */
.lecTabWrap {
    text-align: right;
    margin-bottom: 10px;
}

.lecture_tabs {
    display: inline-block;
}

.lecture_tabs li {
    text-indent: 999px;
    width: 32px;
    height: 32px;
    float: left;
    cursor: pointer;
    margin-right: 0;
    margin-bottom: 0;
    border: 1px solid #ddd;
    background-position: center;
    background-repeat: no-repeat;
}

.lecture_tabs li.thum_tab {
    background-image: url('../../images/application/tab_btnThum_off.svg');
    margin-right: -1px;
}

.lecture_tabs li.thum_tab.active {
    background-image: url('../../images/application/tab_btnThum_on.svg');
}

.lecture_tabs li.list_tab {
    background-image: url('../../images/application/tab_btnList_off.svg');
}

.lecture_tabs li.list_tab.active {
    background-image: url('../../images/application/tab_btnList_on.svg');
}

.lecture_tabs li.active {
    position: relative;
    z-index: 2;
}

/* 리스트썸네일 */
.lecTabList {
}

.lecTabList#list_tab1 {
}

.lecTabList#list_tab2 {
}

.lecTabList#list_tab2 .section_offline .row {
    margin-left: 0;
    margin-right: 0;
}

.lecTabList#list_tab2 .section_offline ul > li {
    width: 100%;
    padding: 20px;
    border: 1px solid #ddd;
    margin-bottom: 15px;
}

.lecTabList#list_tab2 .section_offline ul > li:last-child {
    margin-bottom: 0;
}

.lecTabList#list_tab2 .section_offline .box:hover,
.lecTabList#list_tab2 .section_offline ul > li a:hover {
    box-shadow: none;
}

.lecTabList#list_tab2 .section_offline ul > li .content_top {
    width: 256px;
    vertical-align: middle;
    display: inline-block;
    border: 0;
}

.lecTabList#list_tab2 .section_offline ul > li .content_bottom {
    width: calc(100% - 260px);
    vertical-align: middle;
    display: inline-block;
    border: 0;
}

.lecTabList#list_tab2 .section_offline ul > li .price {
    padding: 0;
    border: 0;
}

@media all and (max-width:599px) {
    .lecTabList#list_tab2 .section_offline ul > li .content_top {
        width: 100%;
        vertical-align: middle;
        display: inline-block;
        border: 0;
    }

    .lecTabList#list_tab2 .section_offline ul > li .content_bottom {
        width: 100%;
        vertical-align: middle;
        display: inline-block;
        border: 0;
    }

    .lecTabList#list_tab2 .section_offline ul > li {
        padding: 15px;
        margin-bottom: 15px;
    }

    .lecTabList#list_tab2 .section_offline ul > li a .cont_btm_wrap {
        padding: 20px 0;
    }
    .lecTabList#list_tab2 .section_offline ul > li a .content_bottom .price em,
    .lecTabList#list_tab2 .section_offline ul > li a .content_bottom .price em span,
    .lecTabList#list_tab2 .section_offline ul > li a .content_bottom .price .cost-sale span,
    .lecTabList#list_tab2 .section_offline ul > li a .content_bottom .price .cost-sale,
    .lecTabList#list_tab2 .section_offline ul > li a .content_bottom .price .cost-sale span{
        font-size:16px;
    }
    #ip_tab2 .text_book_wrap .text_book_list .content_bottom h4 {
        height: 44px;
    }
}

@media all and (max-width: 540px) {
    #ip_tab2 .text_book_wrap .text_book_list .content_bottom h4 {
        height: auto;
    }
}


/*============================
       P. 증명서 발급
============================*/

.certIssuance{}
.certIssuance .certList{}
.certIssuance .certList li{
    padding: 30px;
    border:1px solid #ddd;
    position: relative;
    margin-bottom: 20px;
    border-radius: 3px;
}
.certIssuance .certList li:last-child{
    margin-bottom: 0;
}
.certIssuance .certList .leftCont{
    padding-right: 300px;
}
.certIssuance .certList .subject{
    font-size: 18px;
    line-height: 22px;
    color: #333;
    font-weight: 500;
    margin-bottom: 10px;
}
.certIssuance .certList .period{
    font-size: 13px;
    color:#777;
    font-weight: 200;
}
.certIssuance .certList .btn_print_box{
    display: inline-block;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
}
.certIssuance .certList a.btn_survey,
.certIssuance .certList a.btn_print{
    background-color: var(--keyrgba10);
    border: 1px solid var(--keyrgba50);
    border-radius: 5px;
    height: 38px;
    font-size: 14px;
    color: #333;
    font-weight: 500;
    display: inline-block;
    padding:11px 20px 9px;
    text-align: center;
}
.certIssuance .certList a.btn_survey{
    background: #fff;
    border: 1px solid var(--keyrgba50);
    margin-right: 10px;
}
.certIssuance .certList span.certText{
    background-color: #eee;
    border-radius: 3px;
    width: auto;
    height: 36px;
    font-size: 13px;
    color: #555;
    display: inline-block;
    padding:10px 10px;
    text-align: center;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
}
.certIssuance .certList a.btn_apply{
    background-color: #555;
    border-radius: 3px;
    width: 100px;
    height: 36px;
    font-size: 13px;
    color: #fff;
    display: inline-block;
    padding:10px 10px;
    text-align: center;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
}
.certIssuance .certList a.btn_applyDetail{
    background-color: #eee;
    border-radius: 3px;
    width: 100px;
    height: 36px;
    font-size: 13px;
    color: #555;
    display: inline-block;
    padding:10px 10px;
    text-align: center;
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -18px;
}
@media all and (max-width: 599px) {
    .certIssuance .certList li{
        padding: 20px 15px;
        margin-bottom: 10px;
    }
    .certIssuance .certList li:last-child{
        margin-bottom: 0;
    }
    .certIssuance .certList .leftCont{
        padding-right: 100px;
    }
    .certIssuance .certList .subject{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 15px;
    }
    .certIssuance .certList .period{
    }
    .certIssuance .certList .leftCont{
        padding-right: 0;
    }
    .certIssuance .certList .btn_print_box{
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px;
        width: 100%;
    }
    .certIssuance .certList a.btn_survey,
    .certIssuance .certList a.btn_print{
        font-size: 13px;
        width: auto;
        height: 34px;
        padding: 9px 20px 8px;
        position: static;
        right: auto;
        top: auto;
        margin-top: 0px;
    }
    .certIssuance .certList a.btn_survey{
        margin-right: 5px;
    }
    .certIssuance .certList span.certText{
        font-size: 12px;
        width: 100%;
        height: 30px;
        padding: 8px 10px;
        position: static;
        right: auto;
        top: auto;
        margin-top: 15px;
    }
}

/*====================================
          내 강의실 > 수강증 출력
====================================*/

/*====================================
          내 강의실 > 수료증 출력
====================================*/

/*합격증출력 및 자격증출력 팝업*/
#myDivToPrint{
    display: block;

    visibility:visible;
    position: fixed; width: 100%; height: 100%;
    left: 0; top: 0;
    z-index: 999; background-color: #fff;
    font-family: 'Pretendard', Noto Sans KR, 돋움, Dotum, Arial, sans-serif;
}
.certificatePrint .print_section,
.coursePrint .print_section{
    position: absolute;
    width: 100%;
    padding-top: 142%;
    height: 0;
}
.certificatePrint .print_section .printBg,
.coursePrint .print_section .printBg{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: -1;
}
.certificatePrint .print_section .printBg img,
.coursePrint .print_section .printBg img{}
#myDivToPrint .print_inner{
    padding:18vw 10.1vw 13.5vw;
    width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
#myDivToPrint .print_inner .table{width:100%; margin:0 auto 0;}
#myDivToPrint .print_inner h3 {
    color: #333;
    font-weight: 700;
    font-size: 8.5vw;
    line-height: 9.5vw;
    text-align: center;
    padding-bottom: 6.8vw;
    letter-spacing: 4.2vw;
    font-family: 'Pretendard', Noto Sans KR, 돋움, Dotum, Arial, sans-serif;

}

#myDivToPrint .print_inner table th{
    width: 90px;
    width: 15vw;
    padding-right: 3vw;
    text-align: justify;
}
#myDivToPrint.uliEduPrint .print_inner table th{
    width: 21vw;
}
#myDivToPrint .print_inner table td{
    text-align: left;
}
#myDivToPrint .print_inner table th,
#myDivToPrint .print_inner table td{
    font-size:13px;
    font-size: 2.4vw;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 2vw;
    line-height: 3.6vw;
}
#myDivToPrint .print_inner table tr:last-child th,
#myDivToPrint .print_inner table tr:last-child td{
    padding-bottom: 0px;
}



#myDivToPrint .print_inner .info_cont_box .info_title{
    width: 90px;
    width: auto;
    padding-right: 4vw;
    text-align: left;
}
#myDivToPrint.uliEduPrint .print_inner .info_cont_box .info_title{
    width: auto;
}
#myDivToPrint .print_inner .info_cont_box div:last-child{
    text-align: left;
}
#myDivToPrint .print_inner .info_cont_box li{display:inline-block;width: 100%; display:flex;}
#myDivToPrint .print_inner .info_cont_box .info_title,
#myDivToPrint .print_inner .info_cont_box div:last-child{
    font-size: 2.4vw;
    font-weight: 500;
    line-height: 4vw;
    display: inline-block;
    vertical-align: top;
    float: left;
}
#myDivToPrint .print_inner .info_cont_box .info_title{
    min-width: 16vw;
    text-align: justify;
    white-space: normal;
    font-size: 0;
    line-height: 0;
    position: relative;
}
#myDivToPrint .print_inner .info_cont_box .info_title span{
    font-size: 2.4vw;
    font-weight: 500;
    line-height: 4.2vw;
    display: inline;
    font-weight: 500;
}
#myDivToPrint .print_inner .info_cont_box .info_title:before {
    content: ':';
    position: absolute;
    right: 2vw;
    top: 2vw;
    font-size: 2.4vw;
}

#myDivToPrint .print_inner .info_cont_box .info_title:after {
    content: '';
    display: inline-block;
    width: 100%;
}
#myDivToPrint .print_inner .info_cont_box .info_title span:after {display:none;}

#myDivToPrint .print_inner .info_cont_box li:last-child div{
    padding-bottom: 0px;
}

.coursePrint .info_cont_box .info_title span,
.certificatePrint .info_cont_box .info_title span{
    width: 100%;
    display: inline-block;
    position: relative;
    white-space: nowrap;
}
.coursePrint .info_cont_box .info_title span:after,
.certificatePrint .info_cont_box .info_title span:after{
    content:':';
    position: absolute;
    right:-2vw;
    top: 0;
    font-size: 2.4vw;
}
.coursePrint .certi_info_btm,
.certificatePrint .certi_info_btm{
    position: absolute;
    bottom: 13.5vw;
    width: 100%;
    left: 0;
}





#myDivToPrint .certificate_date{
    font-size: 2.7vw;
    font-weight: 500;
    color: #555;
    text-align: center;
    margin-top: 0;
}
#myDivToPrint .certificate_sign{
    font-size: 4.2vw;
    color: #181415;
    font-weight: bold;
    text-align: center;
    margin-top: 3.4vw;
}
#myDivToPrint .cs_logo{
    text-align: center;
    margin-top: 4vw;
}
#myDivToPrint .cs_logo img{
    width: 86px;
}

/*수강증 출력팝업*/
#myDivToPrint.coursePrint .print_inner{
    padding:107px 60px 80px;
    padding:18vw 10.1vw 13.5vw;
}
.coursePrint .courseInfo2{
    font-size: 15px;
    font-size: 3.1vw;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    margin-top: 6.8vw;
    margin-bottom: 10vw;
    line-height: 4.2vw;
    letter-spacing: -0.17vw;
    word-break: keep-all;
}
/*
.coursePrint .courseInfo1 tr:nth-child(1) th span{
    letter-spacing: 0.656vw;
}
.coursePrint .courseInfo1 tr:nth-child(2) th span{
    letter-spacing: 0.9vw;
}
.coursePrint .courseInfo1 tr:nth-child(3) th span{
    letter-spacing: 0.3vw;
}
.coursePrint .courseInfo1 tr:nth-child(4) th span{
    letter-spacing: 0.9vw;
}
.coursePrint .courseInfo1 tr:nth-child(5) th span{
    letter-spacing: 0.9vw;
}
.coursePrint .courseInfo1 tr:nth-child(6) th span{
    letter-spacing: 0.9vw;
}
.coursePrint .courseInfo1 tr:nth-child(7) th span{
    letter-spacing: 0.656vw;
}
*/

/*수료증 출력팝업*/
#myDivToPrint.certificatePrint .print_inner table th,
#myDivToPrint.certificatePrint .print_inner table td{
    padding-bottom: 0;
    line-height: 0;
    vertical-align: baseline;
}
#myDivToPrint.certificatePrint .print_inner table td{
    line-height: 3.23vw;
}
.coursePrint tr th,
.certificatePrint tr th{
    min-width: 16vw;
    text-align: justify;
    white-space: normal;
    font-size: 0;
    line-height: 0;
    position: relative;
}
.coursePrint tr th:after ,
.certificatePrint tr th:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.coursePrint tr th span,
.certificatePrint tr th span{
    font-size: 2.4vw;
    font-weight: 500;
    line-height: 4.2vw;
    display: inline;
    font-weight: 500;
    letter-spacing: 0 !important;
}
.coursePrint tr th span:after,
.certificatePrint tr th span:after{
    content:':';
    position: absolute;
    right:1vw;
    top: 0;
    font-size: 2.4vw;
}
.certificatePrint .top_info + .info_box{}
    /*
    .certificatePrint tr:nth-child(1) th span{
        letter-spacing: 0.656vw;
    }
    .certificatePrint tr:nth-child(2) th span{
        letter-spacing: 0.9vw;
    }
    .certificatePrint tr:nth-child(3) th span{
        letter-spacing: 0.3vw;
    }
    .certificatePrint tr:nth-child(4) th span{
        letter-spacing: 0.9vw;
    }
    */
.certificatePrint .certificateInfo2{
    font-size: 15px;
    font-size: 3.1vw;
    font-weight: 500;
    color: #333;
    line-height: 24px;
    margin-top: 6.8vw;
    margin-bottom: 10vw;
    line-height: 4.2vw;
    letter-spacing: -0.17vw;
    word-break: keep-all;
}
.uliEduPrint.certificatePrint .certificateInfo2{font-size: 3vw;}
.uliEduPrint#myDivToPrint tr th span:after {
    right: 1vw;
}
.certificatePrint .serialNumber{
    font-size: 2.1vw;
    font-weight: 400;
    line-height: 3.7vw;
    letter-spacing: -0.04vw;
    text-align: left;
    color:#333;
    position: absolute;
    left: 12vw;
    top: 13vw;
}


/*TODO : 삭제 필요 */

.coupon_bottom_css .coupon .table {
    display: table;
    width: 100%;
    margin-top: 0;
}

.coupon_bottom_css #divTab {
    position: relative;
    margin-bottom: 0;
}

.coupon_bottom_css #divTab .m-tabs {
    width: 100%;
    position: relative;
}

.coupon_bottom_css .coupon .table p.ch_num {
    width: 5%;
}

.coupon_bottom_css .coupon .table p.cou_title {
    width: 45%;
}

.coupon_bottom_css .coupon .table p.cou_use {
    width: 15%;
}

.coupon_bottom_css .coupon .table p.cou_dc {
    width: 10%;
}

.coupon_bottom_css .coupon .table p.cou_useli {
    width: 10%;
}

.coupon_bottom_css .coupon .table p.cou_serdt {
    width: 15%;
}

.coupon_bottom_css .coupon .table.couponEnd p.cou_title {
    width: 35%;
}

.coupon_bottom_css .coupon .table.couponEnd p.cou_use {
    width: 25%;
}

.coupon_bottom_css .coupon .table li p {
    padding: 2% 0;
    border-bottom: 1px solid #bbb;
}

.coupon_bottom_css .coupon .table .thead.pc_box {
    display: table-header-group;
}

.coupon_bottom_css .coupon .table .thead.t_box {
    display: none;
}

.coupon_bottom_css .coupon .table p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.coupon_bottom_css .coupon .table .thead p {
    color: #222;
    text-align: center;
    font-size: 0.93em;
    font-weight: 500;
    border-top: none;
}

.coupon_bottom_css .coupon .table .tbody {
    display: table-row;
    width: 100%;
}

.coupon_bottom_css .coupon .table .tbody p {
    font-size: 0.93em;
    line-height: 1.5;
    color: #fff;
}

.coupon_bottom_css .coupon .table .tbody .cou_use, .coupon_bottom_css .coupon .table .tbody .cou_use_list, .coupon_bottom_css .coupon .table .tbody .cou_title {
    padding-left: 1%;
    text-align: left;
    box-sizing: border-box;
}

.coupon_bottom_css .coupon .table .coupon_use_list{
    color: #777;
}
.coupon_bottom_css .coupon .table .none_data {
    min-height: 175px;
}

.coupon_bottom_css .coupon .table .none_data div {
    padding-top: 50px;
}

.coupon_bottom_css .coupon .table .none_data div img {
    opacity: 1;
    width: 50px;
}

.coupon_bottom_css .coupon .table .none_data div p {
    padding-bottom: 50px;
    font-size: 14px;
    color: #aaa !important;
}

@media screen and (max-width:1023px) {
    .coupon_bottom_css .register_coupon {
        padding: 30px 20px;
    }

    .register_coupon .couponDivLeft h4, .register_coupon .couponDivRight h4 {
        font-size: 15px;
    }

    .register_coupon .couponDivRight .available {
        background: url('../img/couponImg_t.png.html') no-repeat center left;
        background-size: 26px 26px;
    }

    .register_coupon .couponDivLeft {
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px dashed #444;
        border-right: 0;
    }

    .register_coupon .couponDivLeft .divWrap input.ipt {
        width: 80%;
        margin-right: 0;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn {
        width: 18%;
        float: right;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn a {
        width: 100%;
    }

    .register_coupon .couponDivRight {
        padding: 0;
        width: 94%;
        margin: 0 3%;
        padding-top: 15px;
    }

    .coupon_bottom_css .coupon .table .thead.pc_box {
        display: none;
    }

    .coupon_bottom_css .coupon .table .thead.t_box {
        display: table-header-group;
    }

    .coupon_bottom_css .coupon .table .thead p {
        border-bottom: 1px solid #ddd;
        text-align: left;
        text-indent: 20px;
        background: none;
    }

    .coupon_bottom_css .coupon .table .tbody {
        display: block;
    }

    .coupon_bottom_css .coupon .table .tbody p {
        height: auto;
    }

    .coupon_bottom_css .coupon .table .tbody .body_p {
        display: block;
        width: 100%;
        padding-left: 0;
        line-height: 18px;
        padding-bottom: 5px;
    }
    .coupon_bottom_css .coupon .table .tbody .cou_title {
        border-bottom: 1px dashed #d7d7d7;
        text-align: left;
        text-indent: 0;
        padding: 10px 0;
    }

    .coupon_bottom_css .coupon .table .tbody .cou_title span {
        font-size: 15px
    }

    .coupon_bottom_css .coupon .table p.span_02 {
        border-bottom: none;
    }

    .coupon_bottom_css .coupon .table p.cou_sel {
        padding: 1.3% 0 0.5% 0;
    }

    .coupon_bottom_css .coupon .table p.cou_sel span:first-child {
        padding-top: 11px;
    }

    .coupon_bottom_css .coupon .table .tbody p.cou_sel #couponSelect {
        font-size: 13px;
    }

    .coupon_bottom_css .coupon .table p.ch_input.body_p {
        display: none;
    }
    .coupon_bottom_css .coupon .table.couponEnd p.cou_title,
    .coupon_bottom_css .coupon .table.couponEnd p.cou_use {
        width: 100%;
    }

    .coupon_bottom_css .coupon .table.couponEnd p.cou_title {
        padding: 10px 0;
        text-indent: 0;
    }

    .coupon_bottom_css .coupon .table .tbody .body_p.ch_num {
        display: none;
    }

    .coupon_bottom_css .coupon .table p.span_02 {
        padding: 0 2px;
        line-height: 1;
    }

    .coupon_bottom_css .coupon .table p.span_02.cou_use_list {
        padding-top: 20px;
    }

    .coupon_bottom_css .coupon .table.couponEnd p.cou_use {
        padding-top: 20px;
    }

    .coupon_bottom_css .coupon .table p.span_02:last-child {
        padding-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }

    .coupon_bottom_css .coupon .table p.span_02:after {
        display: block;
        content: '';
        clear: both;
    }

    .coupon_bottom_css .coupon .table p.span_02 span {
        text-align: left;
        display: inline;
        font-size: 14px;
    }

    .coupon_bottom_css .coupon .table p.span_02 span:nth-child(1) {
        float: left;
        padding-left: 0;
        width: 30%;
    }

    .coupon_bottom_css .coupon .table p.span_02 span:nth-child(2) {
        float: right;
        width: 70%;
        text-align: right;
    }

    .coupon_bottom_css .coupon .table p.span_02 span:nth-child(2) span {
        font-size: 14px;
        text-align: right !important;
    }

    .coupon_bottom_css .coupon .table .tbody .cou_title #tcouponCheck {
        padding-left: 23px;
        height: 17px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .coupon_bottom_css .coupon .table .tbody .cou_title #tcouponCheck span {
        padding-left: 25px;
    }

    .coupon_bottom_css .coupon .table .tbody .cou_title #couponCheck:before,
    .coupon_bottom_css .coupon .table .tbody .cou_title #tcouponCheck:before {
        left: 20px;
    }

    .coupon_bottom_css .coupon.t_box table tr td {
        display: block;
        padding: 1.3% 0;
    }

    .coupon_bottom_css .coupon.t_box table tr td:first-child {
        border-bottom: 1px dashed #d7d7d7;
    }

    .coupon_bottom_css .coupon.t_box table tr td:last-child {
        padding-top: 0;
    }

    .coupon_bottom_css .coupon.t_box table tr td p {
        position: relative;
        font-size: 0.95em;
    }

    .coupon_bottom_css .coupon.t_box table tr td p span {
        position: absolute;
        right: 22px;
    }

    .coupon_bottom_css .coupon.t_box table tr th {
        text-indent: 20px;
    }

    .coupon_bottom_css .coupon.t_box table tr td {
        text-align: left;
    }

    .coupon_bottom_css .coupon.t_box table tr td p {
        text-indent: 22px;
    }

    .coupon_bottom_css .coupon.t_box #tcouponCheck {
        padding-left: 46px;
        padding-right: 15px;
        height: auto;
        text-indent: 0;
    }
}

@media screen and (max-width: 680px) {
    .coupon_bottom_css #divTab .m-tabs {
        width: 100%;
    }

    .coupon_bottom_css #divTab:after {
        display: none;
    }

    .coupon_bottom_css .register_coupon input {
        width: calc(84% - 2px);
        margin-right: 1%;
    }

    .coupon_bottom_css .register_coupon a {
        width: calc(15% - 2px);
        box-sizing: border-box;
    }

    .coupon_bottom_css .register_coupon span {
        font-size: 13px;
    }
}

@media screen and (max-width: 599px) {
    .coupon_bottom_css .coupon .table,
    .coupon_bottom_css .coupon .table .tbody .body_p{
        display: inline-block;
        width: 100%;
    }
    .coupon_bottom_css .coupon .table p.span_02 span:nth-child(1) {
        width: 20%;
    }

    .coupon_bottom_css .coupon .table p.span_02 span:nth-child(2) {
        width: 80%;
    }
    .coupon_bottom_css .coupon .table p.span_02 span:nth-child(2) span{
        float: none;
        display: inline-block;
        -webkit-hyphens: auto;
    }
}
@media screen and (max-width: 416px) {
    .register_coupon .couponDivLeft .divWrap input.ipt {
        width: 100%;
        margin-right: 0;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn {
        width: 100%;
        float: none;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn a {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .coupon_bottom_css .tablet_table ul li p > span {
        font-size: 0.85em;
    }
}

@media screen and (max-width: 360px) {
    .coupon_bottom_css .tablet_table ul li p > span {
        font-size: 0.84em;
    }
}



/*====================================
          내 강의실 > 쿠폰함
====================================*/
.coupon_bottom_css .register_coupon {
    background-color: #f8f8f8;
    padding: 21px 20px;
    margin-bottom: 40px;
}

.register_coupon {
    display: inline-block;
    width: 100%;
}

.register_coupon .couponDivLeft {
    width: 65%;
    float: left;
    border-right: 1px dashed #444;
    padding: 0 50px;
    box-sizing: border-box;
    text-align: left;
}

.register_coupon .couponDivLeft h4, .register_coupon .couponDivRight h4 {
    font-size: 18px;
    color: #fff;
    text-align: left;
    margin-bottom: 12px;
}

.register_coupon .couponDivLeft .divWrap {
}

.register_coupon .couponDivLeft .divWrap input.ipt {
    width: calc(100% - 92px);
    padding: 3px 12px;
    margin-right: 3px;
    height: 36px;
    line-height: normal !important;
    border-radius: 0;
    background-color: #fff;
}

.register_coupon .couponDivLeft .divWrap input.ipt::placeholder {
    line-height: normal !important;
}

.register_coupon .couponDivLeft .divWrap .srchBtn {
    display: inline-block;
    width: 84px;
    height: 36px;
}

.register_coupon .couponDivLeft .divWrap .srchBtn a {
    width: 84px;
    height: 36px;
    line-height: 36px;
    background: var(--keycolor);
    display: inline-block;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.register_coupon .couponDivRight {
    width: 35%;
    float: left;
    padding: 5px 50px;
    box-sizing: border-box;
}

.register_coupon .couponDivRight h4 {
}

.register_coupon .couponDivRight .available {
    width: 100%;
    height: 26px;
    text-align: right;
}

.register_coupon .couponDivRight .available strong {
    color: var(--keycolor);
    font-size: 24px;
}

.register_coupon .couponDivRight .available span {
    font-size: 15px;
    color: #aaa;
}

.coupon_bottom #divTab.conditoin_tab{
    margin-bottom: 0;
}
.couponTypeList{}
.couponTypeList > li{
    padding:30px 30px;
    border-bottom: 1px solid #ddd;
}
.couponTypeList > li .coupon_info{
    width: calc(100% - 318px);
    display: inline-block;
    padding:9px 9px 9px 154px;
    position: relative;
    vertical-align: middle;
}
.couponTypeList > li .couponImg{
    width: 125px;
    height: 56px;
    background: url('../../data/customImages/couponImg.png')no-repeat;
    background-size: 125px 56px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28px;
}
.couponTypeList > li .couponImg span{
    width: 96px;
    position: absolute;
    top: 30px;
    text-align: center;
    font-size: 16px;
    left: 3px;
}
.couponTypeList > li .coupon_info .title{
    font-size: 15px;
    color: #333;
    margin-bottom: 10px !important;
    font-weight: 400;
}
.couponTypeList > li .coupon_info .duration{
    font-size: 13px;
    color: #777;
}
.couponTypeList > li .coupon_info_right{
    width: 312px;
    display: inline-block;
}
.couponTypeList > li .coupon_info_right .coupon_dc{
    font-size: 15px;
    color: #333;
    width: calc(100% - 95px);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.couponTypeList > li .coupon_info_right .able_open{
    font-size: 13px;
    color: #555;
    border: 1px solid #ddd;
    border-radius: 3px;
    width: 90px;
    height: 36px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.couponTypeList.couponEnd li .coupon_info{
    width: calc(100% - 445px);

}
.couponTypeList.couponEnd li .coupon_info_right{
    width: 440px;
}
.couponTypeList.couponEnd li .coupon_info_right .coupon_dc{
    width: 170px;
}
.couponTypeList.couponEnd li .coupon_info_right .use_filed{
    width: calc(100% - 175px);
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    color:#555;
    vertical-align: middle;
}
/*쿠폰에 대한 데이터가 없을때*/
.couponTypeList > li.none_data{
    border: 0;
}
.couponTypeList > li.none_data img{
    width: 50px;
}
.couponTypeList > li.none_data p{
    margin-top: 15px;
}
/*쿠폰 적용 대상 팝업*/
.able_field{
    display: none;
}
.able_field.on{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
}
.able_field.on .bg_000{
    display: block;
    opacity: 1;
    z-index: 9;
}
.able_field .able_field_box_wrap{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.able_field .able_field_box{
    padding:30px 20px;
    position: absolute;
    width: 462px;
    background-color: #fff;
    margin:0 auto;
    z-index: 10;
    position: relative;
    left: 50%;
    top: 50%;
    display: inline-block;
    transform: translate(-50%, -50%);
}
.able_field .close_btn{
    width: 18px;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 20px;
}
.able_field .close_btn img{
    width: 20px;
}
.able_field .able_field_box h3{
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid var(--keycolor);
    padding-bottom: 15px;
}
.couponTypeList .able_field .coupon_info{
    width: 100%;
    display: inline-block;
    padding-left: 154px;
    position: relative;
    vertical-align: middle;
    min-height: 56px;
    margin:20px 0;
}
.couponTypeList .able_field .coupon_info .couponImg{
    width: 125px;
    height: 56px;
    background: url('../../data/customImages/couponImg.png')no-repeat;
    background-size: 125px 56px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -28px;
}
.couponTypeList .able_field .coupon_info .couponImg span{
    width: 96px;
    position: absolute;
    top: 30px;
    text-align: center;
    font-size: 16px;
    left: 3px;
}
.couponTypeList .able_field .coupon_info .coupon_info .title{
    font-size: 15px;
    color: #333;
    margin-bottom: 10px !important;
    font-weight: 400;
}
.couponTypeList .able_field .coupon_info .coupon_info .duration{
    font-size: 13px;
    color: #777;
}

.couponTypeList .able_field .coupon_info .title{}
.couponTypeList .able_field .coupon_info .duration{}
.couponTypeList .able_field .coupon_use_list{
    background-color: #f5f5f5;
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding:10px 20px;
    font-size: 14px;
    color: #555;
    line-height: 28px;
    overflow: auto;
    max-height: 157px;
}
.couponTypeList .able_field .coupon_use_list li{
    position: relative;
    padding:0;
    padding-left: 10px;
    border: 0;
    border-radius: 0;
    margin-bottom: 0;
}
.couponTypeList .able_field .coupon_use_list li:before{
    content:'';
    width: 5px;
    height: 1px;
    background-color: #555;
    position: absolute;
    left: 0;
    top: 14px;
}
@media all and (max-width: 1124px){
    .couponTypeList.couponEnd li .coupon_info {
        width: calc(100% - 305px);
    }
    .couponTypeList.couponEnd li .coupon_info_right{
        width: 300px;
    }
    .couponTypeList.couponEnd li .coupon_info_right .coupon_dc {
        width: 120px;
    }
    .couponTypeList.couponEnd li .coupon_info_right .use_filed {
        width: calc(100% - 125px);
    }
}
@media screen and (max-width:1023px) {
    .register_coupon .couponDivLeft h4, .register_coupon .couponDivRight h4 {
        font-size: 15px;
    }

    .register_coupon .couponDivRight .available {
        background: url('../img/couponImg_t.png.html') no-repeat center left;
        background-size: 26px 26px;
    }

    .register_coupon .couponDivLeft {
        width: 100%;
        padding: 0 0 15px;
        border-bottom: 1px dashed #444;
        border-right: 0;
    }

    .register_coupon .couponDivLeft .divWrap input.ipt {
        width: 80%;
        margin-right: 0;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn {
        width: 18%;
        float: right;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn a {
        width: 100%;
    }

    .register_coupon .couponDivRight {
        padding: 0;
        width: 94%;
        margin: 0 3%;
        padding-top: 15px;
    }

}
@media all and (max-width: 990px){
    .couponTypeList li{
        padding:20px;
    }
    .couponTypeList li .coupon_info{
        width: calc(100% - 216px);
    }
    .couponTypeList li .coupon_info_right{
        width: 212px;
    }
    .couponTypeList.couponEnd li .coupon_info{
        width: calc(100% - 335px);
    }
    .couponTypeList.couponEnd li .coupon_info_right{
        width: 330px;
    }
    .couponTypeList.couponEnd li .coupon_info_right .coupon_dc{
        width: 100px;
    }
    .couponTypeList.couponEnd li .coupon_info_right .use_filed{
        width: calc(100% - 105px);
    }
}
@media screen and (max-width: 767px) {
    .coupon_bottom #divTab.conditoin_tab{
        margin-bottom: 20px;
    }
    .couponTypeList{}
    .couponTypeList li{
        padding:15px 15px;
        border: 1px solid #ddd;
        border-radius: 3px;
        margin-bottom: 10px;
    }
    .couponTypeList li .coupon_info{
        width: 100%;
        padding:9px 9px 9px 110px;
    }
    .couponTypeList li .couponImg{
        width: 100px;
        height: 45px;
        background: url('../../data/customImages/couponImg.png')no-repeat;
        background-size: 100px 45px;
        margin-top: 0;
        top: 10px;
    }
    .couponTypeList li .couponImg span{
        width: 75px;
        top: 22px;
        font-size: 13px;
    }
    .couponTypeList li .coupon_info .title{
        font-size: 15px;
        margin-bottom: 10px !important;
    }
    .couponTypeList li .coupon_info_right{
        width: 100%;
        display: inline-block;
        margin-top: 15px;
    }
    .couponTypeList li .coupon_info_right .coupon_dc{
        display: none;
    }
    .couponTypeList li .coupon_info_right .able_open{
        font-size: 12px;
        border: 1px solid #ddd;
        border-radius: 3px;
        width: 100%;
        height: 30px;
        line-height: 28px;
    }

    /*쿠폰 적용 대상 팝업*/
    .able_field{
        display: none;
    }
    .able_field .able_field_box{
        padding:30px 20px;
        position: absolute;
        width: 90%;
        left: 5%;
        top: 50%;
        margin-left: 0 !important;
        transform: translateY(-50%);
    }
    .able_field .close_btn{
        width: 18px;
        cursor: pointer;
        position: absolute;
        top: 30px;
        right: 20px;
    }
    .able_field .close_btn img{
        width: 20px;
    }
    .able_field .able_field_box h3{
        font-size: 20px;
        font-weight: 500;
        border-bottom: 2px solid var(--keycolor);
        padding-bottom: 15px;
    }
    .couponTypeList .able_field .coupon_info{
        width: 100%;
        display: inline-block;
        padding-left: 154px;
        position: relative;
        vertical-align: middle;
        min-height: 56px;
        margin:20px 0;
    }
    .couponTypeList .able_field .coupon_info .couponImg{
        width: 125px;
        height: 56px;
        background: url('../../data/customImages/couponImg.png')no-repeat;
        background-size: 125px 56px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -28px;
    }
    .couponTypeList .able_field .coupon_info .couponImg span{
        width: 96px;
        position: absolute;
        top: 30px;
        text-align: center;
        font-size: 16px;
        left: 3px;
    }
    .couponTypeList .able_field .coupon_info .coupon_info .title{
        font-size: 15px;
        color: #333;
        margin-bottom: 10px !important;
        font-weight: 400;
    }
    .couponTypeList .able_field .coupon_info .coupon_info .duration{
        font-size: 13px;
        color: #777;
    }

    .couponTypeList .able_field .coupon_info .title{}
    .couponTypeList .able_field .coupon_info .duration{}
    .couponTypeList .able_field .coupon_use_list{
        background-color: #f5f5f5;
        border-top:1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding:10px 20px;
        font-size: 14px;
        color: #555;
        line-height: 28px;
        max-height: 300px;
        overflow-y: auto;
    }

    .couponTypeList.couponEnd li{
        padding: 15px 15px;
    }
    .couponTypeList.couponEnd li .coupon_info{
        width: 100%;
        padding:20px 15px 20px 125px;
    }
    .couponTypeList.couponEnd li .couponImg{
        left:15px;
        top: 20px;
    }
    .couponTypeList.couponEnd li .coupon_info_right{
        width: 100%;
        padding:9px 15px;
        margin-top:0;
        border-top:1px dashed #ddd;
    }
    .couponTypeList.couponEnd li .coupon_info_right .coupon_dc{
        display: none;
    }
    .couponTypeList.couponEnd li .coupon_info_right .use_filed{
        width: 100%;
        width: 100%;
        font-size: 12px;
        color: #555;
        text-align: left;
    }

}
@media screen and (max-width: 416px) {
    .register_coupon .couponDivLeft .divWrap input.ipt {
        width: 100%;
        margin-right: 0;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn {
        width: 100%;
        float: none;
    }

    .register_coupon .couponDivLeft .divWrap .srchBtn a {
        width: 100%;
    }
}





/*============================================================================================================
    TODO : 영역이 수정 될 경우 하단에 추가해서 수정
    TODO : 1) 커밋 및 젠킨스로 반영할때 수정되서 추가한 영역을 전달해서 수정하는 방안으로 진행
============================================================================================================*/
.number_sel .numberUpDown span, .number_sel .w100 p span{
    float: left;
    display: block;
    width: 20px;
    height: 20px;
    line-height: normal;
    text-indent: 0;
    margin-right: 5px;
    text-align: center;
    font-size: 13px;
}
.number_sel p span.minus, .number_sel p span.plus {
    line-height: 17px;
}
/*장바구니*/
#cart .appPeriod{
    font-size: 13px;
    margin-top: 5px;
    color:#555;
}
#cart .price_box .priceP{
    width: 120px;
}
#cart #div01 ul li.textBookLi div.chbox1 div.subject {
    width: 100%;
}
#cart #div01 ul li.textBookLi div.chbox1 div.subject em{
    width: 100%;
}
#cart div.subject_wrap_box {
    display: inline-block;
    /*width: calc(100% - 145px);*/
    width: 100%;
    margin-left: 0px;
}
#cart .textBookLi div.subject_wrap_box {
    display: inline-block;
    /*width: calc(100% - 295px);*/
    width: 100%;
    margin-left: 0px;
}
#cart #div01 ul li div.chbox1 div.subject {
    display: inline-block;
    width: 100%;
    margin-left: 0px;
}
#cart #div01 ul li div.chbox1 .cartInfo {
    width: calc(100% - 152px);
    display: inline-block;
    vertical-align: middle;
    padding-right: 40px;
    padding-left: 10px;
}
#cart #div01 ul li.cart_detail_css div.chbox1 .cartInfo.price_box > a{
    display: inline-block;
    width: calc(100% - 125px);
    vertical-align: middle;
}
#cart #div01 ul li.cart_detail_css.textBookLi div.chbox1 .cartInfo.price_box > a{
    width: calc(100% - 280px);
}
#cart #div01 ul li div.chbox1 div.subject em {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    height: 20px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto;
    max-width: calc(100% - 70px);
    display: inline-block;
}
#cart #div01 ul li div.chbox1 div.subject .option_txt{
    font-weight: 400;
    font-size: 13px;
    color: #666;
    margin-top: 0px;
    line-height: 1.4;
    word-break: keep-all;
    margin-top:5px;
    white-space: normal;
}
#cart .del_product_btn{
    background: #fff;
    border: 0;
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 0px 0px;
    right: 0;
    top: 50%;
    margin-top: -10px;
}
#cart .del_product_btn img{
    width: 18px;
}
#cart .state_icon{
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    border-radius: 3px;
    padding: 1px 5px 3px;
    margin-right: 5px;
    margin-left: 0;
    line-height:18px;
}
#cart .stopSelling{
    /*판매중지*/
    background: #555;
}
#cart .deadline{
    /*모집마감*/
    background: #555;
}
#cart .preparing{
    /*준비중*/
    background: #1ab581;
}
#cart .imminent{
    /*마감임박*/
    background: #ff4b4b;
}
@media all and (max-width:990px) {
    .cart_form .sum_info_box .m_btn_del_wrap{
        margin-top: 15px;
    }
    .cart_form .sum_info_box .btn_delete{
        float: left;
        margin-top: 0;
    }
    .cart_form .sum_info_box .btn_delete:nth-child(2){
        margin-left: 10px;
    }
}
@media all and (max-width:768px) {
    #cart .del_product_btn{
        top: auto;
        margin-top: 0;
        bottom: 0;
    }
    #cart #div01 ul li div.chbox1 .cartInfo {
        width: calc(100% - 120px);
        padding-left:5px;
        padding-right: 0;
    }
    #cart #div01 ul li .price_box .priceP{
        margin-left: 0;
    }
    #cart .appPeriod{
        margin-top: 0;
        margin-bottom: 10px;
    }
    #cart div.subject_wrap_box{
        width: 100%;
    }
    #cart .textBookLi div.subject_wrap_box{
        width: 100%;
    }
    #cart #div01 ul li div.chbox1 div.subject{
        width: 100%;
        margin-bottom: 5px;
    }
    #cart #div01 ul li.cart_detail_css div.chbox1 .cartInfo.price_box > a,
    #cart #div01 ul li.cart_detail_css.textBookLi div.chbox1 .cartInfo.price_box > a{
        width: 100%;
    }
    #cart #div01 ul li.textBookLi .priceP{
        display: none;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .unitPrice{
        display: inline-block;
        float: right;
        margin-right: 0;
        line-height: 18px;
        margin-left: 5px;
    }
    #cart #div01 ul li.textBookLi div.chbox1 .book_addition {
        margin-left: 0px;
        margin-top: 0px;
        width: auto;
    }
    #cart #div01 ul li.textBookLi div.chbox1 div.subject, #cart #div01 ul li.textBookLi div.chbox1 em.subject {
        vertical-align: middle;
        font-size: 14px;
        margin-left: 0px;
        width: 100%;
        display: inline-block;
        height: 20px;
        line-height: 19px;
        white-space: nowrap;
        margin-bottom: 5px;
    }
}
@media all and (max-width:599px) {

}


/*수강신청 팝업*/
.freePaymentPopup{
    display: none;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.freePaymentPopup.on{
    display: block;
}
.freePaymentPopup.on .freeBoxWrap{
    display: block;
    position: fixed;
    background:#fff;
    padding:55px 30px 40PX;
    width:400px;
    left:50%;
    margin-left:-200px;
    top:50%;
    z-index: 103;
}
.freePaymentPopup .freeBoxWrap{}
.freePaymentPopup .close_btn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
.freePaymentPopup .close_btn img{
    width:17px;
    opacity: 70%;
}

.freePaymentPopup .completeText{
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}
.freePaymentPopup .explain{
    font-size: 16px;
    color: #777;
    text-align: center;
}
.freePaymentPopup .btn_wrap{
    padding-top:30px;
    text-align: center;
}
.freePaymentPopup .btn_wrap button{
    border: 0;
    width: 130px;
    height:38px;
    font-size:14px;
    text-align:center;
    background-color: #fff;
    display: inline-block;
}
.freePaymentPopup .btn_wrap button:first-child{
    margin-right: 3px;
}
.freePaymentPopup .btn_wrap button:last-child{
    margin-left: 3px;
}

@media all and (max-width: 599px) {
    /*한국가스공사 수강신청 팝업*/
    .freePaymentPopup.on .freeBoxWrap{
        width:90%;
        margin-left: -45%;
        padding: 55px 20px 40PX;
    }
    .freePaymentPopup .completeText{
        font-size: 20px;
    }
    .freePaymentPopup .explain{
        font-size: 15px;
    }
    .freePaymentPopup .btn_wrap{
        display: inline-block;
        width: 100%;
    }
    .freePaymentPopup .btn_wrap button{
        border: 0;
        width: 49%;
        height:38px;
        font-size: 13px;
    }
    .freePaymentPopup .btn_wrap button:first-child{
        margin-right: 0px;
        float: left;

    }
    .freePaymentPopup .btn_wrap button:last-child{
        margin-left: 0px;
        float: right;
    }
}


/* 결제 - 현금영수증영역*/
.pay_form .pay_left .payment table tr.issue_tr{}
.pay_form .pay_left .payment table tr.issue_tr td{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
}
.issue_tr .issueDiv1,
.issue_tr .issueDiv2,
.issue_tr .issueDiv3,
.issue_tr .issueDiv4{
    width: calc(100% - 185px);
    display: inline-block;
    vertical-align: middle;
}
.issue_tr .issueDiv1 input,
.issue_tr .issueDiv2 input,
.issue_tr .issueDiv3 input,
.issue_tr .issueDiv4 input{
    width: 300px;
    margin-left: 10px;
}
.issue_tr #issueSelect1,
.issue_tr #issueSelect2{
    width: 180px;
}

@media all and (max-width: 599px){
    .issue_tr .issueDiv1,
    .issue_tr .issueDiv2,
    .issue_tr .issueDiv3,
    .issue_tr .issueDiv4{
        width: 100%;
    }
    .issue_tr .issueDiv1 input,
    .issue_tr .issueDiv2 input,
    .issue_tr .issueDiv3 input,
    .issue_tr .issueDiv4 input{
        width: 100%;
        margin-left: 0px;
    }
    .issue_tr #issueSelect1,
    .issue_tr #issueSelect2{
        width: 100%;
        margin-bottom: 5px;
    }
}
/* 미션 */
#class_section06{
    padding-top: 0px;
    padding-bottom: 0px;
}
#class_section06 .class_secWrap {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ddd;
}
.class_detail_page .title {
    padding-right: 70px;
}
.class_detail_page.class_detail_type2 .title{
    padding-right: 0;
}
.class_detail_page .title .missionMore{
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    right: 0;
    top: 3px;
}
.lectureMission{}
.lectureMission .lectureMissionList{
    position: relative;
}
.lectureMission .lectureMissionList > li{
    padding:30px 0;
    border-bottom: 1px solid #ddd;
}
.lectureMission .lectureMissionList > li:first-child{
    padding-top: 5px;
}
#class_section06 .lectureMission .basicMissionList > li{
    display: none;
}
#class_section06 .lectureMission .lectureMissionList > li:first-child{
    padding-top: 5px;
}
#class_section06 .lectureMission .lectureMissionList > li:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}
#class_section06 .lectureMission .cmt_info .userid,
#class_section06 .lectureMission .cmt_info .date{
    margin: 0;
    display: inline-block;
    position: relative;
    font-size: 13px;
    width: auto;
}
#class_section06 .lectureMission .cmt_info .userid{
    padding-right: 12px;
}
#class_section06 .lectureMission .cmt_info .userid:after {
    content: '';
    width: 1px;
    height: 12px;
    background: #777;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
}
#class_section06 .lectureMission .cmt_info .date{
    padding-left: 12px;
}
#class_section06 .lectureMission #load{
    width: 120px;
    height: 40px;
    line-height: 39px;
    font-size: 16px;
    margin: 20px auto 0;
    text-align: center;
    cursor: pointer;
}
#class_section06 .gradientBg:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(255,255,255);
    background: linear-gradient(
            0deg
            , rgba(255,255,255,1) 0%, rgba(255,255,255,0.8) 35%, rgba(255,255,255,0.02) 100%);
}
@media all and (max-width:599px){
    .lectureMission .cmt_cont_wrap .ms_info_wrap{
        margin-bottom: 10px;
    }
    #class_section06 .lectureMission .cmt_info .userid,
    #class_section06 .lectureMission .cmt_info .userid span.by,
    #class_section06 .lectureMission .cmt_info .date{
        font-size: 12px;
    }
    #class_section06 .lectureMission .cmt_info .userid{
        padding-right: 12px;
    }
    #class_section06 .lectureMission .cmt_info .userid:after {
        content: '';
        width: 1px;
        height: 10px;
        background: #777;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -5px;
    }
    #class_section06 .lectureMission .cmt_info .date{
        padding-left: 10px;
    }
}

/*공통*/
.class_detail_type2 .class_lec_info{
    border-top: 1px solid #ddd;
    margin-top: 25px;
}
.class_detail_type2 #class_section01 .class_secWrap,
.class_detail_type2 #class_section02 .class_secWrap,
.class_detail_type2 #class_section03 .class_secWrap,
.class_detail_type2 #class_section04 .class_secWrap,
.class_detail_type2 #class_section05 .class_secWrap,
.class_detail_type2 #class_section06 .class_secWrap,
.class_detail_type2 #class_section01 .class_lecture_exp{
    border-bottom: 0;
}
.class_detail_type2 #class_section01,
.class_detail_type2 #class_section02,
.class_detail_type2 #class_section03,
.class_detail_type2 #class_section07{
    border-bottom: 1px solid #ddd;
}
.class_detail_type2.class_detail_page{
    padding-bottom: 0;
}
.class_detail_type2 .class_section.scrollto{
    padding:0 20px;
}
.class_detail_type2.class_detail_page .detail_page_top{
    padding-bottom: 50px;
}
.class_detail_type2.class_detail_page .title{
    margin-bottom: 40px;
}
.class_detail_type2 #class_section08{
    padding-top: 40px;
    padding-bottom: 40px
}
.class_detail_page.class_detail_type2 .btn_wrap .recruit_closed,
.class_detail_page.class_detail_type2 .btn_wrap .end_course {
    height: 48px;
    width: calc(100% - 52px);
    padding: 15px 0;
}
@media all and (max-width: 1023px) {
    .class_detail_type2.class_detail_page .title{
        margin-bottom: 25px;
    }
}
@media all and (max-width: 599px) {
    .class_detail_type2.class_detail_page .title{
        margin-bottom: 15px;
    }
    .class_detail_type2 #class_section08{
        padding-top: 0px;
        padding-bottom: 0px
    }
}
/*detail nav*/
.class_detail_type2 .detail_view_nav{
    height: auto;
    visibility: visible;
    border-top: 1px solid #ddd;
}
.class_detail_type2 .detail_view_nav li {
    float: none;
    display: inline-block;
    width: auto;
}
.class_detail_page .detail_view_nav .navbar-nav.m_nav,
.class_detail_type2.class_detail_page .detail_view_nav .navbar-nav.m_nav{
    display: none;
}
@media all and (max-width: 1200px) {
    .class_detail_page .detail_view_nav nav ul,
    .class_detail_type2.class_detail_page .detail_view_nav nav ul{
        width: 100%;
    }
}
@media all and (max-width: 767px){
    .class_detail_page .detail_view_nav .navbar-nav.pc_nav,
    .class_detail_type2.class_detail_page .detail_view_nav .navbar-nav.pc_nav{
        display: none;
    }
    .class_detail_page .detail_view_nav .navbar-nav.m_nav,
    .class_detail_type2.class_detail_page .detail_view_nav .navbar-nav.m_nav{
        display: block;
    }
    .class_detail_page .detail_view_nav nav ul,
    .class_detail_type2.class_detail_page .detail_view_nav nav ul{
        display: flex;
    }
}
@media all and (max-width: 375px) {
    .class_detail_type2 .detail_view_nav li a {
        font-size: 14px;
        position: relative;
        display: inline-block;
        padding: 0 8px;
        padding: 0;
    }
}
/*강의 정보*/
.class_detail_type2.class_detail_page .detail_page_thumb{
    width: calc(100% - 535px);
}
.class_detail_type2.class_detail_page .summary_content {
    width: 485px;
    padding: 0;
    border: 0;
    background-color: #fff;
    display: inline-block;
    position: static;
    margin-left: 0;
}
.class_detail_type2.class_detail_page .lec_subject_box{
    border-bottom: 0;
    padding-bottom: 0;
}
.class_detail_type2.class_detail_page .lec_subject_box .title {
    font-size: 28px;
    line-height: 40px;
    margin-bottom:7px;
}
.class_detail_type2.class_detail_page .lec_subject_box .simpleExp{
    font-size: 14px;
    line-height: 22px;
    color:#555;
}
.class_detail_type2 .class_lec_info li.lec_info_box01,
.class_detail_type2 .class_lec_info li.lec_info_box02,
.class_detail_type2 .class_lec_info li.lec_info_box03,
.class_detail_type2 .class_lec_info li.lec_info_box04,
.class_detail_type2 .class_lec_info li.lec_info_box05,
.class_detail_type2 .class_lec_info li.lec_info_box06{
    background-image: none;
}
.class_detail_type2 .class_lec_info li{
    padding-left: 0;
    margin-bottom: 8px;
}
.class_detail_type2 .class_lec_info li:last-child{
    padding-bottom: 0;
    border-bottom: 0;
}
.class_detail_type2 .class_lec_info li span:last-child{
    color:#777;
}
@media all and (max-width:1023px){
    .class_detail_type2.class_detail_page .lec_subject_box .title{
        font-size: 22px;
        line-height: 30px;
        word-break: keep-all;
    }
}
@media all and (max-width:990px){
    .class_detail_type2.class_detail_page .detail_page_top{
        padding-bottom: 0;
    }
    .class_detail_type2.class_detail_page .detail_page_thumb{
        width: 100%;
    }
    .class_detail_type2.class_detail_page .summary_content {
        width: 100%;
        padding: 20px;
        border: 0;
        background-color: #fff;
    }

}
@media all and (max-width:767px){
    .class_detail_type2.class_detail_page .lec_subject_box .title{
        font-size: 18px;
        line-height: 24px;
        word-break: keep-all;
    }
}
/*과정 소개*/
.class_detail_type2 #class_section01 .class_secWrap{
    padding-top: 40px;
    padding-bottom: 40px;
}
.class_detail_type2 #class_section01 .lec_comment{
    margin-top: 0px;
}
.class_detail_type2 #class_section01 .lec_comment .lecEditorBox{
    padding:30px 20px;
    background: var(--keyrgba05);
}

.class_detail_type2 .class_section{
    width: 100%;
}
.class_detail_type2.class_detail_page .title h3{
    text-align: center;
}
.numberR{font-family: 'Montserrat';font-weight:400;}
.stickyinfoBar{
    position: fixed;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #555;
    box-shadow: 5px 13px 59px rgba(166,166,166,0.1);
    background: #fff;
    z-index: 9;
    padding:25px 40px;
}
.stickyinfoBar #wrapper{
    padding: 0;
}
.stickyinfoBar .lec_priceBox{
    width: calc(100% - 383px);
    display: inline-block;
    background: #fff;
    padding:13px 0;
    padding:26px 0 23px;
    margin: 0;
    vertical-align: middle;
}
.stickyinfoBar .lec_priceBox .price_text{
    font-size: 18px;
    color:#333;
    font-weight: 500;
    margin-right: 15px;
}
.stickyinfoBar .lec_priceBox .earlyBirdArea{
    margin: 5px 0;
}
.stickyinfoBar .lec_priceBox .earlyBirdArea span{
    font-size: 16px;
    color:var(--keycolor);
}
.class_detail_type2 .stickyinfoBar{
    padding-top:0;padding-bottom: 0;
}
.class_detail_type2.class_detail_page .lec_priceBox li > div:first-child{
    width: auto;
}
.class_detail_type2.class_detail_page .lec_priceBox li > div:last-child{
    width: auto;
    float: none;
}
.class_detail_type2.class_detail_page .lec_priceBox li > div.earlyBirdArea{
    width: auto;
    display: inline-block;
    margin:0;
    padding: 7px 20px 11px;
}
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap {
    display: inline-block;
}
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price_info{
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
}
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price_info span{
    vertical-align: baseline;
    display: inline-block;
    font-size: 28px;
}
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price{
    display: inline-block;
    font-size: 30px;
    letter-spacing: -1px;
    margin-right: 0px;
    width: auto;
    float: left;
}
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price span{
    display: inline-block;
    font-size: 24px;
    vertical-align: baseline;
}
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.cost-sale{
    width: auto;
    display: inline-block;
    float: none;
    float: left;
    line-height: 25px;
    margin: 2px 20px 2px 5px;
}
/*.tb_detail_page .lec_priceBox li > div.cost-sale .rate,*/
.class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.cost-sale .rate{
    display: inline-block;
    font-size: 16px;
    width: 60px;
    text-align: center;
    border-radius: 50px;
    height: 27px;
    line-height: 27px;
    margin-right: 5px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap {
    width: 378px;
    display: inline-block;
    vertical-align: middle;
    padding: 16px 0;
    width: 310px;
    float: right;
}
.class_detail_type2 .stickyinfoBar .btn_wrap a{
    width: 190px;
    height: 48px;
    line-height: 47px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
    margin-left: 8px;
    padding:0;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn{
    text-align: right;
    width: 100%;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox{
    display: inline-block;
    margin-right: 5px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox strong{
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px ;
    letter-spacing: -0.28px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox input{
    width: 88px;
    height: 48px;
    margin:0 5px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox span{
    display: inline-block;
    vertical-align: middle;

    color: #000;
    font-size: 13px;
    font-weight: 400;
    line-height: 18.2px ;
    letter-spacing: -0.26px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox span{}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn a.noCartBtn{
    width: 170px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn #snsLinkBtn{}
.class_detail_page .btn_wrap a.course_schedule_btn{
    font-size: 16px;
    background: #ABABAB;
    line-height: 16px;
    font-weight: bold;
}
.class_detail_page .btn_wrap a.course_schedule_btn span{
    font-size: 14px;
    color:#fff;
    font-weight: bold;
}
.class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn{
    font-size: 18px;
    line-height: 19px;
    padding: 13px 20px;
    width: 262px;
}
.class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn span{
    font-size: 14px;
    color:#fff;
    font-weight: bold;
    display: inline-block;
    width: auto;
    vertical-align: baseline;
}
.class_detail_type2 .stickyinfoBar .btn_wrap a.cart{
    border: 1px solid var(--keycolor);
    color: var(--keycolor);
    font-size: 0;
    background: url('../../data/customImages/icon_cart.svg')no-repeat;
    background-size: 20px 26px;
    background-position: center;
    width: 48px;
    vertical-align: top;
}
.class_detail_type2 .stickyinfoBar .btn_wrap a.cart.disabled_btn{}
.class_detail_type2 .stickyinfoBar .btn_wrap a.noCartBtn{
    width: calc(100% - 56px);
}
.class_detail_type2.class_detail_page button.snsLinkBtn{
    width: 48px;
    height: 48px;
    border-color: #999;
}
.class_detail_type2.class_detail_page button.snsLinkBtn img {
    width: 18px;
    vertical-align: sub;
}
.class_detail_type2 #class_section05 .editor_cont{
    text-align: left;
}
.viewClassSticky .wsmenucontainer > #footer{
    padding-bottom: 100px;
}
@media all and (max-width: 1100px){
    .class_detail_type2 .stickyinfoBar {
        padding: 0px 20px;
    }
    .class_detail_type2 .stickyinfoBar .lec_priceBox .price_text{
        font-size: 16px;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div:last-child.lec_price_wrap{}
    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price_info{
        font-size: 18px;
        line-height: 24px;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price_info span{
        font-size: 22px;
    }

    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap  div.lec_price{
        font-size: 24px;
        line-height: 30px;
        float: right;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price span {
        font-size: 20px;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.cost-sale em{
        font-size: 15px;
    }

    .class_detail_type2 .stickyinfoBar .lec_priceBox {
        /*width: calc(100% - 315px);*/
        border-bottom: 0;
    }
    .class_detail_type2 .stickyinfoBar .lec_priceBox .earlyBirdArea {
        margin-left: 20px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap {
        /*width: 310px;*/
        padding: 19px 0;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a {
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a.cart{
        border: 1px solid var(--keycolor);
        color: var(--keycolor);
        font-size: 0;
        background: url('../../data/customImages/icon_cart.svg')no-repeat;
        background-size: 20px 26px;
        background-position: center;
        width: 48px;
        vertical-align: top;
    }
}
@media all and (max-width: 900px){
    .viewClassSticky .wsmenucontainer > #footer{
        padding-bottom: 180px;
    }
    .class_detail_type2 .stickyinfoBar {
        padding: 12px 20px;
    }
    .class_detail_type2 .stickyinfoBar .lec_priceBox {
        width: calc(100% - 345px);
        padding:9px 0px;
        /*padding-top: 0;*/
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div.lec_price{
        float: right;
        margin-right: 0;
        margin-left: 10px;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div.cost-sale{
        float: left;
        margin:0;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div:last-child.lec_price_wrap{width: 100%;}
    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price{float: none;}
    .class_detail_type2 .stickyinfoBar .btn_wrap {
        width: 340px;
        margin-top: 0px;
        padding: 0;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a {
        font-size: 16px;
        width: calc(100% - 121px);
    }
    .class_detail_page .btn_wrap a.course_schedule_btn{
        font-size: 14px;
        line-height: 16px;
    }
    .class_detail_page .btn_wrap a.course_schedule_btn span{
        font-size: 12px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn{
        font-size: 14px;
        line-height: 16px;
        padding: 15px 20px;
        width: 223px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn span{
        font-size: 12px;
        vertical-align: bottom;
        width:auto;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div:first-child.earlyBirdArea{
        width: 100%;
        text-align: center;
        padding: 9px 10px 11px;
        margin-bottom: 15px;
    }
    .class_detail_type2 .stickyinfoBar .lec_priceBox .earlyBirdArea{
        margin: 0;
        background: var(--keyrgba05);
    }
    .class_detail_type2 .stickyinfoBar .lec_priceBox .earlyBirdArea span{
        font-size: 13px;
    }
}
@media all and (max-width: 599px) {
    .class_detail_type2 .stickyinfoBar .lec_priceBox {
        width: 100%;
        padding-top: 0;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div.lec_price{
        float: right;
        margin-right: 0;
        margin-left: 10px;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div.cost-sale{
        float: left;
        margin:0;
    }
    .class_detail_type2.class_detail_page .lec_priceBox li > div:last-child.lec_price_wrap{width: 100%;}
    .class_detail_type2.class_detail_page .lec_priceBox li > .lec_price_wrap div.lec_price{float: none;}
    .class_detail_type2 .stickyinfoBar .btn_wrap {
        width: 100%;
        margin-top: 0px;
        padding: 0;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn{
        width: calc(100% - 116px);
    }

    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn{
        text-align: right;
        width: 100%;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox{
        display: inline-block;
        margin-right: 5px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox strong{
        color: #000;
        font-size: 14px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox input{
        width: 60px;
        height: 48px;
        margin:0 5px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox span{
        font-size: 13px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox span{}
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn a.noCartBtn{
        width: calc(100% - 204px);
    }
}
@media all and (max-width: 360px) {
    .class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn{
        font-size: 14px;
        line-height: 16px;
        padding: 8px 0;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap a.course_schedule_btn span{
        font-size: 12px;
        vertical-align: bottom;
        width:100%;
    }

    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox strong{
        font-size: 13px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox input{
        width: 50px;
        height: 48px;
        margin:0 5px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn .personInputBox span{
        font-size: 12px;
    }
    .class_detail_type2 .stickyinfoBar .btn_wrap.noPayBtn a.noCartBtn{
        width: calc(100% - 190px);
    }
}

.class_detail_type2 #class_section03 .prof_info .prof_thumb {
    width: 114px;
    display: inline-block;
    margin-right: 52px;
    vertical-align: text-top;
}
.class_detail_type2 #class_section03 .prof_info {
    background: transparent;
    padding: 0px;
    margin-bottom: 40px;
}
.class_detail_type2 #class_section03 .prof_info:last-child {
    margin-bottom: 0px;
}
.class_detail_type2 #class_section03 .prof_info .prof_name{
    font-size: 18px;
    color:#111;
    text-align: center;
    margin-top: 5px;
}

.class_detail_type2 #class_section03 .prof_info .prof_thumb_m ,
.class_detail_type2 #class_section03 .prof_info .prof_name_m{
    display: none;
}
.class_detail_type2 #class_section03 .prof_info .prof_infoBox{
    width: calc(100% - 189px);
    background: var(--keyrgba05);
    padding: 20px 30px;
    margin-left: 19px;
    position: relative;
}
.class_detail_type2 #class_section03 .prof_info .prof_infoBox:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 19px solid var(--keyrgba05);
    border-left: 19px solid transparent;
    display: inline-block;
    position: absolute;
    left: -19px;
    top: 0;
}
.class_detail_type2 #class_section03 .prof_info .prof_infoBox div.introCont{
    border-bottom: 1px solid  rgba(233,233,235,0.55);
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 20px;
    color:#555;
}
.class_detail_type2 .prof_infoBox .moreInfoBtn{
    position: relative;
    width: 100%;
    display: inline-block;
}
.class_detail_type2 #class_section03 .prof_infoBox .moreInfoBtn .sm-title{
    font-size: 16px;
    margin-bottom: 0;
}
.class_detail_type2 .prof_infoBox .moreInfoBtn .arrowBtn{
    position: absolute;
    right: 0;
    top: 0;
}
.class_detail_type2 .prof_infoBox .moreInfoBtn .arrowBtn:before{
    content:'더보기';
    width: auto;
    display: inline-block;
    font-size: 14px;
    color:#999;
    background-image: url(../images/lecture/icon_menu_arrow.svg);
    background-repeat: no-repeat;
    background-size: 13px 8px;
    background-position: center right;
    padding-right: 18px;
}
.class_detail_type2 .prof_infoBox .moreInfoBtn.on .arrowBtn:before{
    content:'접기';
    background-image: url(../images/lecture/icon_menu_arrow_top.svg);
}

.class_detail_type2 .prof_infoBox .moreInfoBtn:hover, .prof_infoBox .closeInfoBtn:hover {
    cursor:pointer;
}

.class_detail_type2 .prof_infoBox .prof_infoBox_cont {
    display: none;
}
.class_detail_type2 .prof_infoBox .prof_infoBox_cont.active {
    display: block;
}
.class_detail_type2 #class_section03 .prof_info .prof_infoBox div.prof_careerBox{
    font-size: 15px;
    line-height: 24px;
    color:#555;
    margin-top: 10px;
}

@media all and (max-width: 767px) {
    .class_detail_type2 #class_section03 .prof_info{
        margin-bottom: 20px;
    }
    .class_detail_type2 #class_section03 .prof_info .prof_thumb{
        display: none;
    }
    .class_detail_type2 #class_section03 .prof_info .prof_thumb_m{
        width: 70px;
        display: inline-block;
        margin-right: 15px;
        vertical-align: top;
    }
    .class_detail_type2 #class_section03 .prof_info .prof_thumb_m .thumbnail-wrappper { width: 100%; }
    .class_detail_type2 #class_section03 .prof_info .prof_thumb_m .thumbnail{ position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden; border-radius: 100%;}
    .class_detail_type2 #class_section03 .prof_info .prof_thumb_m img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; height: auto; }
    .class_detail_type2 #class_section03 .prof_info .prof_thumb_m img{}
    .class_detail_type2 #class_section03 .prof_info .prof_name_m{
        display: inline-block;
        width: 100%;
    }
    .class_detail_type2 #class_section03 .prof_info .prof_infoBox div.introCont{
        width: calc(100% - 90px);
        display: inline-block;
        vertical-align: top;
        border-bottom:0;
        padding-bottom: 0px;
        margin-bottom: 0px;
        font-size: 15px;
    }

    .class_detail_type2 .prof_infoBox .moreInfoBtn{
        border-top: 1px solid  #ddd;
        font-size: 13px;
        line-height: 24px;
        font-weight: 500;
        padding-top: 15px;
        margin-top: 20px;
    }
    .class_detail_type2 .prof_infoBox .moreInfoBtn .arrowBtn {
        position: absolute;
        right: 0;
        top: 15px;
    }
    .class_detail_type2 #class_section03 .prof_info .prof_infoBox {
        width: 100%;
        background: var(--keyrgba05);
        padding: 20px 30px;
        margin-left: 0px;
        position: relative;
    }
    .class_detail_type2 #class_section03 .prof_info .prof_infoBox:before{
        display: none;
    }
}

/*수강후기*/
.class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top{
    padding:20px 30px;
}
.class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top .total_rv{
    background-image: url('../images/lecture/icon_review.svg');
    background-repeat: no-repeat;
    background-size: 45px 44px ;
    padding: 14px 0;
    padding-left: 55px;
    font-size: 18px;
}
.class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top .total_rv span{
    font-size: 18px;
}

@media all and (max-width: 767px) {
    .class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top .total_rv{
        background-image: url('../images/lecture/icon_review.svg');
        background-repeat: no-repeat;
        background-size: 35px 34px;
        padding: 10px 0;
        padding-left: 45px;
        font-size: 16px;
    }
    .class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top .total_rv span{
        font-size: 16px;
    }
}
@media all and (max-width: 599px) {
    .class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top{
        padding:15px 20px;
    }
    .class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top .total_rv{
        background-image: none;
        padding: 0;
        font-size: 13px;
        margin-bottom: 3px;
    }
    .class_detail_type2 #class_section04 .lecture_rv_wrap .rv_top .total_rv span{
        font-size: 13px;
    }
}
/*강의와 함께하면 좋은 교재*/
.class_detail_type2 #class_section07.class_textBook{
    padding:0;
}
.class_detail_type2 .class_textBook .class_secWrap{
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom: 0;
}
.class_detail_type2 .class_textBook .textbook-swiper{
    max-width: 728px;
    margin:0 auto
}
.class_detail_type2 .class_textBook .swiper {
    width: 100%;
    height: 100%;
}

.class_detail_type2 .class_textBook .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.class_detail_type2 .class_textBook .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.class_detail_type2 .class_textBook .tb_info_left{
    width: 172px;
    margin-right: 50px;
    display: inline-block;
    vertical-align: text-top;
}
.class_detail_type2 .class_textBook .tb_info_right{
    width: calc(100% - 227px);
    display: inline-block;
    vertical-align: text-top;
    text-align: left;
}
.class_detail_type2 .class_textBook .tb_info_right .tb_title{
    font-size: 20px;
    margin-bottom: 50px;
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.class_detail_type2 .class_textBook .tb_info_right .tb_info_box{
    padding:20px;
    background: var(--keyrgba05);
}
.class_detail_type2 .class_textBook .tb_info_right .tb_info_box li{
    padding-bottom: 10px;
    width: 100%;
    display: inline-block;
    float: none;
}
.class_detail_type2 .class_textBook .tb_info_right .tb_info_box li:last-child{
    padding-bottom: 0px;
}
.class_detail_type2 .class_textBook .tb_info_right .tb_info_box li div:first-child{
    font-size: 15px;
    color: #555;
    width: 70px;
    display: inline-block;
}
.class_detail_type2 .class_textBook .tb_info_right .tb_info_box li div:last-child{
    font-size: 16px;
    color:#777;
    width: calc(100% - 75px);
    display: inline-block;
}
.class_detail_type2 .class_textBook .swiper-pagination {
    text-align: center;
    height: 13px;
    margin-top: 30px;
    position: static;
}
.class_detail_type2 .class_textBook .swiper-pagination > span{
    width: 13px;
    height: 13px;
    border-radius: 50px;
    background: #ddd;
    margin:0 5px;
    vertical-align: top;
    opacity: 1;
}
.class_detail_type2 .class_textBook .swiper-pagination > span.swiper-pagination-bullet-active{
    background: var(--keycolor);
}

@media all and (max-width: 599px){
    .class_detail_type2 .class_textBook .swiper-slide{
        display: inline-block;
    }
    .class_detail_type2 .class_textBook .tb_info_left{
        /* width: 100%;*/
        margin-right: 0px;
        display: block;
        margin:0 auto;
        vertical-align: text-top;
    }
    .class_detail_type2 .class_textBook .tb_info_right{
        width: 100%;
        margin-top: 20px;
    }

    .class_detail_type2 .class_textBook .tb_info_right .tb_title{
        font-size: 16px;
        margin-bottom: 15px;
        text-align: center;
    }
    .class_detail_type2 .class_textBook .tb_info_right .tb_info_box{
        padding:20px;
        background: var(--keyrgba05);
    }
    .class_detail_type2 .class_textBook .tb_info_right .tb_info_box li{
        padding-bottom: 10px;
    }
    .class_detail_type2 .class_textBook .tb_info_right .tb_info_box li:last-child{
        padding-bottom: 0px;
    }
    .class_detail_type2 .class_textBook .tb_info_right .tb_info_box li div:first-child{
        font-size: 14px;
        color: #555;
        width: 70px;
        display: inline-block;
    }
    .class_detail_type2 .class_textBook .tb_info_right .tb_info_box li div:last-child{
        font-size: 14px;
    }
    .class_detail_type2 .class_textBook .owl-dots{
        margin-top: 10px;
    }


}


/*환불정책*/
.class_detail_type2 #class_section05{
    background: #f4f4f4;
}
.class_detail_type2 #class_section05 .hiddenCont:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(244,244,244);
    background: linear-gradient(
            0deg
            , rgba(244,244,244,1) 0%, rgba(244,244,244,0.8) 35%, rgba(244,244,244,0.02) 100%);
}


@media all and (max-width: 599px){
    .class_detail_type2 #class_section01 .class_secWrap,
    .class_detail_type2 #class_section02 .class_secWrap,
    .class_detail_type2 #class_section03 .class_secWrap,
    .class_detail_type2 .class_textBook .class_secWrap,
    .class_detail_type2 .relatedLectures .max_width,
    .class_detail_type2 #class_section05{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}


.lectureMission .cmt_cont_wrap {
    width: calc(100% - 200px);
    display: inline-block;
}
.lectureMission .cmt_cont_wrap .ms_info_wrap{
    position: relative;
    margin-bottom: 15px;
}
.lectureMission .best_mission .ms_info_wrap img{
    /*베스트 미션일 경우*/
    width: 50px;
    height: 50px;
    margin-right: 10px;
}
.lectureMission .best_mission .ms_info_wrap .cmt_info{
    display: inline-block;
    width: calc(100% - 65px);
}
.lectureMission .cmt_cont_wrap .ms_subject{
    font-size: 15px;
    font-weight: 500;
    color:#333;
    margin-bottom: 15px;
    line-height: 22px;
}
.lectureMission .mission_contents{
    font-size: 15px;
    line-height: 25px;
    color: #555;
}

.lectureMission .cmt_info {

}
.lectureMission .cmt_info > span{
    display: inline-block;
    width: 100%;
}
.lectureMission .cmt_info .date {
    font-size: 14px;
    color: #999;
}

.lectureMission  .cmt_info .userid {
    font-size: 14px;
    color: #111;
    margin-bottom: 5px;
    margin-top: 10px;
}
.lectureMission .cmt_info .userid span.by{
    font-style: italic;
    color:#333;
    font-size:13px;
    padding-right:6px;
    width: auto;
}
.lectureMission .msSlidePopup .thumbnail img{
    max-width: none;
}

.lectureMission .msSlidePopup{
    width: 160px;
    float: right;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.lectureMission .msSlidePopup .slideCount{
    font-size: 18px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    bottom: 0;

}
.lectureMission .comment_more_view .msSlidePopup{
    margin-right: 30px;
}
.lectureMission .msSlidePopup > div{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lectureMission .msSlidePopup .thumbnail img{
    max-width: none;
}

/*미션슬라이드 팝업*/
.wsmenucontainer{
    height: 100%;
    position: relative;
}
.missionSlidePopup {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.missionSlidePopup.on {
    display: block;
}

.missionSlidePopup .bg_000 {
    display: block;
    opacity: 1;
    cursor: default;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: visible;
}

.missionSlidePopup .missionSlideBox {
    position: fixed;
    /*height:85%;*/
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding:0 50px;
    max-width: 1070px;
    width: 90%;
    z-index: 1001;
    background-color: transparent;
}
.missionSlidePopup .closed {
    position: absolute;
    right: 20px;
    top: -40px;
    cursor: pointer;
    z-index: 7;
}

.missionSlidePopup .closed img {
    width: 24px;
}

.missionSlidePopup .cont-box {
    text-align: center;
    /*height:100%;*/
    /*overflow: auto;*/
}
.missionSlidePopup .cont-box .box{
    /*height: 100vh;*/
    max-height: 85vh;
}
.missionSlidePopup .cont-box .box img{
    margin: 0 auto;
    width: auto;
    max-height: inherit;
}
.missionSlidePopup .cont-box .box .cmt_info{}
.missionSlidePopup .cont-box .box .cmt_info span.date{}
.missionSlidePopup .cont-box .box .cmt_info span.userid{}
.missionSlidePopup .cont-box .box .cmt_info span.userid .by{}

.missionSlidePopup .cont-box .box .cmt_info {
    margin-bottom: 20px;
}
.missionSlidePopup .cont-box .box .cmt_info  .date {
    font-size: 15px;
    color: #999;
    width: 100%;
    display: inline-block;
    text-align: left;
}

.missionSlidePopup .cont-box .box .cmt_info .userid {
    font-size: 15px;
    color: #111;
    margin-bottom: 5px;
    margin-top: 10px;
    width: 100%;
    display: inline-block;
    text-align: left;
}
.missionSlidePopup .cont-box .box .cmt_info .userid span.by{
    font-style: italic;
    color:#333;
    font-size:15px;
    padding-right:6px;
    width: auto;
}


.missionSlidePopup .cont-box .box .text_box{
    margin-top: 30px;
    font-size: 15px;
    line-height: 23px;
    color:#555;
    text-align: left;
}
.missionSlidePopup .owl-nav{
    position: fixed;
    left:0;
    top: 50%;
    margin-top: -35px;
    width: 100%;
}
.missionSlidePopup .owl-nav > button {
    height: 70px;
    position: absolute;
}
.missionSlidePopup .owl-nav > button span{
    background-repeat: no-repeat;
    background-size: 30px 51px;
    background-position: center;
    border-radius: 50%;
    width: 30px;
    height: 51px;
    display: inline-block;
    font-size: 0;
    vertical-align: top;
}
.missionSlidePopup .owl-nav .owl-prev{
    left: 5px;
}
.missionSlidePopup .owl-nav .owl-prev span{
    background-image: url('../images/classroom/missionSlidePrev3.png');
}
.missionSlidePopup .owl-nav .owl-next{
    right: 5px;
}
.missionSlidePopup .owl-nav .owl-next span{
    background-image: url('../images/classroom/missionSlideNext3.png');
}

@media all and (max-width: 1200px){
    .missionSlidePopup .missionSlideBox {
        padding: 70px 70px;
    }
    .missionSlidePopup .closed {
        top: 40px;
    }
}
@media all and (max-width: 990px){

    .classMission .msSlidePopup {
        margin-right: 30px;
    }
}
@media all and (max-width: 599px){
    .class_detail_page .title .missionMore {
        font-size: 14px;
    }
    .lectureMission .cmt_cont_wrap {
        width: 100%;
        margin-bottom: 20px;
    }
    .lectureMission .msSlidePopup {
        float: none;
    }

    .lectureMission .lectureMissionList > li{
        padding:20px 0;
    }
    .missionSlidePopup .closed img{
        width: 18px;
    }
    .missionSlidePopup .missionSlideBox {
        padding: 70px 35px;
    }
    .missionSlidePopup .owl-nav{
        position: fixed;
        left:0;
        top: 50%;
        margin-top: -13.5px;
        width: 100%;
    }
    .missionSlidePopup .owl-nav > button {
        height: 27px;
        position: absolute;
    }
    .missionSlidePopup .owl-nav > button span{
        background-size: 16px 27px;
        width: 16px;
        height: 27px;

    }
    .lectureMission .msSlidePopup .slideCount{
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 28px;

    }
}


.missionPage{}
.missionPage .top_bar_wrap{
    position: relative;
}
.missionPage .mission_select{
    width: 258px;
    position: absolute;
    right: 0;
    bottom: 0;
}

/*     total     */
.missionPage #board_list_total{
    font-size: 14px;
    color:#555;
    display: inline-block;
}
.missionPage #board_list_total span{
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    margin-left: 3px;
}
.missionPage .board_list_top{margin-bottom: 5px;}
.missionPage .lectureMissionList{
    width:100%;
    display: inline-block;
}
.missionPage .lectureMission .lectureMissionList li{
    padding-top: 15px;
    padding-bottom:15px;
}
.missionPage .lectureMission .lectureMissionList > li:first-child{
    padding-top: 30px;
}
.missionPage .lectureMission .lectureMissionList li .ms_box_wrap{
    border:1px solid #ddd;
    padding: 20px;
}
.missionPage .lectureMission .cmt_cont_wrap{
    width: 100%;
}
.missionPage .lectureMission .msSlidePopup{
    width: 100%;
    float: none;
}
.missionPage .lectureMission .msSlidePopup > div.missionNoImage{
    height: 0;
    padding-bottom: 100%;
    background-image:url('../images/common/noImg2.png');
}

.missionPage .lectureMission .cmt_cont_wrap .ms_subject{
    font-size: 17px;
    font-weight: 500;
    color:#333;
    margin-top:16px;
    margin-bottom: 6px;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.missionPage .lectureMission .mission_contents{
    font-size: 15px;
    line-height: 22px;
    color: #555;
    height:66px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.missionPage .lectureMission .ms_info_wrap .cmt_info{
    width: 100%;
    position: relative;
    padding-right:50px;
}
.missionPage .lectureMission .ms_info_wrap {
    padding-top:20px;
    margin-top:20px;
    margin-bottom: 0;
    border-top: 1px solid #ddd;
}
.missionPage .best_mission .ms_info_wrap img{
    width:44px;
    height:44px;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.missionPage .lectureMission .cmt_info > span{
    display: inline-block;
    width: 100%;
}
.missionPage .lectureMission .cmt_info .date {
    font-size: 14px;
    color: #999;
}

.missionPage .lectureMission  .cmt_info .userid {
    font-size: 14px;
    color: #111;
    margin-bottom: 5px;
    margin-top: 10px;
}
.missionPage .lectureMission .cmt_info .userid span.by{
    font-style: italic;
    color:#333;
    font-size:13px;
    padding-right:6px;
    width: auto;
}



@media all and (max-width: 599px){
    .missionPage .lectureMission .lectureMissionList > li:first-child{
        padding-top:20px;
    }
    .missionPage .lectureMission .cmt_cont_wrap{
        margin-bottom:0;
    }
    .missionPage .mission_select{
        width: 100%;
        margin-bottom:15px;
        position: static;
    }
    .missionPage .lectureMission .ms_info_wrap {
        padding-top: 15px;
        margin-top: 15px;
    }
    .missionPage .lectureMission .cmt_cont_wrap .ms_subject {
        font-size: 15px;
        font-weight: 500;
        color: #333;
        margin-top: 16px;
        margin-bottom: 6px;
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .missionPage .lectureMission .mission_contents {
        font-size: 13px;
        line-height: 18px;
        color: #555;
        height: 54px;
        padding-bottom: 17px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .missionPage .lectureMission .cmt_info .date {
        font-size: 12px;
        color: #999;
    }
    .missionPage .lectureMission .cmt_info .userid {
        font-size: 12px;
        color: #111;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .missionPage .lectureMission .msSlidePopup > div.missionNoImage{
        background-image:url('../images/common/noImg2_m.png');
    }
}



.missionSlidePopup .swiper {
    width: 100%;
    height: 100%;
}

.missionSlidePopup .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.missionSlidePopup .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



/*강의리스트 스타일1*/
.lectureList01{}
.lectureList01 li{
}
.lectureList01 li .box{
    display: table;
    width: 100%;
    table-layout: fixed;
    border: 1px solid #ddd;
}
.lectureList01 li .content_thumb{
    width: 360px;
    display: table-cell;
    vertical-align: middle;
    padding:30px 0px 30px 30px;
}
.lectureList01 li .thumBox{
    width: 330px;
    position: relative;
    border: 1px solid #ddd;
}
.lectureList01 li .thumBox .earlyBirdArea{
    display:none;
}
.lectureList01 li .cont_center{
    display: table-cell;
    vertical-align: top;
    padding:30px;
}
.lectureList01 li .cont_center .cont_btm_wrap{
    margin-top: 5px;
}
.lectureList01 li .cont_center .cate{
    font-size: 14px;
    margin-bottom: 8px;
}
.lectureList01 li .cont_center .subject{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 24px;
    line-height: 24px;
}
.lectureList01 li .cont_center .explain{
    font-size: 14px;
    line-height: 22px;
    color:#777;
    height: 88px;
    overflow: hidden;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.lectureList01 li .cont_center .explain a{
    color:#777;
}
.lectureList01 li .cont_center div.icon{
    position: absolute;
    bottom: 35px;
}
.lectureList01 li .cont_center div.icon span{}
.lectureList01 li .cont_right{
    width: 262px;
    display: table-cell;
    border-left: 1px solid #ddd;
    vertical-align: bottom;
    padding:30px;
    position: relative;
    text-align: right;
}
.lectureList01 li .cont_right .earlyBirdArea{
    position: absolute;
    top:30px;
    right: 30px;
}
.lectureList01 li .cont_right .earlyBirdBox{
}
.lectureList01 li .cont_right .earlyBirdBox span{
    font-size: 14px;
    color: var(--keycolor);
    vertical-align: middle;
}
.lectureList01 li .cont_right .earlyBirdBox span.ebTxt {
    font-size: 20px;
    color: var(--keycolor);
}
.lectureList01 li .cont_right .lec_btm{}
.lectureList01 li .cont_right .lec_btm .price{}
.lectureList01 li .cont_right .lec_btm .cost-sale{}
.lectureList01 li .cont_right .lec_btm .cost-sale.tabletVer{
    display: none;
}
.lectureList01 li .cont_right .lec_btm .cost-sale em.numberM{
    font-size:15px;
    color:#777;
    position:relative;
}
.lectureList01 li .cont_right .lec_btm .cost-sale em.numberM:before{
    content:'';
    width: 100%;
    height: 1px;
    background: #777;
    position: absolute;
    top: 50%;
    margin-top: -1px;
}
.lectureList01 li .cont_right .lec_btm .lec_price_info{
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    margin: 5px 0;
}
.lectureList01 li .cont_right .lec_btm .lec_price_info.tabletVer{display: none;}
.lectureList01 li .cont_right .lec_btm .lec_price_info .numberM{

}
.lectureList01 li .cont_right .lec_btm .lec_price{
    margin-top:6px;
}
.lectureList01 li .cont_right .lec_btm .lec_price em.numberSB{
    font-size:24px;
}
.lectureList01 li .cont_right .lec_btm .lec_price em.numberSB span{
    font-size:20px;
    font-weight: 500;
    display: inline-block;
    vertical-align: baseline;
}
.lectureList01 li .cont_right .lec_btm .lec_price span.rate{
    font-size:22px;
}
.lectureList01 li .cont_right .lec_btm .list_btn{
    width: 100%;
    display:inline-block;
    margin-top: 17px;
}
.lectureList01 li .cont_right .lec_btm .list_btn a{
    font-size: 14px;
    display: inline-block;
    float: left;
    width: calc(50% - 4px);
    text-align: center;
    padding:8px 5px;
}
.lectureList01 li .cont_right .lec_btm .list_btn a:first-child{}
.lectureList01 li .cont_right .lec_btm .list_btn a:last-child{
    float:right;
    /*border: 1px solid var(--keycolor);*/
}
.lectureList01 li .cont_right .lec_btm .list_btn .recruit_closed{
    border:0;
    cursor: auto;
}

@media all and (max-width: 1023px){
    .lectureList01 li .box{
        display:inline-block;
        padding:20px 20px 0;
    }
    .lectureList01 li .content_thumb{
        width: 348px;
        display: inline-block;
        vertical-align: middle;
        padding:0 0 20px;
    }
    .lectureList01 li .thumBox{
        width: 328px;
    }
    .lectureList01 li .cont_center {
        padding: 20px 0;
        width: calc(100% - 352px);
        display: inline-block;
        height: 204px;
    }
    .lectureList01 li .cont_center div.icon {
        position: absolute;
        bottom: 20px;
    }
    .lectureList01 li .cont_center .explain {
        font-size: 14px;
        line-height: 22px;
        color: #777;
        height: 44px;
        -webkit-line-clamp: 2;
    }

    .lectureList01 li .cont_right {
        width: 100%;
        display: inline-block;
        border-left: 0;
        padding: 20px 0;
        border-top: 1px solid #ddd;
    }
    .lectureList01 li .cont_right .earlyBirdArea{
        float: left;
        padding:10px 0;
        position: static;
    }
    .lectureList01 li .cont_right .lec_btm{
        display: inline-block;
    }
    .lectureList01 li .cont_right .lec_btm .price{
        display: inline-block;
        padding: 5px 20px;
    }
    .lectureList01 li .cont_right .lec_btm .cost-sale{
        display: none;
    }
    .lectureList01 li .cont_right .lec_btm .cost-sale.tabletVer{
        display:inline-block;
        vertical-align: middle;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price_info{
        display: none;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price_info.tabletVer{
        display:inline-block;
        vertical-align: middle;
        font-size: 18px;
        margin:0 5px;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price_info .numberM {
        vertical-align: baseline;
        font-size: 24px;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price span.rate{
        font-size:14px;
        display: inline-block;
        vertical-align: middle;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price em.numberSB {
        display: inline-block;
        vertical-align: middle;
    }
    .lectureList01 li .cont_right .lec_btm .list_btn {
        width: auto;
        margin-top: 0px;
    }
    .lectureList01 li .cont_right .lec_btm .list_btn a{
        width: 140px;
        padding:12px 5px;
    }
    .lectureList01 li .cont_right .lec_btm .list_btn a.detail_view_btn{
        display: none;
    }

}

@media all and (max-width: 800px) {
    .lectureList01 li .box {
        display: inline-block;
        padding: 20px 20px 0;
    }

    .lectureList01 li .content_thumb {
        width: 240px;
        display: inline-block;
        vertical-align: middle;
        padding: 0 0 20px;
    }

    .lectureList01 li .thumBox {
        width: 225px;
    }

    .lectureList01 li .cont_center {
        padding: 0px 0 20px;
        width: calc(100% - 245px);
        display: inline-block;
        height: 140px;
    }
    .lectureList01 li .cont_center .subject {
        margin-bottom: 10px;
    }
    .lectureList01 li .cont_center div.icon {
        position: absolute;
        bottom: 0px;
    }
}

@media all and (max-width: 700px){
    .lectureList01 li .box{
        display:inline-block;
        padding:0;
        border:0;
    }
    .lectureList01 li .content_thumb{
        width: 100%;
        padding:0;
    }
    .lectureList01 li .thumBox{
        width: 100%;
    }
    .lectureList01 li .thumBox .earlyBirdArea{
        display:inline-block;
    }
    .lectureList01 li .thumBox .earlyBirdArea{
        text-align: center;
        height: auto;
        position: absolute;
        width: 100%;
        bottom: 0px;
        border-top: 0;
    }
    .lectureList01 li .thumBox .earlyBirdBox{
        background:var(--keyrgba70);
        text-align: center;
        line-height: 12px;
        padding:11px 10px;
    }
    .lectureList01 li .thumBox .earlyBirdArea span{
        font-size:12px;
        display: inline-block;
        color:#fff;
    }
    .lectureList01 li .thumBox .earlyBirdArea span.ebTxt {
        font-size:17px;
    }

    .lectureList01 li .cont_center {
        padding: 20px;
        width: 100%;
        display: inline-block;
        height: auto;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    .lectureList01 li .cont_center div.icon {
        position: static;
        bottom: auto;
        margin-top:15px;
    }
    .lectureList01 li .cont_center .subject {
        font-size: 19px;
        font-weight: 500;
        margin-bottom: 15px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 52px;
        line-height: 26px;
        overflow: hidden;
        word-wrap: break-word;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .lectureList01 li .cont_center .explain {
        font-size: 14px;
        line-height: 22px;
        color: #777;
        height: 66px;
        -webkit-line-clamp: 3;
    }

    .lectureList01 li .cont_right {
        width: 100%;
        display: inline-block;
        margin:0 auto;
        border-left: 0;
        padding: 0px 20px;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-top: 0;
    }
    .lectureList01 li .cont_right_wrap {
        width: 100%;
        display: inline-block;
        border-top: 1px solid #ddd;
        padding:15px 0;
    }
    .lectureList01 li .cont_right .earlyBirdArea{
        display: none;
    }
    .lectureList01 li .cont_right .lec_btm{
        display: inline-block;
        width: 100%;
    }
    .lectureList01 li .cont_right .lec_btm .price{
        display: inline-block;
        padding: 0px 0px;
        width: 100%;
        text-align: left;
    }
    .lectureList01 li .cont_right .lec_btm .cost-sale{
        display: none;
    }
    .lectureList01 li .cont_right .lec_btm .cost-sale.tabletVer{
        display:none;
    }
    .lectureList01 li .cont_right .lec_btm .cost-sale{
        display:inline-block;
        width: 100%;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price_info.tabletVer{
        display:none;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price_info{
        display:inline-block;
        font-size: 18px;
        margin: 5px 0 0;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price_info .numberM {
        vertical-align: baseline;
        font-size: 24px;
    }

    .lectureList01 li .cont_right .lec_btm .lec_price span.rate{
        font-size:22px;
        display: inline-block;
        vertical-align: middle;
        float: right;
    }
    .lectureList01 li .cont_right .lec_btm .lec_price em.numberSB {
        display: inline-block;
        vertical-align: middle;
    }
    .lectureList01 li .cont_right .lec_btm .list_btn {
        width: 100%;
        margin-top: 15px;
    }
    .lectureList01 li .cont_right .lec_btm .list_btn a{
        width: 100%;
        padding:12px 5px;
    }
    .lectureList01 li .cont_right .lec_btm .list_btn a.detail_view_btn{
        display: none;
    }

}


/*==========================================
        메인 - 수강중인 강의 스타일
==========================================*/
.mylecture_list{}
.indexLayout .mylecture_list{
    padding: 90px 20px 0;
}
.indexLayout .mylecture_list .mobile_view{
    display: none;
}
.indexLayout .mylecture_list .swiper-wrapper{
    overflow: hidden;
}
.indexLayout .mylecture_list h5 .more_btn{
    width: 27px;
    height: 27px;
    background: url('../../data/customImages/icon_arrow_right.png.html')no-repeat;
    display: inline-block;
    vertical-align: top;
}
.indexLayout .mylecture_list .edu-list__info{
    padding: 20px;
    border-radius: 0px;
    background: #fff;
}
.indexLayout .mylecture_list .edu-list > li{
    padding-bottom: 0;
}
/*.indexLayout .mylecture_list .owl-dots{text-align:center;margin-top: 10px;}
.indexLayout .mylecture_list .owl-dots .owl-dot {margin:0 5px;}
.indexLayout .mylecture_list .owl-dots .owl-dot.active{}
.indexLayout .mylecture_list .owl-dots .owl-dot span{width:12px;height:12px; border-radius:50px;background:transparent; border:1px solid var(--keycolor); display:inline-block;}
.indexLayout .mylecture_list .owl-dots .owl-dot.active span{background:var(--keycolor); border:1px solid var(--keycolor);}*/
@media all and (max-width:1023px){
    .indexLayout .mylecture_list{
        padding: 70px 20px 0;
    }
    .indexLayout .mylecture_list .pc_view{
        display: none;
    }
    .indexLayout .mylecture_list .mobile_view{
        display: block;
    }
    .indexLayout .mylecture_list .edu-list__info{
        width: 100%;
        display: inline-block;
    }
}
@media all and (max-width:599px){
    .indexLayout .mylecture_list{
        padding: 50px 20px 0;
    }
    .indexLayout .mylecture_list .edu-list__info{
        padding: 15px;
    }
}

/*메인 타이틀이 가운데 정렬인 경우*/
/*.indexLayout .mylecture_sty1 h2.page-title{
    margin-bottom: 20px;
}*/
.mylecture_sty1{}
.mylecture_sty1 .mylecture_box{
    background: var(--keyrgba05);
    border-radius: 5px;
    padding:20px;
}
.mylecture_sty1 .row{
    margin-left: -8px;
    margin-right: -8px;
}
.mylecture_sty1 .row > li{
    padding-left: 8px;
    padding-right: 8px;
}
.mylecture_sty1 .more_btn{
    width: 110px;
    height: 36px;
    line-height: 35px;
    text-align: center;
    border-radius: 50px;
    font-size: 16px;
    color: #777;
    border: 1px solid #ccc;
    display: block;
    margin: 20px auto 0;
}
.indexLayout .mylecture_sty1 .edu-list__info{
    border: 0;
}
@media all and (max-width:1023px){
    .mylecture_sty1 .more_btn{
        font-size: 14px;
    }
}
@media all and (max-width:599px){
    .mylecture_sty1 .mylecture_box {
        padding: 15px;
    }
}
/*메인 타이틀이 왼쪽 정렬인 경우*/
.indexLayout .mylecture_sty2 h2.page-title{
    position: relative;
}
.indexLayout .mylecture_sty2 .edu-list__info{
    border: 1px solid #ddd;
}
.mylecture_sty2 .more_btn{
    font-size: 14px;
    color: #777;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top:-12px;
}
.mylecture_sty2 .more_btn img{
    margin-left: 5px;
    vertical-align: baseline;
}
@media all and (max-width:1023px){
    .indexLayout .mylecture_sty2 .more_btn .mobile_view{
        display: inline-block;
        vertical-align: middle;
    }
    .mylecture_sty2 .more_btn img{
        width: 18px;
    }
    .mylecture_sty2 .more_btn{
        font-size: 13px;
    }
}
@media all and (max-width:599px){

}
.mylecture_sty1 .mylecture_box,
.mylecture_sty2 .mylecture_box{
    margin-top: 20px;
}



/* 스프러너 수료증 출력팝업*/
.certificate_type3{
    font-family: 'ChosunGs', 'Gungsuh', '궁서', 궁서체 ;
}
.certificate_type3 .print_section{
    position: absolute;
    width: 100%;
    padding-top: 142%;
    background-image: url('../images/spreneur/certificate_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%;
    height: 0;
}
.certificate_type3#myDivToPrint .print_inner {
    padding: 20vw 0vw 18vw;
}
.certificate_type3#myDivToPrint .print_inner:before {
    content: '';
    width: 1.2vw;
    height: 13.2vw;
    background: #D8753D;
    position: absolute;
    top: 0;
    left: 8vw;
}
.certificate_type3#myDivToPrint .print_inner h3{
    font-size: 8.8vw;
    font-weight: 900;
    line-height: 10vw;
    letter-spacing: 0.48em;
    padding-bottom: 11vw;
}
.certificate_type3 .serialNumber{
    font-size: 2.3vw;
    font-weight: bold;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;
    color:#333;
    position: absolute;
    left: 10vw;
    top: 8vw;
}
.certificatePrint .top_info,
.certificate_type3 .top_info{
    text-align: right;
    padding:0 8vw 11vw;
}
.certificatePrint .top_info,
.certificate_type3 .top_info{}
.certificatePrint .top_info ul,
.certificate_type3 .top_info ul{
    display: inline-block;
}
.certificatePrint .top_info ul > li,
.certificate_type3 .top_info ul > li{
    font-size: 3.3vw;
    font-weight: 700;
    line-height: 4vw;
    letter-spacing: 0vw;
    text-align: left;
    margin-bottom: 1vw;
}
.certificatePrint .top_info ul > li:last-child,
.certificate_type3 .top_info ul > li:last-child{
    margin-bottom: 0;
}
.certificate_type3 .center_text{
    font-size: 4.4vw;
    font-weight: 900;
    font-weight:  bold;
    line-height: 6.8vw;
    letter-spacing: 0.1vw;
    text-align: justify;
    color:#111;
    padding:0 10vw
}

.certificate_type3#myDivToPrint .print_inner .info_box{
    padding: 6vw 14vw 0;
}
.certificate_type3#myDivToPrint .print_inner table{
    width: auto;
    margin:0 auto;
}
.certificate_type3#myDivToPrint .print_inner table th{
    width: 90px;
    width: 15vw;
    text-align: justify;
}
.certificate_type3#myDivToPrint .print_inner table tr th span{
    width: 100%;
    display: inline-block;
    position: relative;
}
.certificate_type3#myDivToPrint .print_inner table th span:after{
    content:':';
    position: absolute;
    right:0;
    top: 0;
    font-size: 2.4vw;
}
.certificate_type3#myDivToPrint .print_inner table td{
    text-align: left;
}
.certificate_type3#myDivToPrint .print_inner table th,
.certificate_type3#myDivToPrint .print_inner table td{
    font-size: 2.7vw;
    vertical-align: top;
    padding-bottom: 1vw;
    line-height: 3vw;
    font-weight: 900;
    letter-spacing: 0vw;
}
.certificate_type3#myDivToPrint .print_inner table td #cert_time{
    paddiong-left: 1vw;
}
.certificate_type3#myDivToPrint .print_inner table tr:last-child th,
.certificate_type3#myDivToPrint .print_inner table tr:last-child td{
    padding-bottom: 0px;
}
.certificate_type3#myDivToPrint .info_box tr th span{
    letter-spacing: 0.18vw;
}
/*
.certificate_type3#myDivToPrint .info_box tr:nth-child(1) th span{
    letter-spacing: 0.18vw;
}
.certificate_type3#myDivToPrint .info_box tr:nth-child(2) th span{
    letter-spacing: 0vw;
}
*/
.certificate_type3#myDivToPrint .btm_box{
    position: absolute;
    bottom: 8vw;
    text-align: center;
    width: 100%;
}
.certificate_type3#myDivToPrint .certificate_date{
    margin-top:0;
    font-weight: 900;
    font-size: 3.5vw;
    line-height: 4.5vw;
    letter-spacing: 0.2vw;
    color:#111;
}
.certificate_type3#myDivToPrint .certificate_sign{
    margin-top: 2.8vw;
    padding: 0 10vw;
}
.certificate_type3#myDivToPrint .certificate_sign .sign_text{
    font-size: 3.2vw;
    line-height: 3vw;
    letter-spacing: 0.3vw;
    color:#111;
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
.certificate_type3#myDivToPrint .certificate_sign .name{
    font-size: 30px;
    font-size: 6vw;
    line-height: 4.8vw;
    vertical-align: bottom;
    letter-spacing: 0.5vw;
    margin-left: 1vw;
}
.certificate_type3#myDivToPrint .certificate_sign .sign_img{
    display: inline-block;
    width: 18vw;
    vertical-align: middle;
    margin-left: -18vw;
}
.certificate_type3#myDivToPrint .certificate_sign .sign_img img {

}


/*한국안전교육기술원 수료증*/
.kosafekr_certificate#myDivToPrint{
    font-family: "Noto Serif KR", 'Gungsuh', '궁서', 궁서체 ;
}
.kosafekr_certificate#myDivToPrint .print_inner {
    padding: 10.1vw 15.2vw 10.1vw;
}
.kosafekr_certificate.certificatePrint .serialNumber{
    font-size: 2.1vw;
    left: 15.2vw;
    top: 10.1vw;
    position: static;
}
.kosafekr_certificate#myDivToPrint .print_inner h3{
    font-family: "Noto Serif KR", 'Gungsuh', '궁서', 궁서체 ;
    font-size: 7.6vw;
    font-weight: 700;
    padding-top: 8.41vw;
    padding-bottom: 8.41vw;
}
.kosafekr_certificate#myDivToPrint .print_section{
    background: none;
}
.kosafekr_certificate.certificatePrint .certificateInfo2{
    font-size: 3.6vw;
    letter-spacing: -0.07vw;
    line-height: 5.2vw;
    margin-top: 11.3vw;
    margin-bottom: 11.3vw;
    font-weight: 700;
}
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2{
    display: table;
    border-spacing: 0;
    border: 0;
    text-align: left;
    /*table-layout: fixed;*/
}
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2 > li{
    display: table-row;
}
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2 .info_title{
    min-width: 14vw;
    text-align: justify;
}
.kosafekr_certificate.certificatePrint .info_cont_box2 .info_title{
    white-space: normal;
    font-size: 0;
}
.kosafekr_certificate.certificatePrint .info_cont_box2 .info_title span{
    font-size: 2.8vw;
    font-weight: 700;
    line-height: 4.4vw;
}
.kosafekr_certificate.certificatePrint .info_cont_box2 .info_title:before {
    content: ':';
    position: absolute;
    right: 2vw;
    top: 1vw;
font-size: 2.4vw;
}

.kosafekr_certificate.certificatePrint .info_cont_box2 .info_title:after {
    content: '';
    display: inline-block;
    width: 100%;
}
.kosafekr_certificate.certificatePrint .info_cont_box2 .info_title span:after {display:none;}
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2 .info_title,
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2 div:last-child{
    display: table-cell;
    padding-bottom: 1vw;
}
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2 div:last-child{
    line-height: 4.4vw;
    font-size:2.8vw;
    font-weight: 700;
}
.kosafekr_certificate#myDivToPrint .print_inner .info_cont_box2 .info_title{
    font-size: 0;
    font-weight: normal;
    text-align: justify;
    min-width: 20vw;
    vertical-align: top;
    padding-right: 4vw;
    position: relative;
}
.kosafekr_certificate .kosafekr_bg{
position: absolute;
top: 0;
z-index: -1;
}
.kosafekr_certificate#myDivToPrint .certificate_date{
    font-size: 2.4vw;
    font-weight: 600;
    color: #333;
    line-height: 2.8vw;
    letter-spacing: -0.28px;
}
.kosafekr_certificate#myDivToPrint .certificate_sign{
font-size: 3.1vw;
letter-spacing: 0;
margin-top: 5.1vw;
}
.kosafekr_certificate#myDivToPrint .certificate_sign .sign{
width: 69px;
width: 10.6vw;
display: inline-block;
vertical-align: middle;
}
/*리뷰 검색필터*/
.review_search_filter{
    background: #F8F8F8;
    padding:35px 20px;
    margin-bottom: 50px;
}
.review_search_filter .rv_search_btn{
    display: none;
}
.review_search_filter ul{
    max-width: 858px;
    margin:0 auto;
}
.review_search_filter li{
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
}
.review_search_filter li:last-child{
    margin-bottom: 0px;
}
.review_search_filter li .sch_filter_title{
    width: 90px;
    float: left;
    height: 42px;
    line-height: 40px;

    font-size: 14px;
    font-weight: 500;
    text-align: left;
    color:#555;

}
.review_search_filter li .sch_filter_select{
    width: 100%;
    float: left;
}
.review_search_filter li .sch_filter_select select{
    width: calc(33% - 1.5px);
    height:42px;
    margin-right: 6px;
    float: left;
}
.review_search_filter li .sch_filter_select select:first-child{}
.review_search_filter li .sch_filter_select select:last-child{
    margin-right:0;
}
.review_search_filter li:last-child .sch_filter_select select{
    width: 100%;
}
.review_search_filter li:last-child .sch_filter_select select:first-child{
    width: 150px;
}
.review_search_filter li:last-child .sch_filter_select select:last-child{
    width: calc(100% - 156px);
}
@media all and (max-width:990px){
    /*리뷰 검색필터*/
    .review_search_filter{
        padding:35px 20px;
        margin-bottom: 50px;
    }
    .review_search_filter ul{
        width: 100%;
    }
    .review_search_filter li .sch_filter_select select{
        width: calc(33% - 2px);
    }
}

@media all and (max-width:768px){
    /*리뷰 검색필터*/
    .review_search_filter li .sch_filter_select select{
        width: calc(33% - 2.5px);
    }
}

@media all and (max-width:599px){
    /*리뷰 검색필터*/
    .review_search_filter{
        padding:0px;
        background: #fff;
        margin-bottom: 30px;
    }
    .review_search_filter .rv_search_btn{
        display: inline-block;
        width: 100%;
        background: #F8F8F8 url('../images/board/icon_filter.svg')no-repeat calc(100% - 10px) center;
        padding:11px 10px;
        font-size: 15px;
        font-weight: 400;
        line-height: 23px;
        text-align: left;
        color:#555;
        cursor: pointer;
    }
    .review_search_filter > .rv_search_box{
        display: none;
    }
    .review_search_filter > .rv_search_box.on{
        display: inline-block;
        padding:15px 20px;
        margin-left: -20px;
        margin-right: -20px;
        box-shadow: 0px 5px 10px 0px rgba(221,221,221,0.4);
        width: calc(100% + 40px);
    }
    .review_search_filter li {
        margin-bottom: 15px;
    }
    .review_search_filter li .sch_filter_title{
        width: 100%;
        height: auto;
        line-height: 19px;

        font-size: 13px;
        font-weight: 500;
        color: #555;
        margin-bottom: 6px;

    }
    .review_search_filter li .sch_filter_select{
        width: 100%;
    }
    .review_search_filter li .sch_filter_select select{
        width: 100%;
        margin-right: 0;
        margin-bottom: 6px;
    }
    .review_search_filter li .sch_filter_select select,
    .review_search_filter li .sch_filter_select option{
        font-size: 13px;
    }
    .review_search_filter li .sch_filter_select select:last-child{
        margin-bottom: 0px;
    }
    .review_search_filter li:last-child .sch_filter_select select:first-child{
        width: 100%;
        margin-bottom: 6px;
    }
    .review_search_filter li:last-child .sch_filter_select select:last-child{
        width: 100%;
    }

}


/* 회원가입 > 약관 팝업 */
.termsPopBox{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.termsPopBox .bg_000{
    left: 0;
    z-index: 101;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: block;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.45);
    cursor: pointer;
    transition: 0.3s;
}
.termsPopup{
    position: absolute;
    z-index: 102;
    width: 100%;
    max-width: 422px;
    height: 565px;
    top: 50%;
    left: 50%;
    margin-left: -211px;
    margin-top: -282.5px;
    background: #fff;
    padding: 30px 20px;
}
.termsPopup .termsPopup_box{}
.termsPopup .termsPopup_box h3{
    color: #111;
    font-size: 20px;
    font-weight: 500;
    line-height: 29px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 24px;
    padding-right: 20px;
}
.termsPopup .termsPopup_box h3 span{
    display: inline-block;
    color:#555;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.02em;
    text-align: left;

}
.termsPopup .top_closed_pop{
    width: 18px;
    height: 18px;
    background:url('../images/common/icon_closed.svg')no-repeat;
    border: 0;
    position: absolute;
    right: 20px;
    top: 35px;
}
.termsPopup .termsBox{
    height:384px;
    overflow-y: auto;
}
.termsPopup .btn{}
.termsPopup .btn button{
    width: calc(100% - 40px);
    background: #fff;
    border: 0;
    height: 44px;
    position: absolute;
    bottom: 30px;
    left:20px;
    transition: 0.2s;
}
.termsPopup .btn button:hover{
    background:#f1f1f1 !important;
    color: var(--keycolor);
}
@media all and (max-width: 599px){
    .termsPopup{
        max-width: 100%;
        width: 90%;
        margin-left: 0;
        left:5%;
        height: 465px;
        margin-top: -232.5px;
    }
    .termsPopup .termsBox {
        height: 290px;
    }
}
/*지금 신청하면 딱 좋은 과정*/
.recommended_lecture{
    background: #f7f7f7;
    padding:50px 0;
    margin-bottom: 50px;
}
.recommended_lecture .recommended_title{
    color:#111;
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 20px;

}
.recommended_lecture .lectureList .col-3:nth-last-child(-n+4){
    padding-bottom:0;
}

@media all and (max-width: 1023px){

}

@media all and (max-width: 599px){
    .recommended_lecture{
        padding:35px 0;
    }
    .recommended_lecture .recommended_title {
        color: #111;
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        letter-spacing: -0.02em;
        margin-bottom: 10px;
    }

    .recommended_lecture .lectureList .col-3,
    .recommended_lecture .lectureList .col-3:nth-last-child(-n+4){
        padding-bottom:20px;
    }
    .recommended_lecture .lectureList .col-3:nth-last-child(-n+2){
        padding-bottom:0px;
    }
}


/* 교육과정검색결과 */

.search_result{
}
.search_result .result_total{
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 30px;
    word-break: keep-all;
}
.search_result .result_total strong{
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
}
.search_result .result_total span{
    font-size: 20px;
    font-weight: 400;
    display: inline-block;
}
.search_result .result_data_none{
    text-align: center;
    padding:100px 0;
}
.search_result .result_data_none img{}
.search_result .result_data_none .text{
    margin-top: 20px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.02em;
    text-align: center;
    color:#555;

}

@media all and (max-width: 599px){
    .search_result .result_total{
        font-size: 16px;
        margin-bottom: 30px;
    }
    .search_result .result_total strong{
        font-size: 16px;
    }
    .search_result .result_total span{
        font-size: 16px;
        font-weight: 400;
    }

    .search_result .result_data_none{
        padding:50px 0;
    }
    .search_result .result_data_none .text{
        margin-top: 20px;
        font-size: 15px;
        line-height: 22px;
    }
}


/* 로그인 팝업*/
#loginArea{position:fixed; z-index:1000; width: 100%; height:100%; top:0; left:0;}
#loginArea .bg_000{display: block; opacity: 1; z-index:101;}
#loginPopup .login_close_btn{width: 18px; position: absolute; top: 20px; right: 20px; cursor: pointer;}
#loginPopup {position:absolute; z-index:102; width: 100%; max-width:420px; height:auto; top:50%; left:50%; margin-left:-210px; margin-top:-252px; background:#fff;padding:60px 40px;}
#loginPopup .login_inner_wrap{ vertical-align: middle; width: 100%; margin: 0 auto; overflow: hidden;text-align:center;}
#loginPopup .login_inner_wrap:after{display: block; content: ''; clear: both;}

#loginPopup .login_inner_wrap input:focus{outline: none; box-shadow:inset 0 0 0 1px var(--keycolor); border:none;}

#loginPopup .login_inner_wrap .login_wrap{border-bottom: none;}
#loginPopup .login_inner_wrap .login_wrap{width: 100%; height: 100%; text-align: center; display:inline-block;position: relative;}
#loginPopup .login_inner_wrap .login_wrap .login_middle_wrap {width: 100%;}
#loginPopup .login_inner_wrap .login_wrap h3{margin:0 0 27px; font-weight: 500; font-size: 28px;}

#loginPopup .login_inner_wrap .login_wrap h2{
    font-size: 38px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    margin-bottom: 12px;
    color:#111;
}
#loginPopup .login_inner_wrap .login_wrap h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    color: #111;
}
#loginPopup .login_inner_wrap .login_wrap p{margin-bottom: 2.5em;}
#loginPopup .login_inner_wrap .login_wrap .login_form{width: 100%; max-width: 420px; margin: auto;}
#loginPopup .login_inner_wrap .login_wrap .login_form input{width: 100%; height: 46px; border-color:#ddd; border-radius: 2px;}
#loginPopup .login_inner_wrap .login_wrap .login_form input::placeholder{color:#999; padding-top: 1px; font-size: 13px;}

.login_bg_wrap .login_inner_wrap .login_wrap .login_form .login_btm_box,
#loginPopup .login_inner_wrap .login_wrap .login_form .login_btm_box{
    text-align: left;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form .login_btm_box > div,
#loginPopup .login_inner_wrap .login_wrap .login_form .login_btm_box > div{
    white-space: nowrap;
    margin-right: 15px;
}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form .save_id,
#loginPopup .login_inner_wrap .login_wrap .login_form .save_id{text-align: left; margin-bottom: 14px;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form .save_id label,
#loginPopup .login_inner_wrap .login_wrap .login_form .save_id label{font-size: 14px; color: #555;}

.login_bg_wrap .login_inner_wrap .login_wrap .login_form .auto_login,
#loginPopup .login_inner_wrap .login_wrap .login_form .auto_login{text-align: left; margin-bottom: 14px;}
.login_bg_wrap .login_inner_wrap .login_wrap .login_form .auto_login label,
#loginPopup .login_inner_wrap .login_wrap .login_form .auto_login label{font-size: 14px; color: #555;}

#loginPopup .login_inner_wrap .login_wrap p.btnarea{margin-bottom: 18px;}
#loginPopup .login_inner_wrap .login_wrap p button{display: block; border: none; width: 100%; height:46px; font-size: 18px; transition:0.4s;}
#loginPopup .login_inner_wrap .login_wrap .login_sch{margin-bottom: 40px;}
#loginPopup .login_inner_wrap .login_wrap .login_sch ul{text-align: center;}
#loginPopup .login_inner_wrap .login_wrap .login_sch ul li{display: inline-block;}
#loginPopup .login_inner_wrap .login_wrap .login_sch ul li:first-child:after{content: ''; clear: both; width: 1px; height: 12px; float:right; background-color: #ddd; margin-top: 3px}
#loginPopup .login_inner_wrap .login_wrap .login_sch ul li:last-child:after{content: ''; clear: both; width: 1px; height: 12px; float:left; background-color: #ddd; margin-top: 3px}
#loginPopup .login_inner_wrap .login_wrap .login_sch ul li a{font-size: 14px; color:#777; padding: 0px 9px 0 8px;}
#loginPopup .login_inner_wrap .adBanner_wrap{width: 50%;float:right;}
#loginPopup .login_inner_wrap .adBanner_wrap img{width:100%;}
#loginPopup .login_inner_wrap .adBanner_wrap .mobile{display: none;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer h5{color: #111; font-size: 15px; margin-bottom: 20px; font-weight: 500;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer h5:before{content: ''; width: calc(50% - 50px); height: 1px; background: #ddd; float: left; margin-top: 7px;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer h5:after{content: ''; width: calc(50% - 50px); height: 1px; background: #ddd; float: right; margin-top: 7px;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul{}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul:after{display: block; content: ''; clear: both;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li{float: left; width: calc(50% - 5px); margin-bottom:5px; border-radius: 2px; padding: 11px 26px 10px;position: relative;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:last-child{margin-bottom: 0px;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.kakao{background:#ffe800;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.naver{background:#1ec800;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.google{background:#fff; border:1px solid #ccc;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li a{font-size: 14px; padding-left: 10px; line-height: 1.2;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li a:before{
    content: '';
    position: absolute;
    left:26px;
    top: 50%;
    margin-top: -9.5px;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a{color: #381e1f;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.kakao a:before{
    background: url(../images/member/login_kakao.svg) no-repeat center;
    background-size: 21px auto;
    float: left;
    width: 21px;
    height: 19px;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.naver a{color: #fff;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.naver a:before{
    background: url(../images/member/login_naver.svg) no-repeat center;
    background-size:21px auto;
    float: left;
    width: 21px;
    height: 19px;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.google a{color: #333;}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li.google a:before{
    background: url(../images/member/login_google.svg) no-repeat center;
    background-size: 26px auto;
    float: left;
    width: 26px;
    height: 26px;
    margin-top: -14px;
    left: 23px;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(1) {
    width: 100%;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(2),
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(2) ~ li {
    width: 100%;
}

/* li가 세개일 때 */
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(3),
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(3) ~ li {
    width: 100%;
}

/* li가 네개일 때*/
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(4),
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:first-child:nth-last-child(4) ~ li {
    width: 100%;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li .recentLogin{
    position: absolute;
    width: 80px;
    height: auto;
    left: 50%;
    top: -25px;
    margin-left:-40px;
    background: rgba(0,0,0,0.8);
    color: white;
    border-radius: 5px;
    padding: 8px 10px;
    font-size: 12px;
}
#loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li .recentLogin:after{
    border-top: 10px solid rgba(0,0,0,0.8);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0px solid transparent;
    content: "";
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -6px;
}
#loginPopup .login_inner_wrap .login_wrap .go_join{display: block; height: 44px; font-size: 15px; line-height:40px; box-sizing:border-box; background-color: none; border: 1px solid #ddd; text-align: center; transition:0.4s;}
#loginPopup .login_inner_wrap .login_wrap .go_join:hover{background-color: none; border-color:#555555;}
#loginPopup .login_inner_wrap .login_wrap .input_area{margin-bottom: 10px;}
#loginPopup .login_inner_wrap .login_wrap .wrong_span{
    font-size:13px;
    color: var(--keycolor);
    position: relative;
    padding-left: 19px;
    top: 8px;
    width: 100%;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 10px;
}
#loginPopup .login_inner_wrap .login_wrap .wrong_span:before{
    content: '';
    background: url(../../data/customImages/iconMark.svg) no-repeat center;
    background-size: 14px 14px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top:1px;
}

#loginPopup .login_inner_wrap .login_wrap input:checked + label.chkbox:before{background: var(--keycolor); border: none;}
#loginPopup .login_inner_wrap .login_wrap input:checked + label.chkbox:after{background: url(../../images/common/icon_check_fff.png) 50% 44% no-repeat;background-size: 100% !important;}


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

    #loginPopup .login_inner_wrap .login_wrap h2{
        font-size: 30px;
        font-weight: 500;
        line-height: 36px;
        letter-spacing: -0.3333333432674408px;
        text-align: center;
        margin-bottom: 12px;
        color:#111;
    }
    #loginPopup .login_inner_wrap .login_wrap h3 {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -0.3333333432674408px;
        text-align: center;
        color: #111;
    }

}

@media screen and (max-width: 460px){
    #loginPopup{max-width: 330px; margin-left: -165px; padding: 43px 20px;margin-top:-260px;}
    #loginPopup .login_inner_wrap .login_wrap h3{margin:0 0 20px; font-size: 25px;}
    #loginPopup .login_inner_wrap .login_wrap .login_form input{height: 42px;}
    #loginPopup .login_inner_wrap .login_wrap .login_form input::placeholder{padding-top: 0px;}
    #loginPopup .login_inner_wrap .login_wrap p button{height: 42px; font-size: 16px;}
    #loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li{float: none; width: 100% !important; margin-right: 0;  padding: 11px 26px 13px;   margin-bottom: 8px;}
    #loginPopup .login_inner_wrap .login_wrap .login_snsVer ul li:last-child{margin-bottom: 0px;}
}

@media screen and (max-width: 360px){
    #loginPopup{max-width: 290px; margin-left: -145px;}
    #loginPopup .login_inner_wrap .login_wrap .login_sch ul li a{font-size: 13px;}
}

/* 레벨테스트 페이지 */

.bnrVideoInner {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 57.82%;
}
.bnrVideoInner iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.levelTestWrap .location,
.freeLectureWrap .location{display:none;}
.levelTestWrap{}
.levelTestWrap .subVisualBnr,
.levelTestWrap .subVisualBnrSwiper{
    height: 580px;
}
.levelTestWrap .subVisualBnr .subVisual{
    height: 580px;
}
.levelTestWrap #wrapper{
    padding-top: 90px;
}
.levelTestWrap .mobile_view{
    display: none;
}
.levelTestWrap .row{
    margin-left: -10px;
    margin-right: -10px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.levelTestWrap .row > li{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}
.levelTestWrap .row > li:nth-child(-n + 4){
    padding-top: 0px;
}/*
.levelTestWrap .bnrVisual{
    padding-top: 102.46%;
}*/
@media all and (max-width:1200px){
    .levelTestWrap .subVisualBnr,
    .levelTestWrap .subVisualBnrSwiper,
    .levelTestWrap .subVisualBnr .subVisual{
        height: 430px;
    }
}
@media all and (max-width:1023px){
    .levelTestWrap #wrapper{
        padding-top: 60px;
    }
    .levelTestWrap .row > li:nth-child(4){
        padding-top: 20px;
    }
}

@media all and (max-width:990px){
    .levelTestWrap .subVisualBnr,
    .levelTestWrap .subVisualBnrSwiper,
    .levelTestWrap .subVisualBnr .subVisual{
        height: 300px;
    }
    .levelTestWrap .pc_view{
        display: none;
    }
    .levelTestWrap .mobile_view{
        display: inline-block;
        width: 100%;

    }
    .levelTestWrap .row{
        display: flex;
        flex-wrap: wrap;
    }
}

@media all and (max-width:767px){
    .levelTestWrap #wrapper{
        padding-top: 40px;
    }
    .levelTestWrap .row > li{
        width: 50%;
    }
    .levelTestWrap .row > li:nth-child(3),
    .levelTestWrap .row > li:nth-child(4){
        padding-top: 20px;
    }
}
@media all and (max-width:599px){
    .levelTestWrap .subVisualBnr,
    .levelTestWrap .subVisualBnrSwiper,
    .levelTestWrap .subVisualBnr .subVisual{
        height: auto;
    }
    .levelTestWrap .row > li{
        width: 100%;
    }
    .levelTestWrap .row > li:nth-child(2),
    .levelTestWrap .row > li:nth-child(3),
    .levelTestWrap .row > li:nth-child(4){
        padding-top: 20px;
    }
}



/* 레벨테스트 페이지 */
.freeLectureWrap{}
.freeLectureWrap .subVisualBnr,
.freeLectureWrap .subVisualBnrSwiper,
.freeLectureWrap .subVisualBnr .subVisual{
    height: 580px;
}
.freeLectureWrap .mobile_view{
    display: none;
}
.freeLectureWrap #wrapper02{
    width: 100%;
    max-width: 1292px;
    margin: auto;
    display: inline-block;
}
.freeLectureWrap .section{
    width: 100%;
    display: inline-block;
    text-align: center;
    padding: 90px 20px;
    border-bottom: 1px solid #ddd;
}
.freeLectureWrap .section02{
    border-bottom: 0;
}
.freeLectureWrap .left_cont{
    width: 380px;
    float: left;
    padding-right: 20px;
    display: inline-block;
    vertical-align: top;
    position: sticky;
    text-align: left;
}
.freeLectureWrap .right_cont{
    width: calc(100% - 380px);
    float: left;
    display: inline-block;
}
.freeLectureWrap .right_cont .row{
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}
.freeLectureWrap .left_cont h3{
    font-size: 40px;
    font-weight: 700;
    line-height: 51px;
    letter-spacing: -0.02em;
    text-align: left;
    margin-bottom: 12px;
}
.freeLectureWrap .left_cont div.text{
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.02em;
    text-align: left;
}
.freeLectureWrap .left_cont div.point{
    font-size: 24px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.04em;
    text-align: left;
    margin-bottom: 6px;
}
.freeLectureWrap .section li{
    padding-top:30px;
}
.freeLectureWrap .section li:nth-child(-n+2){
    padding-top:0px;
}

.freeLectureWrap .video{}
/*.freeLectureWrap .bnrVisual{
    padding-top: 56.525%;
}*/
.freeLectureWrap .left_cont h3 .mobile_br{
    display: none;
}
@media all and (max-width:1400px){
    .freeLectureWrap #wrapper02 {
        margin-left: 0px;
    }
}
@media all and (max-width:1200px){
    .freeLectureWrap .subVisualBnr,
    .freeLectureWrap .subVisualBnrSwiper,
    .freeLectureWrap .subVisualBnr .subVisual{
        height: 430px;
    }
    .freeLectureWrap .left_cont{
        width: 300px;
        padding-right: 20px;
    }
    .freeLectureWrap .right_cont{
        width: calc(100% - 300px);
    }

    .freeLectureWrap .left_cont h3{
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 12px;
    }
    .freeLectureWrap .left_cont div.text{
        font-size: 18px;
        line-height: 26px;
    }
    .freeLectureWrap .left_cont div.point{
        font-size: 22px;
        line-height: 20px;
        margin-bottom: 6px;
    }
}
@media all and (max-width:1023px){
    .freeLectureWrap .section {
        padding: 60px 20px;
    }
    .freeLectureWrap .section li{
        padding-top: 20px;
    }
}

@media all and (max-width:990px){
    .freeLectureWrap .subVisualBnr,
    .freeLectureWrap .subVisualBnrSwiper,
    .freeLectureWrap .subVisualBnr .subVisual{
        height: 300px;
    }

    .freeLectureWrap .left_cont{
        width: 250px;
        padding-right: 20px;
    }
    .freeLectureWrap .right_cont{
        width: calc(100% - 250px);
    }


    .freeLectureWrap .left_cont h3 .mobile_br{
        display: block;
    }
    .freeLectureWrap .left_cont div.text .mobile_br{
        display: block;
    }
}
@media all and (max-width:767px){
    .freeLectureWrap .section{
        padding:0 20px;
        border-bottom: 0;
    }
    .freeLectureWrap .section #wrapper02{
        padding:40px 0;
    }
    .freeLectureWrap .section01 #wrapper02{
        border-bottom: 1px solid #ddd;
    }
    .freeLectureWrap .left_cont{
        width: 100%;
        float: none;
        padding-right: 0px;
        padding-bottom: 20px;
    }
    .freeLectureWrap .right_cont{
        width: 100%;
    }
    .freeLectureWrap .left_cont h3 .mobile_br{
        display: none;
    }
    .freeLectureWrap .left_cont div.text .mobile_br{
        display: none;
    }
}
@media all and (max-width:599px){
    .freeLectureWrap .subVisualBnr,
    .freeLectureWrap .subVisualBnrSwiper,
    .freeLectureWrap .subVisualBnr .subVisual{
        height: auto;
    }
    .freeLectureWrap .pc_view{
        display: none;
    }
    .freeLectureWrap .mobile_view{
        display: inline-block;
        width: 100%;

    }

    .freeLectureWrap .left_cont h3{
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 12px;
    }
    .freeLectureWrap .left_cont div.text{
        font-size: 16px;
        line-height: 22px;
    }
    .freeLectureWrap .left_cont div.point{
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 4px;
    }
    .freeLectureWrap .section li{
        padding-top: 10px;
        width: 100%;
    }
    .freeLectureWrap .section li:nth-child(2){
        padding-top: 15px;
    }

}


/* 재동의 팝업 */

/* 로그인 팝업*/
#reAgreeArea{position:fixed; z-index:1000; width: 100%; height:100%; top:0; left:0;}
#reAgreeArea .bg_000{display: block; opacity: 1; z-index:101;}
#reAgreePop .close_btn{width: 18px; position: absolute; top: 20px; right: 20px; cursor: pointer;}
#reAgreePop {position:absolute; z-index:102; width: 100%; max-width:580px; height:auto; top:50%; left:50%; margin-left:-290px;transform:translateY(-50%);background:#fff;padding:40px 40px;}
#reAgreePop .reAgree_inner_wrap{ vertical-align: middle; width: 100%; margin: 0 auto; overflow: hidden;}
#reAgreePop .reAgree_inner_wrap:after{display: block; content: ''; clear: both;}

#reAgreePop .reAgree_inner_wrap input:focus{outline: none; box-shadow:inset 0 0 0 1px var(--keycolor); border:none;}

#reAgreePop .reAgree_inner_wrap .reAgree_wrap{border-bottom: none;}
#reAgreePop .reAgree_inner_wrap .reAgree_wrap{width: 100%; height: 100%; display:inline-block;position: relative;}
#reAgreePop .reAgree_inner_wrap .reAgree_wrap .termsBox{
    /*background: rgba(0,0,0,0.05);
    padding: 20px;*/
    max-height: 500px;
    display: inline-block;
    width: 100%;
    overflow-y: auto;
}
#reAgreePop .reAgree_inner_wrap .reAgree_wrap h2{
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.3333333432674408px;
    text-align: left;
    margin-bottom: 12px;
    color:#111;
}
#reAgreePop .reAgree_inner_wrap .reAgree_wrap h2 span {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    vertical-align: baseline;
}
#reAgreePop .reAgree_inner_wrap .btn_wrap{
    width:100%;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}
#reAgreePop .reAgree_inner_wrap .btn_wrap a{
    display: inline-block;
    width: 120px;
    text-align: center;
    height: 40px;
    line-height: 39px;
    margin:0 3px;
}
#reAgreePop .reAgree_inner_wrap .btn_wrap a.btn{
    background: #eee !important;
    border-radius: 2px;
    color: #777;
}
@media screen and (max-width:767px){
    #reAgreePop {
        width: 90%;
        max-width: 100%;
        top: 50%;
        left: 5%;
        margin-left: 0;
        transform: translateY(-50%);
        padding: 30px 20px;
    }
    #reAgreePop .reAgree_inner_wrap .reAgree_wrap h2{
        font-size: 18px;
    }
    #reAgreePop .reAgree_inner_wrap .reAgree_wrap h2 span{
        font-size: 16px;
    }
    #reAgreePop .reAgree_inner_wrap .reAgree_wrap .termsBox{
        max-height: 250px;
    }
    #reAgreePop .reAgree_inner_wrap .btn_wrap{
    }
    #reAgreePop .reAgree_inner_wrap .btn_wrap a{
        float: left;
        width: calc(50% - 5px);
        margin:0;
    }
    #reAgreePop .reAgree_inner_wrap .btn_wrap a:first-child{margin-right: 5px;}
    #reAgreePop .reAgree_inner_wrap .btn_wrap a:last-child{margin-left:5px;}
    #reAgreePop .reAgree_inner_wrap .btn_wrap a.btn{
        background: #eee !important;
        border-radius: 2px;
        color: #777;
    }
}




/* 비밀번호 변경 팝업 */
.pop_pwChange{
    z-index: 20;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.pop_pwChange_box { position: fixed; left: 50%; top: 50%; z-index: 9999; padding: 40px; margin-left: -250px; margin-top: -150px; width: 100%; max-width: 500px; hegiht: 300px; background: #fff;}
.pop_pwChange_box .popTitle { padding-top: 38px; font-size: 28px; font-weight: 500; color: #333; line-height: 1;}
.pop_pwChange_box .btn_wrap_top { position: absolute; right: 30px; top: 30px;}
.pop_pwChange_box .btn_wrap_top .btn_close {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../../images/mobile/icon_close.png) no-repeat;
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    border: none;}
.pop_pwChange_box .layerpop_area { text-align: center;}
.pop_pwChange_box .layerpop_area .txt_area { padding: 30px 0 35px; font-size: 16px; font-weight: 400; color: #555; line-height: 26px;}
.pop_pwChange_box .layerpop_area .txt_area span {}
.pop_pwChange_box .layerpop_area .btn_wrap_bottom button { display: inline-block; margin: 0 3px; width: 130px; height: 38px; border: 1px solid #000; border-radius: 3px; font-size: 16px; font-weight: 400; line-height: 34px;}
.pop_pwChange_box .layerpop_area .btn_wrap_bottom .btn_pwChange { border-color: var(--keycolor); color: #fff;}
.pop_pwChange_box .layerpop_area .btn_wrap_bottom .btn_pwChangeClose { border-color: #ddd; background: #fff; color: #333;}
.pop_pwChange #mask2 {
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
    background-color:rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}
@media all and (max-width: 599px){
    .pop_pwChange_box {
        width: 90%;
        left: 5%;
        margin-left: 0;
    }

}

/*페이지 관리*/
.normsPage{}
.normsPage .nonWrapper#wrapper{/*full로 페이지 사용할 경우*/
    padding: 0;
    max-width: 100%;
    min-height: auto;
}
.normsPage .nonWrapper .full_page{

}
.normsPage .mapLoade,
.normsPage .root_daum_roughmap .wrap_map{
    height: 500px;
}
.normsPage .mapLoade{
    width: 100% !important;
}
.normsPage .root_daum_roughmap .wrap_controllers{
    display: none;
}

@media all and (max-width: 599px){
    .normsPage .mapLoade,
    .normsPage .root_daum_roughmap .wrap_map{
        height: 280px;
    }
}



/*성인인증 페이지*/

.certifiedPage{}
.certifiedPage .certified_box{margin:100px auto;}
.certifiedPage .certified_big_txt{
    text-align: center;
}
.certifiedPage .certified_big_txt span{
    display: inline-block;
    font-weight: bold;
    font-size: 45px;
    border: 7px solid red;
    border-radius: 50%;
    padding: 18px 15px 20px;
}
.certifiedPage .certified_bottom {
    margin-top: 30px;
}

.certifiedPage .certified_bottom .title {
    margin-bottom: 50px;
}

.certifiedPage .certified_bottom .title h3 {
    margin-bottom: 30px;
}

.certifiedPage .certified_bottom .title p {
    font-size: 18px;
    margin-bottom: 10px;
}

.certifiedPage .certified_bottom .title p:last-child {
    margin-bottom: 0
}

.certifiedPage .certified_bottom .certified_text {
    font-size: 18px;
    line-height: 26px;
    word-break: keep-all;
}
.certifiedPage .certified_bottom .certified_text h3{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 20px;
    word-break: keep-all;
}

@media screen and (max-width:599px) {
    .certifiedPage .certified_box{margin:50px auto;}
    .certifiedPage .certified_big_txt span{
        font-size: 35px;
        border: 4px solid red;
        padding: 14px 14px 18px;
    }

    .certifiedPage .certified_bottom .certified_text {
        font-size: 15px;
        line-height: 23px;
    }
    .certifiedPage .certified_bottom .certified_text h3{
        font-size: 22px;
        margin-bottom: 20px;
    }

    .certifiedPage .certified_bottom .title {
        margin-bottom: 30px;
    }

    .certifiedPage .certified_bottom .title p {
        font-size: 15px;
        margin-bottom: 10px;
        line-height: 18px;
    }

    .certifiedPage .certified_bottom .btnWrap a {
        font-size: 15px;
    }
}


/*게시판 공통*/
#board_view_wrap .board_view_answer .answer_con ol,
#board_view_wrap .view_con ol{
    list-style: decimal;
    padding-left: 40px;
}
#board_view_wrap .board_view_answer .answer_con ul,
#board_view_wrap .view_con ul{
    list-style: disc;
    padding-left: 40px;
}

#board_view_wrap .board_view_answer .answer_con li,
#board_view_wrap .view_con ol li{
    list-style: decimal;
}
#board_view_wrap .board_view_answer .answer_con li,
#board_view_wrap .view_con ul li{
    list-style: disc;
}
#board_view_wrap .board_view_answer .answer_con ::marker,
#board_view_wrap .view_con ::marker{
    color: #333;
    display: block;
    opacity: 1;
}

/*====================================
     05-06 TOP버튼
====================================*/
#top_btn,
#top_btn2{
    position: fixed;
    left: 15px;
    bottom: 20px;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    width: 40px;
    height: 40px;
    color: #fff;
    border-radius: 50%;
    line-height: 38px;
    z-index: 99;
    background: rgba(0,0,0,0.7);
    box-shadow:1px 2px 10px rgba(0,0,0,0.3);
}
#top_btn img,
#top_btn2 img{
    vertical-align: middle;
}
#top_arrow_btn{
    position: fixed;
    right: 113px;
    bottom: 20px;
    font-size: 12px;
    opacity: 1;
    visibility: visible;
    width: 50px;
    height: 50px;
    color: #fff;
    border-radius: 50%;
    line-height: 44px;
    z-index: 99;
    background: rgba(255,255,255,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
}
#top_arrow_btn:hover{
    background: rgba(255,255,255,0.8);
}
#top_arrow_btn img{
    vertical-align: middle;
}
#top_arrow_btn.on{
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
}

.detail_style2 #top_btn,
.detail_style2 #top_btn2{
    bottom: 100px;
}
.detail_style2 #top_arrow_btn{
    bottom: 100px;
}

/*.myclassQuickMenu,*/
.mcQuickMenu{
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
/*.myclassQuickMenu .btn a.mVer,*/
.mcQuickMenu .btn a.mVer{display: none;}
/*.myclassQuickMenu .btn,*/
.mcQuickMenu .btn{}
/*.myclassQuickMenu .btn a,*/
.mcQuickMenu .btn a{
    position: relative;
    color: #fff;
    font-size: 16px;
    width: 110px;
    height: 80px;
    line-height: 18px;
    border-radius: 8px;
    background: var(--keyrgba60);
    box-shadow: 1px 2px 10px rgba(0,0,0,0.3);
    word-break: keep-all;
    display: inline-block;
    text-align: center;
    padding: 2px 0;
    transition: 0.3s;
}
/*.myclassQuickMenu .btn a:hover,*/
.mcQuickMenu .btn a:hover{
    background: var(--keycolor);
}
/*.myclassQuickMenu .btn a img,*/
.mcQuickMenu .btn a img{
    width: 50px;
    display: block;
    margin:0 auto;
}
/*.detail_style2 .myclassQuickMenu,*/
.detail_style2 .mcQuickMenu{
    bottom: 100px;
}
/**/


.myclassQuickMenu{
    position: fixed;
    right: 80px;
    bottom: 80px;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}
.myclassQuickMenu .btn{}
.myclassQuickMenu .btn a{
    position: relative;
    width: 115px;
    height: 50px;
    border-radius: 50px;
    background: var(--keycolor);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    word-break: keep-all;
    display: inline-block;
    text-align: center;
    padding: 17px 0;
    transition: 0.3s;


    color: #FFF;
    font-size: 13px;
    font-weight: 500;
    line-height: 12px;
}
.myclassQuickMenu .btn a.pcVer{}
.myclassQuickMenu .btn a.mVer{display: none;}
.myclassQuickMenu .btn a img{
    width: 20px;
    display: inline-block;
    margin:-2px 0 0 2px;
    vertical-align: middle;
}


.detail_style2 .myclassQuickMenu{
    bottom: 160px;
}
/**/




/*톡상담 배너*/
#chat-channel-button{
    position: fixed;
    bottom: 140px;
    right: 80px;
    z-index: 10;
    /*display: none !important;*/
}
#chat-channel-button a{
    background:url("../images/common/icon_kakaochat2.svg")no-repeat;
    width: 115px;
    height: 50px;
    background-size: 115px 50px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
    border-radius: 50px;
    display: inline-block;
}
#chat-channel-button a img{display: none;}
.detail_style2 #chat-channel-button{
    bottom: 210px;
}



@media all and (max-width: 1023px){
    #top_arrow_btn{
        right: 53px;
        bottom: 20px;
    }
    /*.myclassQuickMenu,*/
    .mcQuickMenu{
        bottom: 70px;
    }
    /**/.myclassQuickMenu{
        right: 20px;
    }
    .myclassQuickMenu .btn a{
        padding: 17px 0;
        font-size: 13px;
        font-weight: 500;
        line-height: 12px;
    }/**/
    #chat-channel-button{
        right: 20px;
    }
    #chat-channel-button a {
    }
}
@media all and (max-width: 990px){
    #top_btn,
    #top_btn2{
        bottom: 70px;
    }
}
@media all and (max-width: 900px){
    .detail_style2 .mcQuickMenu{
        bottom: 130px;
    }
    .detail_style2 #chat-channel-button{
        bottom: 205px;
    }
    .detail_style2 .myclassQuickMenu{}
    .detail_style2 #top_btn,
    .detail_style2 #top_btn2{
        bottom: 130px;
    }
}
@media all and (max-width:767px){
    /**/.myclassQuickMenu {
        right: 20px;
        bottom: 70px;
    }
    .myclassQuickMenu .btn a{
        width: 90px;
        height: 40px;
        font-size: 11px;
        padding: 13px 0;
    }
    .myclassQuickMenu .btn a img{
        width: 16px;
    }

    .myclassQuickMenu .btn a.pcVer{display: none;}
    .myclassQuickMenu .btn a.mVer{display: block;}
    .myclassQuickMenu .btn a.pcVer{display: block;}
    .myclassQuickMenu .btn a.mVer{display: none;}/**/
    #chat-channel-button{bottom: 120px;right: 20px;}
    #chat-channel-button a{
        /*background:url("../images/common/icon_kakaochat_m.svg")no-repeat;
        width: 50px;
        height: 50px;
        background-size: 50px;
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.10);
        border-radius: 200px;
        display: inline-block;*/
        width: 90px;
        height: 40px;
        background-size: 90px 40px;
    }

    #top_btn{
        width: 50px;
        height: 50px;
        line-height: 46px;
    }
    #top_btn img{
        width: 15px;
    }

    #top_arrow_btn{
        right: 45px;
        width: 40px;
        height: 40px;
        line-height: 36px;
        background: rgba(255,255,255,0.8);
    }
    #top_arrow_btn img{
        width: 13px;
    }
    .detail_style1 #top_arrow_btn{bottom: 70px;}
    .detail_style1 .myclassQuickMenu{bottom: 120px;}
    .detail_style1 #chat-channel-button{bottom: 170px;}
}

@media all and (max-width: 599px){
    #top_btn,
    #top_btn2{
        font-size: 12px;
        width: 40px;
        height: 40px;
        line-height: 38px;
    }
    /*.myclassQuickMenu .btn a,*/
    .mcQuickMenu .btn a{
        font-size: 14px;
        width: 90px;
        height: 70px;
        line-height: 18px;
        padding: 2px 0;
        transition: 0.3s;
    }
    /*.myclassQuickMenu .btn a img,*/
    .mcQuickMenu .btn a img{
        width: 40px;
        display: block;
        margin:0 auto;
    }
    .detail_style2 #chat-channel-button{
        bottom: 220px;
    }
    .detail_style2 #top_arrow_btn{
        bottom: 120px;
    }
    .detail_style2 .myclassQuickMenu{
        bottom: 170px;
    }
}


/* 대리수강경고 팝업*/
#proxyLecArea{position:fixed; z-index:1000; width: 100%; height:100%; top:0; left:0;}
#proxyLecArea .bg_000{display: block; opacity: 1; z-index:101;}
#proxyLecPop {position:absolute; z-index:102; width: 100%; max-width:580px; height:auto; top:50%; left:50%; margin-left:-290px;transform:translateY(-50%);background:#fff;padding:40px 40px;}
#proxyLecPop .proxyLec_inner_wrap{ vertical-align: middle; width: 100%; margin: 0 auto; overflow: hidden;}
#proxyLecPop .proxyLec_inner_wrap:after{display: block; content: ''; clear: both;}

#proxyLecPop .proxyLec_inner_wrap input:focus{outline: none; box-shadow:inset 0 0 0 1px var(--keycolor); border:none;}

#proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap{border-bottom: none;}
#proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap{width: 100%; height: 100%; display:inline-block;position: relative;}
#proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap .contBox{
    /*background: rgba(0,0,0,0.05);
    padding: 20px;*/
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 22px;
    word-break: keep-all;
}
#proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap .contBox strong{
    vertical-align: baseline;
}
#proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap h2{
    font-size: 20px;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.3333333432674408px;
    text-align: center;
    margin-bottom: 12px;
    color:#111;
}
#proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap h2 span {
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    vertical-align: baseline;
}
#proxyLecPop .proxyLec_inner_wrap .btn_wrap{
    width:100%;
    display: inline-block;
    margin-top: 30px;
    text-align: center;
}
#proxyLecPop .proxyLec_inner_wrap .btn_wrap a{
    display: inline-block;
    width: 120px;
    text-align: center;
    height: 40px;
    line-height: 39px;
    margin:0 3px;
}
#proxyLecPop .proxyLec_inner_wrap .btn_wrap a.btn{
    background: #eee !important;
    border-radius: 2px;
    color: #777;
}
@media screen and (max-width:767px){
    #proxyLecPop {
        width: 90%;
        max-width: 100%;
        top: 50%;
        left: 5%;
        margin-left: 0;
        transform: translateY(-50%);
        padding: 30px 20px;
    }
    #proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap h2{
        font-size: 18px;
    }
    #proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap h2 span{
        font-size: 16px;
    }
    #proxyLecPop .proxyLec_inner_wrap .proxyLec_wrap .termsBox{
        max-height: 250px;
    }
    #proxyLecPop .proxyLec_inner_wrap .btn_wrap{
    }
    #proxyLecPop .proxyLec_inner_wrap .btn_wrap a{
        /*float: left;*/
        width: calc(50% - 5px);
        margin:0;
    }
    #proxyLecPop .proxyLec_inner_wrap .btn_wrap a:first-child{margin-right: 5px;}
    #proxyLecPop .proxyLec_inner_wrap .btn_wrap a:last-child{margin-left:5px;}
    #proxyLecPop .proxyLec_inner_wrap .btn_wrap a.btn{
        background: #eee !important;
        border-radius: 2px;
        color: #777;
    }
}

.noticeBox{
    padding:20px;
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    border-left: 3px solid var(--keycolor);
    background: #F8F8F8;
    color: #696969;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    word-break: keep-all;
}
@media all and (max-width: 599px){
    .noticeBox{
        padding:15px;
        margin-bottom: 20px;
        font-size: 14px;
        line-height: 20px;
    }
}



/*이미 가입된 정보가 있습니다 팝업*/
#alreadyJoinPopup .bg_000 {
    display: block;
    opacity: 1;
    z-index: 101;
}
#alreadyJoinPopup{
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#alreadyJoinPopup .alreadyJoin_inner_wrap{
    position: absolute;
    z-index: 102;
    width: 100%;
    max-width: 380px;
    height: auto;
    top: 50%;
    left: 50%;
    margin-left: -190px;
    margin-top: -124px;
    background: #fff;
    padding: 60px 40px;
}
#alreadyJoinPopup .alreadyJoin_inner_wrap .login_close_btn{
    width: 18px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}
#alreadyJoinPopup .alreadyJoin_inner_wrap .login_close_btn img{}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap{
    text-align: center;
}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .text{}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_btn{
    margin:25px 0;
}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_btn a{
    display: block;
    border: none;
    width: 100%;
    height: 46px;
    line-height: 44px;
    font-size: 18px;
    transition: 0.4s;
}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_sch{}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_sch ul{text-align: center;}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_sch ul li{display: inline-block;}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_sch ul li:after{content: ''; clear: both; width: 1px; height: 12px; float:right; background-color: #ddd; margin-top: 3px}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_sch ul li:last-child:after{display: none;}
#alreadyJoinPopup .alreadyJoin_inner_wrap .alreadyJoin_wrap .login_sch ul li a{font-size: 14px; color:#777; padding: 0px 9px 0 8px;}



/*비회원 정보입력 페이지*/
#wrapper.noMemberInfoBox{
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
}
.noMemberInfoBox h2.title{
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 15px;
}
.noMemberInfoBox .sub_exp{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
}
.noMemberInfoBox > .form .box{
    background: #fff;
    padding: 45px 40px;
}
.noMemberInfoBox > .form .box ul{}
.noMemberInfoBox > .form .box ul li{
    padding-bottom: 10px;
}
.noMemberInfoBox > .form .box ul li:last-child{padding-bottom:0;}
.noMemberInfoBox > .form .box ul li label{
    width: 70px;
    display: inline-block;
    font-weight: bold;
}
.noMemberInfoBox > .form .box ul li .input_wrap{
    width: calc(100% - 75px);
    display: inline-block;
}
.noMemberInfoBox > .form .box ul li input{}
.noMemberInfoBox > .form .agreeChkBox{
    margin-top:25px;
}
.noMemberInfoBox > .form .agreeChkBox > label{}
.noMemberInfoBox > .form .agreeChkBox > label a{}
.noMemberInfoBox > .form .agreeChkBox > .more_btn{
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    padding-bottom: 4px;
    font-weight: 500;
}
.noMemberInfoBox > .form .agreeChkBox > .more_btn:hover{
    border-bottom: 1px solid var(--keycolor);
    padding-bottom: 3px;
}
.noMemberInfoBox > .form #termsBoxCont{
    display: none;
    border: 1px solid #ddd;
    background: #fff;
    padding: 20px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.8;
    max-height: 200px;
    overflow-y: auto;
}
.noMemberInfoBox > .form #termsBoxCont.on{
    display: block;
}
.noMemberInfoBox > .form .btnWrap{}
.noMemberInfoBox > .form .btnWrap a{}

@media all and (max-width:1023px){

}
@media all and (max-width:599px){
    .noMemberInfoBox h2.title{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .noMemberInfoBox .sub_exp{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }
    .noMemberInfoBox > .form .box{
        background: #fff;
        padding: 30px 20px;
    }
    .noMemberInfoBox > .form .box ul{}
    .noMemberInfoBox > .form .box ul li{
        padding-bottom: 10px;
    }
    .noMemberInfoBox > .form .box ul li:last-child{padding-bottom:0;}
    .noMemberInfoBox > .form .box ul li label{
        width: 100%;
        margin-bottom:10px;
        font-size:14px;
    }
    .noMemberInfoBox > .form .box ul li .input_wrap{
        width: 100%;
    }
    .noMemberInfoBox > .form .box ul li input{}
    .noMemberInfoBox > .form .agreeChkBox{
        margin-top:25px;
    }
    .noMemberInfoBox > .form .agreeChkBox > label,
    .noMemberInfoBox > .form .agreeChkBox > label a{
        font-size:14px;
    }

    .noMemberInfoBox > .form .agreeChkBox > .more_btn{
        display: inline-block;
        cursor: pointer;
        font-size: 13px;
        padding-bottom: 4px;
        font-weight: 500;
    }
    .noMemberInfoBox > .form .agreeChkBox > .more_btn:hover{
    }
    .noMemberInfoBox > .form #termsBoxCont{
        font-size: 13px;
        max-height: 190px;
    }

}



.partnershipCompletePage{
    text-align: center;
    padding:100px 0;
}
.partnershipCompletePage h2.title{
    font-size: 32px;
    line-height: 42px;
    font-weight: bold;
    margin-bottom: 15px;
}
.partnershipCompletePage .sub_exp{
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 30px;
    word-break: keep-all;
}

@media all and (max-width:1023px){

}
@media all and (max-width:599px){
    .partnershipCompletePage h2.title{
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .partnershipCompletePage .sub_exp{
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 20px;
    }

}




/* 강의 일정 */
.calendar_section{
    width: 100%;
    padding:0;
}
.calendar_section .monthYearTop {
    text-align: center;
    margin: 30px 0;
}
.calendar_section .monthYearTop #monthYear2{
    color: #000;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.1;
    display: inline-block;
    margin-right: 30px;
    vertical-align: middle;
}
.calendar_section .monthYearTop .cal_arrow{
    display: inline-block;
    vertical-align: middle;
}
.calendar_section .monthYearTop .cal_arrow > button{
    background: transparent;
    border: 0;
    padding: 15px 16px;
    line-height: 1;
    width: 46px;
    cursor: pointer;
}
.calendar_section .monthYearTop .cal_arrow > button.prev_btn{}
.calendar_section .monthYearTop .cal_arrow > button.next_btn{}
.calendar_section .calendar_wrap {
    margin: 0;
    padding: 20px 0;
    display: flex;
}

.calendar_section .calendar_wrap .calendar {
    width: 450px;
    border: 1px solid #ddd;
    padding: 38px;
    height: 436px;
    margin-right: 40px;
    box-sizing: border-box;
}

.calendar_section .calendar_wrap .calendar .calendar-header {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-bottom: 10px;
}
.calendar_section .calendar_wrap .calendar .calendar-header #monthYear{
    color: #000;
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
}
.calendar_section .calendar_wrap .calendar .calendar-header #prevBtn{}
.calendar_section .calendar_wrap .calendar .calendar-header #nextBtn{}

.calendar_section .calendar_wrap .calendar .calendar-grid-header {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    gap: 6px;
}
.calendar_section .calendar_wrap .calendar .calendar-grid-header .day{
    padding: 10px 0;
}
.calendar_section .calendar_wrap .calendar .calendar-grid-header .day span{
    color: #000000;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day.saturday span,
.calendar_section .calendar_wrap .calendar .calendar-grid-header .day.saturday span{
    color:#234DE2;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day.sunday span,
.calendar_section .calendar_wrap .calendar .calendar-grid-header .day.sunday span{
    color: #CE3737;
}
.calendar_section .calendar_wrap .calendar .calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    gap: 6px;
}

.calendar_section .calendar_wrap .calendar .calendar-grid .day {
    padding: 10px 0;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day.other-month{
    cursor: auto;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day > span{
    display:inline-block;
    width: 100%;
    width: 29px;
    height: 29px;
    line-height: 29px;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day.other-month > span {
    color: #A8A8A8;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day:hover {}

.calendar_section .calendar_wrap .calendar .calendar-grid .day.active {}
/*.calendar .calendar-grid .day:hover span{
  background-color: #f0f0f0;
  border-radius:50%;
}*/

.calendar_section .calendar_wrap .calendar .calendar-grid .day.active span{
    background-color: black;
    color: white;
    border-radius:50%;
}
.calendar_section .calendar_wrap .calendar .calendar-grid .day.disabled{
    cursor: default;
    pointer-events: auto;
}

.calendar_section .calendar_wrap .calendar .calendar-grid .day.disabled.has-schedule:hover {
    cursor: pointer;
}

.calendar_section .calendar_wrap .calendar .calendar-grid .dot {
    width: 5px;
    height: 5px;
    background: #CE3737;
    border-radius: 50%;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
}

.calendar_section .calendar_wrap .schedule-list {
    flex: 1;
    max-height: 800px;
    overflow-y: auto;
    height: 436px;
    box-sizing: border-box;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.calendar_section .calendar_wrap .schedule-list .schedule-item {

}
.calendar_section .calendar_wrap .schedule-list .schedule-item a{}
.calendar_section .calendar_wrap .schedule-list .schedule-item a{
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 20px;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item:last-child a{
    border-bottom:0;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .schedule-card{
    background: url('../images/order/icon_arrow_right_black.svg')no-repeat;
    background-size: 12px auto;
    background-position: calc(100% - 15px) center;
    display: inline-block;
    width: 100%;
    padding-right: 42px;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont{
    margin-right: 40px;
    display: inline-block;
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div:first-child{
    color: #000;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.8px;
    text-align: center;
    margin-bottom: 5px;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div.day{
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: -0.8px;
}

.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont{
    display: inline-block;
    width: calc(100% - 105px);
    vertical-align: middle;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon{
    margin-bottom: 5px;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge{
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    letter-spacing: -0.8px;
    display:inline-block;
    padding:5px 10px;
    margin-right: 5px;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge.badge01{ /*오픈예정*/
    border:1px solid #1ab581;
    background: #1ab581;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge.badge02{ /*마감임박*/
    border:1px solid #FF1151;
    background: #FF1151;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge.badge03{ /*모집마감*/
    border:1px solid #875aff;
    background-color: #875aff;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge.badge04{ /*과정종료*/
    border:1px solid #666;
    background-color: #666;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge.category{
    /*카테고리*/
    border:1px solid var(--keycolor);
    color: var(--keycolor);
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title{
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.8px;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon{
    font-size: 18px;
    display: inline-block;
    line-height: 25px;
    vertical-align: text-bottom;
    margin-right: 10px;
    color: var(--keycolor);
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon:before{
    content: '[';
    display: inline-block;
    font-size: 18px;
    color: var(--keycolor);
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon:after{
    content: ']';
    display: inline-block;
    font-size: 18px;
    color: var(--keycolor);
}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period{
    color: #747474;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px; /* 100% */
    letter-spacing: -0.8px;

}
.calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period img{
    width: 14px;
    margin-right: 5px;
}



.calendar_section .calendar_wrap .schedule-list .disabled {
    opacity: 0.5;
    pointer-events: none;
}

.calendar_section .calendar_wrap .schedule-list{scroll-behavior: smooth;}
/* 전체 스크롤바 스타일 */
.calendar_section .calendar_wrap .schedule-list::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

/* 스크롤바 트랙 (배경) */
.calendar_section .calendar_wrap .schedule-list::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 6px;
}

/* 스크롤바 썸(움직이는 부분) */
.calendar_section .calendar_wrap .schedule-list::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 6px;
    border: 3px solid #eee;
}

/* 스크롤바 호버 시 */
.calendar_section .calendar_wrap .schedule-list::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}


@media all and (max-width: 1200px){
    .calendar_section .calendar_wrap .calendar{
        width: 400px;
    }
    .calendar_section .calendar_wrap .schedule-list{}
}
@media all and (max-width: 990px){
    .calendar_section .calendar_wrap .calendar{
        width: 300px;
        padding: 25px;
        height: 395px;
    }
    .calendar_section .calendar_wrap .calendar .calendar-header #monthYear{
        font-size: 20px;
    }
    .calendar_section .calendar_wrap .calendar .calendar-grid-header .day span{
        font-size:13px;
    }
    .calendar_section .calendar_wrap .calendar .calendar-grid .day > span{
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
    }
    .calendar_section .calendar_wrap .schedule-list{}

    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont{
        margin-right: 20px;
        width: 60px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div:first-child{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div.day{
        font-size: 16px;
        line-height: 20px;
    }

    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont{
        width: calc(100% - 85px);
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon{
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge{
        font-size: 13px;
        line-height: 13px;
        padding:5px 10px;
        margin-right: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon{
        font-size: 16px;
        line-height: 24px;
        margin-right: 10px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon:before{
        font-size: 16px;
        color: var(--keycolor);
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon:after{
        font-size: 16px;
        color: var(--keycolor);
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period{
        font-size: 14px;
        line-height: 15px;

    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period img{
        width: 14px;
        margin-right: 5px;
    }
}


@media all and (max-width: 767px){
    .calendar_section{
        padding:0;
    }
    .calendar_section .calendar_wrap{
        display: block;
        padding:20px 0;
    }
    .calendar_section .calendar_wrap .calendar{
        width: 100%;
        padding: 25px;
        height: auto;
        margin-right: 0;
    }
    .calendar_section .calendar_wrap .calendar .calendar-header #monthYear,
    .calendar_section .calendar_wrap .calendar .calendar-header #monthYear2{
        font-size: 20px;
    }
    .calendar_section .calendar_wrap .calendar .calendar-grid-header .day span{
        font-size:13px;
    }
    .calendar_section .calendar_wrap .calendar .calendar-grid .day > span{
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
    }
    .calendar_section .calendar_wrap .schedule-list{
        margin-top: 20px;
    }

    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont{
        margin-right: 20px;
        width: 60px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div:first-child{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div.day{
        font-size: 16px;
        line-height: 20px;
    }

    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont{
        width: calc(100% - 85px);
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon{
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge{
        font-size: 13px;
        line-height: 13px;
        padding:5px 10px;
        margin-right: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period{
        font-size: 14px;
        line-height: 15px;

    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period img{
        width: 14px;
        margin-right: 5px;
    }
}


@media all and (max-width: 515px){
    .calendar_section .calendar_wrap .schedule-list .schedule-item .schedule-card{
        background-position: calc(100% - 10px) center;
        padding-right: 35px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont{
        margin-right: 0px;
        width: 100%;
        margin-bottom: 10px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div{
        /*display: inline-block;*/
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div:first-child{
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0px;
        text-align: left;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .left_cont > div.day{
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }

    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont{
        width: 100%;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon{
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .badge-icon .badge{
        font-size: 12px;
        line-height: 13px;
        padding:3px 7px 5px;
        margin-right: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title{
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon{
        font-size: 15px;
        line-height: 22px;
        margin-right: 5px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon:before{
        font-size: 14px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .title .offline-icon:after{
        font-size: 14px;
    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period{
        font-size: 13px;
        line-height: 13px;

    }
    .calendar_section .calendar_wrap .schedule-list .schedule-item .right_cont .date-period img{
        width: 12px;
        margin-right: 5px;
    }
}