/* 마이페이지 파일에서 이동함 20220804 */
#smb_my {margin-bottom:0}
.shop-mypage,
#sod_v {padding: 0 350px;}
.shop-mypage .panel-group {position:relative;margin-bottom:70px}
.shop-mypage .panel-oc-btn {position:absolute;bottom:-30px;left:50%;width:50px;height:30px;margin-left:-25px;border:1px solid #d5d5d5;border-top:0;text-align:center;padding:5px 0 0;background:#f8f8f8}
.shop-mypage .panel-oc-btn .fas {display:block;line-height:1;font-size:11px;color:#757575}
.shop-mypage .panel-oc-btn .fa-caret-down {margin-top:-5px}
.shop-mypage .headline-short h4 {color: #fff; text-align: left;}
.shop-mypage .panel-heading {background:#000; border: 0 none; color: #fff;}
.shop-mypage .panel-heading .panel-title {color: #fff;}
.shop-mypage .panel-body dt {float:left;width:15%;margin:3px 0;font-weight:bold}
.shop-mypage .panel-body dd {float:left;width:35%;margin:3px 0}
.shop-mypage .mypage-wishlist-container {margin-left:-10px;margin-right:-10px}
.shop-mypage .mypage-wishlist-box {position:relative;width:25%}
.shop-mypage .mypage-wishlist-box-pd {padding:10px}
.shop-mypage .mypage-wishlist-box-in {position:relative; color: #fff; padding: 10px;}
.shop-mypage .mypage-wishlist-box .mypage-wishlist-img {margin-bottom:15px}
.shop-mypage .mypage-wishlist-box .mypage-wishlist-img img {display:block;width:100% \9;max-width:100%;height:auto}
.shop-mypage .mypage-wishlist-box h5 {font-size:15px; color: #fff;}
.shop-mypage .mypage-wishlist-box .mypage-wishlist-date {font-size:13px;color:#eee}
.shop-mypage .table-list-eb table,
#sod_v .table-list-eb table {border: 1px solid #fff; color: #fff;}
.shop-mypage .table-list-eb thead,
#sod_v .table-list-eb thead {background: transparent; border-color: #fff; border-top-width: 1px;}
.shop-mypage .table-list-eb a u,
#sod_v .table-list-eb a u,
.shop-mypage .table-list-eb td a,
.shop-mypage .table-list-eb td a b,
.shop-mypage .table-list-eb td b {color: #fff;}
.shop-mypage .shop-cart .shop-cart-total .cart-total-box span {color: #000;}
.shop-mypage h1,
.shop-mypage h2,
.shop-mypage h3,
.shop-mypage h4,
.shop-mypage h5,
.shop-mypage h6 {color: #fff;}
.shop-order-inquiry-view .payment-info-box span {color: #000;}
.mypage-lecture-container{
    display: flex;
    justify-content: space-between;
    text-align: left;
}
.mypage_lecture_box>a>img{
    max-width:350px;
    width:100%;
    height:auto;
    padding:10px;
    border-radius: 20px 20px 0px 0px;
}
.mypage_lecture_gauge{
    margin-top:-22px;
}
.mypage_lecture_gauge>p{
    display: flex;
    justify-content: center;
    padding:10px;
    border-radius: 0px 0px 20px 20px;
}
.lecture_hauge_left{
    width:50%;
    background: #01c8cd;
    border-radius: 0px 0px 0px 5px;
    padding: 5px;
    font-size: 12px;
}
.lecture_hauge_Right{
    width:50%;
    background: #333;
    border-radius: 0px 0px 5px 0px;
}
.mypage_lecture_content_Txt{
    max-width:350px;
    width:100%;
    padding: 10px;
    margin-top: -15px;
}
.mypage_lecture_Txt{
    color:#aaaaaa
}
.mypage_lecture_strong{
    font-size:14px;
    color:#fff;
    font-weight: 550;
    text-align: left;
}
.mypage_lecture_content_Txt>a{
    background: #01d8b6;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    line-height: 35px;
}
.purchase_Img{text-align: right;}
.purchase_Img>img{text-align: right;}
.purchase_continer{display:flex;}
.purchase_Text{
    width: 25%;
    text-align: left;
    padding: 10px;
    border-top: 1px solid #Fff;
    border-bottom: 1px solid #fff;
    padding-top:20px;
}
.purchase_Img>img{
    width:100%;
    height: 100%;
}
.purchase_Btn{
    padding:3px 15px;
    background:#02c6d2;
    color:#fff;
    border-radius: 12px;
}
.Purchase_BtnColor{
    color: #ba5c42;
    font-weight: bold;
    padding-left: 10px;
    font-size: 15px;
}
.purchase_value{
    padding-top:15px;
    padding-bottom:0px;
}
.purchase_Txt_size{
    font-size:16px;
    font-weight: 550;
    color:#fff;
    margin:0 !important;
}
.purchase_Txt_size_01{
    font-size:18px;
    font-weight: 550;
    color:#fff;
}
.purchase_Txt_size02{
    color:#aaaaaa;
    padding-left:10px;
}
.purchase_Work{
    color:##aaaaaa;
}
.purchase_date{
    color:#fff;
}
.purchase_Work{
    color:#aaaaaa;
}
.Questions_container{
    display: flex;
    justify-content: space-between;
}
.Questions_Problem{
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}
.Questions_Problem>a:hover{
    text-decoration: underline;
    text-decoration: none !important; 
}
.Questions_Problem>a{
    color:#b1b3b2;
    text-decoration: none !important;
    font-size:16px;
}
.Questions_system_Right{
    border: 1px solid #fff;
    border-right: none;
    border-left: none;
    padding-top: 25px;
    padding-bottom: 25px;
}
.Questions_system_left{
    border: 1px solid #fff;
    border-left: none;
    padding-top: 25px;
    padding-bottom: 25px;
}
.Questions_system_left>.Questions_Problem>span{
    font-size: 19px;
    border: 1px solid #e8993d;
    border-radius: 15px;
    padding: 1px 25px;
    color: #e8993d;
    font-weight: 550;
}
.Questions_Problem_strong{
    font-size:20px;
    display: block;
    text-align: left;
    padding: 0px 20px;
    color:#fff;
    padding-top: 20px;
}
.Questions_Problem_Txt{
    padding-top:20px !important;
    color:#fff;
    font-size:15px;
    padding:0px 20px;
}
.Questions_system_Right>.Questions_Problem>span{
    font-size: 19px;
    color: #fff;
    background: #03d2c2;
    border-radius: 15px;
    padding: 0px 15px;
}
.container_notice{
    display: block;
}
.notice_Text{display:inline-block;}
.notice_btn_01{
    max-width: 120px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 550;
    font-size: 14px;
    border-radius: 20px;
    margin: 15px 20px;
    padding: 3px 25px;
    background: #02c6d4;
}
.notice_btn_02{
    max-width: 120px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 550;
    font-size: 14px;
    border-radius: 20px;
    margin: 15px 20px;
    padding: 3px 25px;
    background: #fe854e;
}
.notice_btn_03{
    max-width: 120px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 550;
    font-size: 14px;
    border-radius: 20px;
    margin: 15px 20px;
    padding: 3px 25px;
    background: #3f97fb;
}
.notice_btn_04{
    max-width: 120px;
    width: 100%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-weight: 550;
    font-size: 14px;
    border-radius: 20px;
    margin: 15px 20px;
    padding: 3px 25px;
    background: #fd9e42;
}
.notice_box{
    border-top:1px solid #fff;
    text-align: left;
}
.notice_box:nth-child(4){
    border-bottom:1px solid #fff;
}
.review_Txt{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top:20px;
}
.notice_Text{
    font-size:18px;
    color:#fff;
    text-decoration: none !important;
}
.Questions_system_left{width:50%;}
.Questions_system_Right{width:50%;}


/* 나의 강의실 css */
.lecture_rom_container{
    text-align: left;
    padding:50px 0px;
}
.lecture_rom_container>h2{
    color:red;
    display: inline-block;
  }
  .lecture_rom_container>strong{
    color:#fff;
    font-size:22px;
  }
  .mypage_lecture_box{
    position: relative;
  }
  .my_class_number{
    position: absolute;
    left: 20px;
    top: 20px;
    background: #fff;
    color: #333;
    border-radius: 5px;
    padding: 3px 10px;
    font-weight: 550;
  }
  .my_class_Text{
    position: absolute;
    right: 20px;
    top: 20px;
    background: #03c8ce;
    color: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    font-weight: 550;
  }
  .shop-mypage, #sod_v{
      padding:0px;
      max-width: 1200px;
      margin:auto;
  }
  .mypage_iecture_box_Text{
    padding-top:20px;
    padding-bottom:30px;
  }
  .mypage_iecture_box_Text{
    max-width: 350px;
    width: 100%;
    padding: 10px;
}
.lecture_rom_size img{
    width:420px !important;
}
.my_class_contaier{padding:10px;}
.lecture_rom_container_Wrap{display:flex; justify-content: center;} 
.classroom_View_more{
    display: block;
    text-align: center;
    padding-top:50px;
    padding-bottom:100px;
}
.classroom_View_more>a{
    text-decoration: none;
    font-size:15px;
    background: #5f5f6b;
    padding:5px 25px;
    border:1px solid #fff;
    border-radius: 5px; 
    color:#fff;
    font-weight: 550;   
}

/* 강의구매내역 */
.spurchase_lecture_title_title_row{
    display:flex;
    padding-bottom:10px;
    margin:auto;
    text-align: center;
}
.spurchase_lecture_title_title_row>li{
    widtH:100%;
    min-width:158px;
    margin:0px 10px;
    color:#fff;
    list-style:none;
}
.purchase_lectures_title>ul{
    display:flex;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}
.purchase_lectures_title>ul>li{
    color:#fff;
    list-style: none;
    width:100%;
    margin:0px 10px;
}
.spurchase_lecture_main_Txt_L{
    text-align: left;
}
.spurchase_lecture_main_Txt_L>span{display:block;}
.spurchase_lecture_main_Txt_L>span:nth-child(1){
    font-size:12px;
    color:#9c9c9e;
}
.spurchase_lecture_main_Txt_L>span:nth-child(4){
    font-size:12px;
    color:#9c9c9e;
}
.amount_accordion_off{display:none;}
.spurchase_lecture_main_Txt{display:flex;}
.spurchase_lecture_main_Txt_R{width:100%;}
.spurchase_lecture_main_Txt_L{width:100%; min-width:170px;}
.spurchase_lecture_main_Txt>span{display:block;}
ul.spurchase_lecture_main{
    display:flex;
    text-align: center;
    min-width: 1400px;
    margin: auto;
    /* border-bottom: 1px dashed #707176; */
    padding-bottom: 15px;
    padding-top:10px;
}

.spurchase_lecture_main>li:nth-child(1){
    color:#e96153;
    font-weight: 550;
    text-decoration: underline;
}
.spurchase_lecture_main>li:nth-child(7){
    color:#e96153;
    font-weight: 550;
}
.se_img{
    display: flex;
    justify-content: center;
    align-items: center;
}
.spurchase_lecture_main>li{
    width:100%;
    min-width: 178px;
    margin:auto;
    color:#fff;
    list-style: none;
    display:flex;
    align-items: center;
    justify-content: center;
}
.spurchase_lecture_title_title_row::after{
    content: '';
    position: absolute;
    border-bottom: 1px solid #fff;
    width: 85%;
    height: 42px;
}
.spurchase_lecture_main>li>a{
    width:100%;
    color:#fff;
}
.amount_Left_Text_01{
    display:none;
}
.amount_Left_Text_01::before{
    content: '';
    position: absolute;
    border-bottom: 1px dotted #fff;;
    width: 98%;
    max-width: 1600px;
}
.amount_Left_Text::before{
    content: '';
    position: absolute;
    border-bottom: 1px dotted #fff;;
    width: 98%;
    max-width: 1600px;
}
.spurchase_lecture_main_Txt01{
    display: table-cell !important;
    vertical-align: middle !important;
}
.spurchase_lecture_payment{color:#01cbcf !important; font-weight: 550;}
.spurchase_lecture_main_Txt01>span{display:block;}
.amount_Left_Text{display:flex; padding-top:20px;    border-bottom: 1px solid #fff; width:100%;}
.amount_Left_Text_item{width:50%; padding-top:20px; border-right:1px solid #fff;}
.amount_Right_Text_item{padding-top:40px;}
.amount_Right_Text{width:50%; border-bottom:1px solid #fff;}
.amount_Left_Text_item>span{display:block;}
.amount_Right_Text_item>span{display:block;}
.amount_Left_Text_item_sub>span{padding:0px 20px; width:100%; max-width:240px;}
.amount_Left_Text_item_sub{
    display:flex;
    justify-content: space-between;
    padding-bottom:10px;
}

.spurchase_lecture_main_Txt_R>img{
    max-width:120px;
    padding:10px;
    box-sizing: border-box;
}
/*-아코디언 무비 내 버튼-------------------------------------------------------------------------------------*/
.Payment_button{

}
.Payment_button.off{
    transform:rotate(0deg);
}

.Payment_button.on{
    transform:rotate(180deg);
}
/*-아코디언 무비 내 버튼 끝!-------------------------------------------------------------------------------------*/

@media (max-width:991px) {
    .shop-mypage-wishlist .mypage-wishlist-box {width:33.33333%}
}
@media (max-width:900px) {
    /* .amount_container{width:1120px;} */
}
@media (max-width:767px) {
    .notice_Text{
        line-height: 55px;
        font-size:16px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .notice_box{
        display: flex;
    }
    .Questions_container{flex-wrap: wrap;}
    .Questions_system_left{width:100%;margin-bottom:20px;}
    .Questions_system_Right{width:100%;}
    .purchase_Img{display:none;}
    .purchase_Text{width:100% !important;}
    .mypage-lecture-container{flex-wrap: wrap;}
    .mypage_lecture_box{width:33.333%;}

    .shop-mypage .panel-body dt {width:30%}
    .shop-mypage .panel-body dd {width:70%}
    .shop-mypage .mypage-wishlist-container {margin-left:-5px;margin-right:-5px}
    .shop-mypage .mypage-wishlist-box {width:50%}
    .shop-mypage .mypage-wishlist-box-pd {padding:5px}
    .my_class_number_box{width:100% !important;}
}

.product-sumnail-round img{width:308px; height: 175px; border-radius: 1px;}
/*강의회차*/
.round-list-item:nth-child(n+1) { margin-right:20px;}
/*강의리스트*/
.lecture-list-item:nth-child(2n) { margin-left:40px;}

#round-list {width:308px;}
.round-list-item {width:308px; font-size:12px;}

.play-button { position:absolute; left:125px; top:60px;}

.margin-top-40 {margin-top: 40px;}
.text-align-right {text-align: right;}

.margin-right-50 { margin-right:50px;}
.margin-right-30 { margin-right:30px;}
.margin-right-20 { margin-right:20px;}

.margin-bottom-5 { margin-bottom: 5px;}

.font-color-sky { color: #01c8cd;}
.background-color-white { background-color: #fff;}

.color-333 { color:#333333;}
.color-red { color:#fd0100;}

.margin-left-40 { margin-left: 40px;}
.font-weight-bold { font-weight: bold;}
.text-align-center { text-align: center;}
.color-orange { color:#f26656;}
.margin-top-9 { margin-top: 9px;}
.font-weight-500 { font-weight: 500;}
.padding-left-10 { padding-left: 10px;}

.round-number {position:absolute; left:10px; top:10px; right: 0px; width: 38px;  line-height: 24px; border-radius: 3px;}
.icon-check {position:absolute; left:-2px; top:-2px; right: 0px; width: 38px;  line-height: 24px; border-radius: 3px;}

.round-info {position:absolute; left:0px; top:150px; text-align: left;width: 165px; padding-left: 10px; height: 13px; line-height: 12px;color:#fff;}
.round-time {position:absolute; right:10px; top:150px; width: 75px; height: 24px; line-height: 24px; border-radius: 3px; background-color: #212121}
.round-check {position:absolute; top:10px; right: 10px; width: 62px;  line-height: 24px; border-radius: 3px; background-color: #fd6a5a;}

.icon-recyle {position:absolute; top:-2px; right: -2px; width: 62px;  line-height: 24px; border-radius: 3px; background-color: #fd6a5a;}

#mypage-round-title { font-size: 50px;display: inline-block; width: 48%; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
#mypage-top-img { width:100%;}

.mypage-top-title { position: absolute; top:200px; left: 100px; font-size: 50px;}

.vertical-align-middle {vertical-align:middle;}
.underline {text-decoration: underline;text-underline-position: under;}
.radius-2 {border-radius: 2px 2px;}

.mypage-round-title {width:100%; position: absolute; top:100px;font-size: 50px; text-align: left;}
#mypage-round-title { font-size: 50px;}
#mypage-coupon { float: left;width:180px; margin-left:25px;}
#mypage-point { float: left;width:250px;}

.mypage-profile-icon {position: absolute;top:44px;}

.lecture-list-item {width:800px; height: 225px; font-size:12px;}
.lecture-check {width: 96px; height: 24px;  line-height: 24px; border-radius: 3px; background-color: #fd6a5a; text-align: center;}
.lecture-view {width: 96px; height: 24px;  line-height: 24px; border-radius: 3px; background-color: #01d9b6;}

.play-button-lecture {position:absolute; left:100px; top:60px;}
.lecture-right-info {width: 480px; padding-left: 0px;}
.progress-bar-lecture {float: left; position: relative; display: inline; width: 378px; height: 15px; line-height: 15px;}

#lecture-list-item {height: 500px !important;}

#top-menu {text-align: left; border-bottom: 1px solid white; padding-bottom: 16px;}
.order-number {color:#f26656; border-bottom: 1px solid #f26656;}
.border-bottom-white {border-bottom: 1px solid white; border-spacing: 0px; padding: 0px; border-collapse: collapse;}

.img-center{display:contents; justify-content: center;}

.button-ball-gray, .button-ball-gray-qna {width: 34px; height: 34px; margin: 0 auto; border-radius: 50% 50%;}
.cursor-pointer {cursor: pointer;}


/* 내 클래스 추가 */
#smb_my.myClass{padding: 0 150px 50px;}
#smb_my.myClass .table-list-eb{overflow-x: auto;}
#smb_my.myClass .table-list-eb table{border: 1px solid #fff; color: #fff; min-width: 1300px;}
#smb_my.myClass .table-list-eb thead{background: transparent; border-color: #fff; border-top-width: 1px;}
#smb_my.myClass .table-list-eb a u,
#sod_v .table-list-eb a u,
#smb_my.myClass .table-list-eb td a,
#smb_my.myClass .table-list-eb td a b,
#smb_my.myClass .table-list-eb td b {color: #fff;}
#smb_my.myClass .table-list-eb td .classInfo{padding-left: 10px; font-size: 0;}
#smb_my.myClass .table-list-eb td .classInfo img,
#smb_my.myClass .table-list-eb td .classInfo a{display: inline-block;vertical-align: middle;}
#smb_my.myClass .table-list-eb td .classInfo a{max-width: calc(100% - 160px); font-size: 13px; padding: 0 15px;}


/*********************    media 반응형        **************************/
@media all and (max-width: 1640px){
.purchase_continer{
    flex-wrap: wrap;
    }
    .purchase_Text{width:50%; margin-bottom:20px;}
    .purchase_Img{width:50%; margin-bottom:20px;}
    
}
@media all and (max-width: 1250px) {
    .shop-mypage, #sod_v {padding: 0;}
    #smb_my.myClass{padding: 0 0 30px;}
}
@media all and (max-width: 1125px) {
   .lecture_rom_container_Wrap{
    justify-content: center;
    flex-wrap: wrap;
}
   
}

@media all and (min-width:701px) and (max-width:1750px) {

    .qna-search-title {
        float: left; width:103% !important; margin-top:20px !important; margin-bottom:20px !important; padding-left:-50px !important;
    }

    
}
/*타블렛 701 1250*/
@media all and (min-width:701px) and (max-width:1250px) {
    .amount_Left_Text::before{
        width:95% !important;
    }
    .shop-mypage, #sod_v {padding: 10px;}
    #at-wrap {max-width: 100%;}
    .category-list-title { width: 100%;}

    .round-list-item:nth-child(n+1) { margin-right:20px;}

    .align-center3 { margin: 0 auto; align-items: flex-end; justify-content:space-between; display: flex; flex-wrap:wrap;}

    #edit-profile1{ display: none;}
    #edit-profile2{ display: none;}
    #view-message{ display: none;}

    .button-detail-view{ }

    .play-button{ left:42% !important; top:25% !important;}

    /*.edit-profile1{ margin-left:100px !important;}*/
    .lecture-list-item{margin:0 auto !important;}

    .view-tablet{ display: inline-block;}
    .hide-tablet { display: none;}

    /*.product-sumnail-info{ width:100%;}*/
    .product-sumnail-info{ width:162px;}
    .product-sumnail-info p{ padding:0; margin: 0;}

    #top-menu{ padding-left: 34px; padding-right: 15px;}

    .product-info-left{ width: 98% !important;}
    .product-info-right { width: 98% !important;}
    .product-info-line{ display: none;}


    .mobile-product-title{ width: 280px !important;}

    .qna-info-left{ width:77% !important;  padding-top:20px; padding-bottom: 20px;}

    .qna-title{ margin-left: 30px;}
    .qna-product-title{ width:200px !important;}
}




/*스마트폰 1 700*/
@media all and (min-width:1px) and (max-width:700px) {
    /*.product-info-tablet{ display: none;}*/


    .hide-tablet { display: none;}

    #at-wrap {max-width: 100%;}
    .align-center3 { margin: 0 auto; align-items:center; justify-content:center; display: flex; flex-wrap:wrap;}

    .play-button { top:105px !important; left: 205px !important;}

    #add-device{ display: none;}
    #edit-profile1{ display: none;}
    #edit-profile2{ display: none;}
    #view-message{ display: none;}

    #profile-image { width:111px; height: 111px;}
    .mypage-right-button{ right: 4.7% !important;}

    #mypage-round-title{ font-size:35px !important; padding-top:-50px !important;}
    .mypage-right-info{ right: 20px !important; margin-top:-20px !important;}
    .mypage-profile-icon { margin-top:-20px;}
    #mypage-point { float: left;width:190px !important;}
    #mypage-point img{ width:24px; height: 24px;}
    #mypage-point .font-20{ font-size: 14px !important;}

    .mypage-left-info{ margin-top:-17px;}

    .margin-top-20 { margin-top:-10px;}

    .round-list-item { width:100%; margin-left:15px;}
    .round-list-item img{ width:100%; height: inherit;}

    .category-list-title{ width: 100%; font-size: 18px;}

    .play-button{ left:45% !important; top:34% !important;}
    .play-button-lecture{ left:230px !important; top:137px !important;}

    #mypage-coupon img{ width:33px; height: 20px;}
    #mypage-coupon .font-20{ font-size: 14px !important;}
    .mypage-coupon-point{height: 40px !important; width:350px !important;}
    #mypage-coupon { float: right; width:140px; margin-top: -30px;}
    /*#mypage-coupon{ float: right !important; width:150px !important; margin-top:-30px;}*/

    .progress-bar{top:inherit !important;}

    .round-time { bottom:20% !important;}


    .product-sumnail-lecture img{width:480px !important; object-fit: cover;}

    .lecture-list-item { float: left; height:800px !important; outline: 1px dotted yellow; margin:0 auto;}
    .lecture-right-info{ width:100% !important; float: left !important;}
    .lecture-right-info{text-align: left;}
    /*.lecture-right-info{ width:99% !important; height: 500px !important; float: left !important; margin-left:10px;}*/
    .progress-bar-lecture{ width:350px !important; position: absolute;top:115px; left: 80px; float: right; }
    .lecture-check{ position: absolute; left:0; top:120px;}
    .lecture-view{ position: absolute; left:100px; top:152px;width: 96px; height: 24px; text-align: center;}
    #category-list-item { height: 550px !important; }
    #lecture-list-item { height: 750px !important;}
    .lecture-list-item:nth-child(2n) { margin-left:0px;}
    .round-info{ position: absolute !important; bottom:300px !important;}
    #top-menu{ padding-left: 34px; padding-right: 25px;}

    .product-info-left{ width: 98% !important; font-size: 14px;}
    .product-info-right { width: 98% !important; font-size: 14px;}
    .product-info-line{ display: none;}


    /* 마이페이지 220819 추가 */
    .tab-scroll-category #tab-category{margin-top: 0 !important;}
    #smb_my.myClass .table-list-eb table{min-width: 1000px;}
} /*스마트폰 끝*/


/*400 830*/
@media all and (min-width:400px) and (max-width:830px) {

    /*.lecture-right-info{ width:99% !important; float: left; margin-left:10px;}*/
    .progress-bar-lecture{ width:70% !important;}
    .lecture-right-info{ width:55% !important;}

    .view-tablet{ display:contents;}
    .hide-tablet { display: none;}
    .product-right-info{ display: none;}
    .product-info-mobile{ display:block !important;}
    .product-info-mobile p { text-align: left; margin-left: 9px;}
    .hide-mobile{ display: none !important;}


    .mobile-product-title p{ padding:0; margin:0;}
    .mobile-product-sumnail img{ width:159px; height: 91px; display: block !important;}
    .mobile-product-sumnail { width:159px; }

    .mobile-product-title{ width: 300px !important;}

    .qna-info-left{ width: 100% !important;}
    .qna-info-left{ width: 100% !important;}
    .qna-button-replay{ width: 100% !important; height: 10px !important; margin-bottom:20px;  line-height: 0px !important;}
    .qna-search-title {
        float: left; width:109% !important; margin-top:20px !important; margin-bottom:20px !important; padding-left:-80px !important;
    }

    .qna-search-underbar { width: 100px !important;}
    .qna-search-title .qna-search-underbar { width: 290px !important;}
    .qna-search-title{ width: 100% !important;}

    .item-search-title{ width: 100% !important; float: left; display: none;}

}


/*스마트폰400이하*/
@media all and (min-width:1px) and (max-width:550px) {
    .notice_btn_01{
        max-width: 95px;
        width: 100%;
        color: #fff;
        font-size: 12px;
        margin: 15px 10px;
        padding: 3px 19px;
    }
    .notice_btn_02{
        max-width: 95px;
        width: 100%;
        color: #fff;
        font-size: 12px;
        margin: 15px 10px;
        padding: 3px 19px;
    }
    .notice_btn_03{
        max-width: 95px;
        width: 100%;
        color: #fff;
        font-size: 12px;
        margin: 15px 10px;
        padding: 3px 19px;
    }
    .notice_btn_04{
        max-width: 95px;
        width: 100%;
        color: #fff;
        font-size: 12px;
        margin: 15px 10px;
        padding: 3px 19px;
    }

    .notice_Text{
        font-size:14px;
        width: 95%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .mypage_lecture_box>a>img{max-width:none;}
    .mypage_lecture_box{width:100%;}
    /*.view-tablet{ display: block;}*/
    .hide-tablet { display: none;}

    #mypage-coupon{ float: left !important; width:150px !important; margin-top:0px; margin-left:0px !important;}
    .play-button{ left:45% !important;}
    #mypage-round-title { width:10% !important;}
    #top-menu{ padding-left: 34px; padding-right: 25px;}

    .product-info-right { width: 98%; padding: 10px;}
    .mobile-product-title{ width: 280px !important;}

    .button-ball-gray{ position: absolute; right: 10px; top:210px;}

    .qna-search-title {
        float: left; font-size: 12px; width:109% !important; margin-top:20px !important; margin-bottom:20px !important; padding-left:-80px !important;
    }
    .qna-search-title .qna-search-underbar {font-size: 14px; width: 250px !important; }


}




.product-info-right {
    width: 47%;  padding: 10px;
}

.product-item-sumnail {
    width:152px !important;
}

.border-bottom-dotted {
    border-bottom: 1px dotted #999;
}

.product-info-mobile {
    display: none;
}
.mobile-product-sumnail img{ display: none;}
/*.mobile-product-sumnail{display: none !important;}*/

#search-area {
    width: 800px; height: 40px; margin-top: 30px;
}

.qna-search-button {
    width:102px; height: 37px; line-height: 37px; outline: 1px solid white; border-radius: 2px;
}

.qna-search-underbar {
    border-bottom: 2px solid white; width:191px; height: 37px; line-height: 37px;
}

.position-relative {
    position: relative;
}

.selectbox-qna {
    position: relative;

    width: 200px;  /* 너비설정 */
    border: 1px solid #999;  /* 테두리 설정 */
    z-index: 1;
    border: 0;
    font-weight: bold;
    color:#fff;
    padding-left: 10px;background: url(images/arrow_down_white.png) no-repeat 95% 50%;
}

.qna-search-title {
    float: right;
}

#coupon-slide {
    height: 120%; margin-top:50px;
}

.round-color-sky {
    color:#07c2c7;
}