/* 텍스트 color 수정 */
.total_price{color:#fff !important;}
.shop-steps .step-indicator .active .caption{color:#edec55 !important;}

/*디버깅 용도*/
:root {
    --outline-px: 0px;
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.ttf');
}
@font-face {
    font-family: 'NanumGothicCoding';
    src: url('fonts/NanumGothicCoding.ttf');
}
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
/*영문, 숫자 : 'Roboto', 'Montserrat'*/
/*한글 : 'Noto Sans KR', 'Nanum Gothic Coding'*/
/*Font-family: 'Roboto', 'Montserrat', 'Noto Sans KR', 'NanumGothicCoding', sans-serif , monospace ;*/


.font-number {font-family: 'Montserrat', sans-serif;}
.font-number-kor { font-family: 'Montserrat', 'Noto Sans KR', 'Nanum Gothic Coding', sans-serif;}
.font-us { font-family: 'Roboto', sans-serif;}

html{
    font-size: 62.5%;
}
body {

    overflow-x: hidden;
    margin: 0;
    background-color: #1C1B20;
    Font-family: 'Noto Sans KR', 'NanumGothicCoding', sans-serif , monospace ;
}


ol, ul{
    list-style: none;
}
img { margin:0px; vertical-align: sub;}
p {text-align: left;}
input:focus {outline:none !important;}
a { color: inherit; text-decoration: none; }
hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.outline { outline: var(--outline-px) solid red;}
.img_area:after{display:inline-block; height:100%; content:""; vertical-align:middle;}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; background-image: url(images/arrow_down.png); background-repeat: no-repeat; background-position: 95% 50%;  /* 화살표 모양의 이미지 */}

#at-wrap {
    text-align: left;
    height: 100%;
    margin: 0 auto;
    max-width: 2560px;
}

.view-tablet, .view-mobile{display: none !important;}

/*------------------- HEADER MENU 20230313::DSC -------------------*/

/*마이페이지 데이터 없는 경우 */
.empty_cont{
    width: 100%;
    font-size: 18px;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;   
    font-weight: 400;
    display: flex;
    gap:10px;
}
.no_scroll{
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
}

header{
    height: fit-content;
    box-sizing: border-box;
    border-bottom: 1px solid #3e3e3e;
}

header .mobile_top{display: none}
header .mobile_top a{
    width: 50%;
    display: block;
    background: #fff;
    color:#444;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
}
header .mobile_top a:nth-child(1) span{color: #E62C2B}
header .mobile_top a:nth-child(2){
    background-color:#FF6C48 ;
    color:#fff;
}

header h1{line-height: 15px}

header h1 img{
    width: 74px;
}

header p{color:#efefef; margin:0}

.header_nav{
    transition: all .4s;
}

/* 고정용 헤더 */
.header_fixed{
    position: fixed;
    top:0px;
    left:0;
    right:0;
    background-color:rgba(52,52,52,0.95);
    background-color:#343434;
    z-index: 10;
}
.header_fixed h1 img{max-width:75px}

header .main_menu{
    border-bottom: 1px solid #3e3e3e;
    padding:8px 0;
}

header .main_menu_inner{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .left_menu{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:36px
}

header .left_menu .search_keyword{
    background-color: rgb(225 225 225 / 20%);
    width: 320px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 40px;
    border: 1px solid #fff;
    padding: 0 30px;
}

header .left_menu .search_keyword input{
    width:90%;
    border:none;
    background-color:transparent;
    font-size:1.5rem;
    color:#fff;
    margin-right:8px
}

header .right_menu a{color:#fff}
header .right_menu{
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 1.4rem;
    color:#fff;
    font-weight: 400;
}


header .right_menu .search_btn_area img{
    height: auto;
}
header .right_menu .search_btn_area .mobile_cs{display: none}
header .right_menu .search_btn_area{
    height: 32px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    gap: 10px;
}
header .right_menu .login_btn{
    border-radius: 20px;
    padding: 2px 16px;
    background: #fff;
    color: #444;
}

header .my_btn{
    height: 32px;
    display: flex;
    border-radius: 24px;
    font-size: 1.3rem;
    color: #686868 !important;
    background: #fff;
    display: flex;
    gap:10px;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    padding-left: 0;
}
header .my_btn .human{
    height: 32px;
    width: 32px;

}
/*ellipsis처리*/
header .my_btn span{
    margin-right: 6px;
    color: #000 !important;
    max-width: 75px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.header_submenu{
    height: 45px;
    display: flex;
    align-items: center;
    gap:15px;
    max-width: 1200px;
    margin:0 auto;
}

.category_btn{
    display: flex;
    justify-content: center;
    cursor: pointer;
    align-items: center;
    height: 100%;
    border: 1px solid #3e3e3e;
    border-top: 0;
    border-bottom: 0;
    padding:0 10px;
    gap:6px;
}

.category_btn.on > p{
    color:#e62c2b;
}
.category_btn span{
    width: 23px;
    height: 2px;
    background: #efefef;
    display: block;
    margin: 4px 0;
    transition: all .3s;
}

header .menu_short{
    font-size: 1.5rem;
    display: flex;
    gap: 18px;
    color:#fff;
    font-weight: 400;
    overflow-x:scroll ;
}
header .menu_short a{
    flex-shrink: 0;
    color: #fff;
}
header .menu_short a:hover{
    color:#e62c2b;
}

header .menu_short::-webkit-scrollbar{
    width: 1px;
    height: 1px;
    background-color: transparent;
}

/* MYMENU FLOATING MENU WEB, MOBILE 공통 */
.mymenu p{
    margin:0; padding:0;
}
.mymenu{
    min-width: 270px;
    max-width: 270px;
    position: absolute;
    z-index: 12;
    background-color: #fff;
    color: #000 !important;
    border-radius: 6px;
    font-size: 1.5rem;
    display:flex;
    flex-direction: column;
    overflow: hidden;
    display: none
}

.mymenu .my_info{
    padding:6px;
}

.mymenu .my_credit{
    display: flex;
    justify-content: space-between;
    padding:0 12px;
    align-items: center;
    border-radius: 6px;
    border:1px solid #ddd;
    padding:4px;
    font-weight: 600;
}

.mymenu .my_credit em{
    font-weight: 400;
    font-style: normal;
}
.mymenu .my_credit .number{color:#E62C2B}

.mymenu .my_menus ul{
    display: flex;
    padding:20px;
    flex-wrap:wrap;
}

.mymenu .my_menus li{
    transition: all .2s;
    flex: 1 1 40%;
    list-style: disc;
    list-style-position: inside;
}

.mymenu .my_menus li::marker {
    font-size: 10px;
    color:#3e3e3e;
}

.mymenu .my_menus a{
    color: #3E3E3E;
    font-weight: 500;
    font-size: 1.4rem;
    margin-left: -5px;
}
.mymenu .my_menus a:hover{
    color: #E62C2B;
    text-decoration: underline;
}

.mymenu .out_menu{
    padding: 10px;
    color: #9c9c9c;
    font-size: 1.3rem;
    display: flex;
    justify-content: space-between;
}

/* 마이메뉴 MOBILE CSS DSC  */
#mymenu_mobile p{
    padding:0; margin:0;
    color:#252525 !important;
}
#mymenu_mobile{
    min-width: 100vw;
    height: 100%;
    position: fixed;
    top: 0;
    left:0;
    right:0;
    background-color: #fff;
    z-index: 15;
    transform: translateX(100%);
    transition: transform .4s;
    display: block;
}
#mymenu_mobile .my_info > p:nth-child(1){
    display: flex;
    align-items: center;
    gap: 25px;
    justify-content: flex-end;
}
#mymenu_mobile .my_info{
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding:12px;
}
#mymenu_mobile .close_btn{
    width: 20px;
}
#mymenu_mobile .logout{
    background: #E0E0E0;
    align-self: flex-end;
    color: #444;
    padding: 4px 17px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 1.4rem;
}
#mymenu_mobile .name{
    display: flex;
    gap: 10px;
    font-size: 2rem;
}
#mymenu_mobile .name{}
#mymenu_mobile .name img{
    width: 50px;
}

#mymenu_mobile .my_credit{
    display: flex;
    gap: 14px;
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 4px;
    font-weight: 600;
    /* padding: 12px; */
    justify-content: space-evenly;
}
#mymenu_mobile .my_credit .number{color:#E62C2B}
#mymenu_mobile .my_credit em{
    font-style: normal;
}
#mymenu_mobile .menus .title{

}
#mymenu_mobile .menus ul{
    padding:0;
}

#mymenu_mobile li{
    padding:10px 0;
}
#mymenu_mobile li:not(:last-child){
    border-bottom:1px dashed #ddd;
}
#mymenu_mobile .menus li img{max-width: 24px}

#mymenu_mobile li a{
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size:14px;
    gap:10px;
}
#mymenu_mobile .title{
    color: #444;
    font-weight: 600;
    position: relative;
    padding-top: 36px;
    margin:14px 0;
}
#mymenu_mobile .title:after{
    content: '';
    height: 1px;
    width: calc(100% - 60px);
    display: block;
    background: #1C1B20;
    position: absolute;
    bottom: 11px;
    right: -10px;
}
#mymenu_mobile{}

/* 전체카테고리메뉴 :: DSC */
.custom_menu{
    background: #fff;
    width: 210px;
    position: absolute;
    top: 46px;
    left: 0;
    display: none;
    z-index: 35;
}
.custom_menu a{
    display:flex;
    padding:8px 10px;
    font-size: 1.5rem;
    align-items: center;
    gap:8px;
}
.custom_menu a p{
    display: flex;
    flex-direction: column;
    margin:0;
}
.custom_menu a img{
    width: 32px;
    height: 32px;
}

.custom_menu a:hover em{
    color:#e62c2b;
}
.custom_menu a:not(:last-child){
    border-bottom:1px dashed #ddd;
}
.custom_menu a em{
    color: #444;
    font-style: normal;
    font-weight: 600;
    transition: color 0.3s;
}
.custom_menu .category_desc{
    font-size: 1.3rem;
    color: #999;
}

/* 검색창 CSS DSC */
.search_expand .logo_img{width:74px;}
.search_expand{
    position: fixed;
    top: -120%;
    width: 100%;
    background: #1C1B20;
    padding: 18px 0;
    color: #efefef;
    font-size: 1.5rem;
    transition: all .6s;
    z-index: 24;
}
.search_expand .search_inner{
    max-width: 1200px;
    margin:0 auto;
    display: flex;
    align-items: flex-start;
    gap:314px;
    position: relative;
}
.search_expand form{
    background-color: #efefef;
    width: 360px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 48px;
    margin-bottom:15px;
}
.search_expand form input[type=text]{
    width: 90%;
    border: none;
    background-color: transparent;
    font-size: 1.5rem;
    color:#1C1B20;
    margin-right: 8px;
    text-indent: 24px;
}
.search_expand form input:-webkit-autofill{
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
.search_expand form .btn{
    padding:0 18px;
}
.search_expand .search_area{
    display: flex;
    flex-direction: column;
    gap:28px;
}
.search_expand .search_area > div{
}
.search_expand .box_title{
    padding-bottom: 0;
    color: #999;
    text-align: center;
    margin: 0;
    font-weight: 400;
}
.search_expand .recom_keyword{
    padding-top: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.search_expand .recom_keyword a{
    padding: 4px 11px;
    border-radius: 18px;
    background: #E62C2B;
    color: #fff;
    font-size: 1.2rem;
}
.close_sch{
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    text-align: center;
}
/*------------------- HEADER MENU 20230313::DSC -------------------*/

/* 카테고리 아이콘 CSS */
.category_menus{
    padding-bottom:15px;
}
.category_menus > div{
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    max-width: 1200px;
    margin: 0 auto;
    justify-content: space-between;

}
.category_menus  a{

    width: 150px;
}
.category_menus img{
    width: 100%;
    filter: grayscale(100%);
    transition: all .4s;
}
.category_menus img:hover{
    filter: grayscale(0);
}

.category_menus > div::-webkit-scrollbar{
    width: 1px;
    height: 1px;
    background-color: transparent;
}


/* 메인페이지 */
#main-slide-left {position:absolute; top:50%; left:0; cursor:pointer; transform: translateY(-50%);}
#main-slide-left span{display: block; width: 83px; height: 93px; font-size: 0; background-repeat: no-repeat; background-position: center; background-image: url(../image/img/button/main_slide_left.png);}
#main-slide-right {position:absolute; top:50%; right:0; cursor:pointer; transform: translateY(-50%);}
#main-slide-right span{display: block; width: 83px; height: 93px; font-size: 0; background-repeat: no-repeat; background-position: center; background-image: url(../image/img/button/main_slide_right.png);}

#main-category {width:1200px; margin: 50px auto 0;}
#main-category a { color: inherit; text-decoration: none; }

#main-category2{display: flex; justify-content: space-between; align-items: center; text-align: center;}
#main-category2 .slick-slide img{margin: 0 auto;}
#main-category2 div.category-item-margin{width: 16.67%;` color: #fff;}
#main-category2 div.category-item-margin .ctg_txt{padding-top: 6px; font-size: 16px; line-height: 20px; font-weight: 600; color: #42baa3; white-space: nowrap;}
#main-category2 div.category-item-margin .ctg_txt span{color: #fff;}
#main-category2 div.category-item-margin .ctg_txt02{font-size: 12px; line-height: 16px;}
#main-category2 .image{height: 80px;}


.main-container {max-width: 1200px; margin: 0 auto; padding-bottom:15px;}

.main-list-title {width:1620px; color: #fff; font-size: 30px; text-align: left; font-weight: bold; padding-left:0px; margin-top: 55px; margin-bottom: 14px;}
.main-list-title a{color: #fff;}

.main_title{max-width:1200px; padding: 50px 0 18px; margin: auto;}
.main_title:after{content: '';display: block;clear: both;}
.main_title h3{float: left; font-size: 30px; line-height: 40px; color: #fff; font-weight: 600;}
.main_title h3 a,
.main_title h3 a:hover{color: #fff;}

.slide-button { display: inline-flex; float: right; /*height: 18;*/margin-top: 20px;}
.slide-button-category {display: inline-flex; float: right; margin-top: 23px;}
.main_title .slide-button img{margin-left: 18px;}
.main_title .slide-button .more{display: block; font-size: 12px; font-weight: 500; color: #fff; line-height: 20px;}

.main_title.typeRound{padding: 70px 0 58px;}
.main_title.typeRound h3{text-indent: -9999em;}

.main_title.typeNew{padding-top: 82px;}
.main_title.typeNew02{padding-top: 56px;}


.newitem{margin-right:18px;}
.newitem-list-item {width:381px; height: 274px;}
.newitem .img_area:after{display: none;}
.newitem .img_area a{position: relative; display: block; height: 0; padding-bottom: 60%;}
.newitem .img_area a img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%; height: 100%; object-fit: cover;}

.main-container .slick-slide {margin-right: 18px;}
.main-container .slick-slide .newitem{min-width:inherit; margin-right:0;}
.main-container .slick-slide .newitem .img_area{position: relative;}
.main-container .slick-slide .newitem .img_area .top_label{position: absolute; top: 8px; left: 11px; width: 48px; height: 56px; line-height: 46px; font-size: 30px; font-weight: 600; color: #fff; text-align: center; background-repeat: no-repeat; background-position: center; background-image: url(../image/img/sumnail/grade_bg.png);}
.main-container .slick-slide img{width: 100%;}

.todaybar {position:absolute; bottom: 0; left: 0; right: 0; height: 26px; line-height: 26px; margin:0; padding-left: 30px; font-size: 12px; color: #fff; text-align: left;}
#today-sale2 .todaybar {background: -webkit-linear-gradient(top, rgba(253,106,89,1) 0%,rgba(253,138,88,1) 99%,rgba(253,138,88,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,106,89,1) 0%,rgba(253,138,88,1) 99%,rgba(253,138,88,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#today-sale_my .todaybar {background: url(/sp_b.png); background-size:100% 100%;}
#package-list .todaybar {background: -webkit-linear-gradient(top, rgba(150,100,252,1) 0%,rgba(163,94,252,1) 25%,rgba(205,73,252,1) 84%,rgba(212,70,252,1) 99%,rgba(212,70,252,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(150,100,252,1) 0%,rgba(163,94,252,1) 25%,rgba(205,73,252,1) 84%,rgba(212,70,252,1) 99%,rgba(212,70,252,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#free-list .todaybar {background: -webkit-linear-gradient(top, rgba(253,106,89,1) 0%,rgba(253,138,88,1) 99%,rgba(253,138,88,0.2) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,106,89,1) 0%,rgba(253,138,88,1) 99%,rgba(253,138,88,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

.todaybar .icon{width: 17px; height: 17px; position: absolute; left: 7px; top: 4px;}
.todaybar .time{float: right; font-size: 13px; padding-right: 6px;}

#at-wrap #package-list .todaybar .icon, #at-wrap .todaybar .icon{width: 17px; left: 10px; top: 5px;}

#today-top .todaybar { display:none; }
#today-top img{ height:auto;}
#newitem .todaybar { display:none; }

.product-sumnail{ border-radius:4px;}
#today-sale img { border-radius:4px; width:300px;}
.today-sale img { width:200px; }


#mobile-search {display: none;}
.main-list {width:1620px;}

#newitem img{ width:380px; height:auto;}
#newitem .newitem { margin-right:108px; }

.newitem .category{margin: 20px 0 5px; font-size: 12px; line-height: 20px; color: #aaa; font-weight: 500;}
.newitem .p-sumnail-title {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0; font-size: 16px; line-height: 20px; height: 40px; overflow: hidden; word-break: break-all; -ms-word-break: break-all;}
.newitem .p-sumnail-title a{display: block; color: #fff;}
.newitem .itemInfo{margin-top: 8px; font-size: 0; text-align: left;}
.newitem .itemInfo .price{display: inline-block; vertical-align: top; font-size: 20px; line-height: 28px; color: #fff; font-weight: 500;}
.newitem .itemInfo .price.origin{display: block; font-size: 13px; line-height: 18px; color: #babec1; text-decoration: line-through;}
.newitem .itemInfo .price.origin span{font-size: 13px; line-height: 18px; text-decoration: line-through; color: inherit;}
.newitem .itemInfo span{display: inline-block; vertical-align: top; font-size: 14px; line-height: 28px;}
.newitem .itemInfo .period{font-size: 13px; color: #01d5bb; padding: 0 8px 0 5px;}
.box-ball {width:28px; height:28px; line-height:28px; text-align:center; font-size: 16px; font-weight:400; background-color: #fd6a59; border-radius: 14px;}
.newitem .itemInfo .box-ball{line-height: 26px;}
.newitem .itemInfo .text-deco-percent{margin: 0 2px;}

.itemInfo02{ display: none; } /* 성근부장님 요청으로 추가 22.12.20 */
.newitem .itemInfo02 {text-align: left; width:100%; font-size: 0; padding-top: 2px;}
.newitem .itemInfo02 span{display: inline-block; vertical-align: top; font-size: 12px; line-height: 20px; margin: 0;}
.newitem .itemInfo02 span.rating{color: #02d4b5;}
.newitem .itemInfo02 span.people{position: relative; margin-left: 10px; padding-left: 11px;}
.newitem .itemInfo02 span.people:before{content: ''; width: 1px; height: 10px; background-color: #999; position: absolute; top: 5px; left: 0;}
.newitem .itemInfo02 span.font-number{height: 20px; line-height: 22px;}

#free-list img{ height:auto; }

#roundslide_wrap{position: relative; overflow: hidden;}
#roundslide{max-width:1200px;margin: 0 auto;position:relative;left:12.5px}
#roundslide .slick-slide {margin-right: 33px;}
#roundslide .roundslide-list-item .mobile_on{display: none;}
#roundslide .roundslide-list-item a{position: relative;  display: block;   border-radius: 50%; overflow: hidden;}
#roundslide .roundslide-list-item img{max-width:100%;}
#roundslide .roundslide-list-item a:before{content: ''; position: absolute;top: 50%;left: 50%;right: 50%;bottom: 50%; border-radius: 100%; /*background: linear-gradient(to left,#14d1d1, #13edac);*/ background-color: rgba(20,209,209,.9); transition: .3s; -webkit-transition: .3s; opacity: 0; z-index: -1;}
#roundslide .roundslide-list-item .active + a:before,
#roundslide .roundslide-list-item a:hover:before{top: 0;left: 0;right: 0;bottom: 0;opacity: 1; z-index: 1;}

#roundslide .roundslide-list-item a .txt_area{position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; flex-direction: column; justify-content: center; transition: .15s; -webkit-transition: .15s; opacity: 0; z-index: -1;}
#roundslide .roundslide-list-item .active + a .txt_area,
#roundslide .roundslide-list-item a:hover .txt_area{opacity: 1; z-index: 2;}

#roundslide .roundslide-list-item a .txt_area .txt{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 16px; line-height: 20px; max-height: 40px; margin-bottom: 25px; text-align: center; transform: translateY(100px); -webkit-transform: translateY(100px); transition: .5s; -webkit-transition: .5s;}
#roundslide .roundslide-list-item .active + a  .txt_area .txt,
#roundslide .roundslide-list-item a:hover  .txt_area .txt{transform: translateY(0); -webkit-transform: translateY(0);}

#roundslide .roundslide-list-item a .txt_area strong{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 24px; line-height: 33px; height: 88px; margin-bottom: 33px; text-align: center; transform: translateY(-100px); -webkit-transform: translateY(-100px); transition: .5s; -webkit-transition: .5s;}
#roundslide .roundslide-list-item .active + a .txt_area strong,
#roundslide .roundslide-list-item a:hover .txt_area strong{transform: translateY(0); -webkit-transform: translateY(0);}

#roundslide .roundslide-list-item a .txt_area .btn{display: block; margin: 0 auto; padding: 0; width: 160px; font-size: 0; height: 0; line-height: 30px; background-color: #212121; color: #fff; font-style: normal; border-radius: 32px; text-align: center; transition: .5s; -webkit-transition: .5s;}
#roundslide .roundslide-list-item .active + a  .txt_area .btn,
#roundslide .roundslide-list-item a:hover  .txt_area .btn{font-size: 14px; height: 32px;}

.roundslide-list-item {width:378px; margin:0px; padding:0px;}


.main-ico-css{
    background: transparent;
    border: 0px;
}
.share_content{
    display: flex;
}

#recommend .slick-slide{position: relative; margin-right: 30px;}
#recommend .swiper-wrapper {align-items: flex-end;}
/* #recommend .newitem { margin-right:208px; } */
#recommend img{max-width: 100% ;}
#recommend .masking{position: absolute;bottom: 0;left: 0;right: 0;}
.recommend-list-item {height: 478px;}
.recommend-list-item .item_wrap{position: absolute; bottom: 26px; left: 0; right: 0; padding: 0 28px;}
.recommend-list-item .item_wrap.newitem{min-width: inherit; margin-right: 0;}
.recommend-list-item .item_wrap.newitem .itemInfo{margin-top: 10px;}

/* 상세 케이스 */
.recommend-list-item.type-detail {position: relative; margin-right: 25px;}
.recommend-list-item.type-detail > a {display: block;}
.recommend-list-item.type-detail .item_wrap {padding: 0 24px; bottom: 24px;}
.recommend-list-item.type-detail .box-ball {width:26px; height:26px; line-height:25px; background-color: #fd6a59; background: linear-gradient(128deg, #fd6a59 0%, #fda259 100%);}

/* 안녕하세요 우리 곧 만나요 */
.new_list{display: flex; gap:15px }
.new_list .newitem{width: 325px; margin-right:0 !important}
.new_list li.newitem:nth-child(5),
.new_list li.newitem:nth-child(5) ~ li.newitem{display: none;}
.new_list .newitem img{ height:auto; width:100%;}

#recommend{/*max-width: 1620px;*/ max-width:1200px; margin: 0 auto; padding-bottom:60px}
#recommend .recommend_list{
    padding: 0;
    font-size: 0;
    text-align: left;
    width: 100%;
    margin-left: 0 !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap:25px;
}
#recommend .recommend_list .recommend-list-item{position: relative; display: inline-block; vertical-align: top; width: 382px; margin: 0 0 0 30px;overflow: hidden;}
#recommend .recommend_list .recommend-list-item a{display: block; height: 100%;}
#recommend .recommend_list .recommend-list-item:first-child{margin-left: 32px;}
#recommend .recommend_list .recommend-list-item img{ height:auto; width:100%;}
#recommend .recommend_list .recommend-list-item img.masking{height:auto;}
#recommend .recommend_list .recommend-list-item .newitem .p-sumnail-title{color: #fff;}

#recommend .recommend_list.typeSlider{margin-left: 0;}
#recommend .recommend_list.typeSlider .recommend-list-item{width: 382px; margin: 0;}
#recommend .recommend_list.typeSlider .recommend-list-item:first-child{margin-left: 0;}

#rolling-banner.main-container{max-width: 100%; padding: 82px 0 15px;}
#rolling-banner .bannerImg {display: block; height: 0; padding-bottom: 100px; background-repeat: no-repeat; background-position: center;}

#update{max-width: 1200px; margin: 0 auto 43px;}
#update .update_list{margin-left: -20px; padding: 0; font-size: 0; text-align: left;}
#update .update_list .update-list-item {position: relative; display: inline-block; vertical-align: top; margin: 0 0 0 20px; padding: 0 0 52px;}
#update-list-item { width:253px; height:173px; }
.update-list-item {width:253px; min-width: inherit;}


#replyslide{max-width: 1200px; margin: 0 auto}
.replyslide-list-item {position: relative;}
.replyslide-list-item .reply_item_wrap{position: absolute; top: 40px; left:45px; right: 26px; margin: 0; z-index: 2;}
.replyslide-list-item .reply_item_wrap .category{margin-top: 0;}
.replyslide-list-item .reply_item_wrap .p-sumnail-title{width: 310px;}

.reply_thumbnail_wrap{position: relative; width: 100%;height: 0; padding-bottom: 500px; display: block; background-size:cover;background-repeat: no-repeat; background-position: center;}
.reply_thumbnail_wrap:before{content: '';position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url(../image/img/sumnail/review_bg.png); z-index: 1;}
.reply_thumbnail_wrap img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}

.view_lecture_button{position: absolute; top: 22px; right: 26px;}
.replyslide-list-item .reply_item_wrap .view_lecture_button{top: -18px; right: 0;}

.comment-balloon {width:715px; height: 62px; top:230px; left: 43px; position: static;}
.comment_wrap{position: absolute; bottom: 57px; left: 45px; right: 56px; z-index: 2;}
.comment-text {float: left;text-align: left; margin-top:8px; margin-left: 20px; width:400px;color: #000;}
.comment-nickname {float: left; margin-top:16px; margin-left: 60px;}

.comment_item{position: relative; background-color: #fff; padding: 9px 20px 9px 25px; border-radius: 10px; color: #000; margin-top: 23px;}
.comment_item:first-child{margin-top: 0;}
.comment_item:before{display: block; content: ''; position: absolute; top: 5px; left: -10px; width: 11px; height: 10px; background-repeat: no-repeat; background-position: center; background-image: url(/bubble_left.png);}
.comment_item:after{display: block; content: ''; clear: both;}
.comment_item p{float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: calc(100% - 225px); color: #212121; font-size:14px; letter-spacing: -1px; line-height: 20px; height: 40px; overflow: hidden; margin: 0;}

.comment_item .right_contents{float: right; font-size: 0;}
.comment_item .nickname{position: relative; display: inline-block; vertical-align: top; margin: 0; font-size:16px; font-weight: bold; white-space: nowrap; line-height: 40px; padding-right: 17px; margin-right: 13px;}
.comment_item .nickname:after{content: ''; display: inline-block; width: 1px; height: 19px; background-color: #ccc; position: absolute; top: 10px; right: 0;}
.comment_item .devider{display: none; vertical-align: top;  height: 20px; width: 1px; background: #cccccc; margin: 0 17px; margin-top: 13px;}
.comment_item .review_stars{display: inline-block;vertical-align: top;  margin-top: 10px;}
.review_stars .star{display: inline-block; vertical-align: top; width: 20px; height: 20px; background-repeat: no-repeat; background-image: url(/review_star.png);}
.review_stars .star.active{background-position:0 0;}
.review_stars .star.empty{background-position:-20px 0;}

#replyslide .slick-dots{margin-top: 15px; position: static;}
#replyslide .slick-dots li{height: auto; vertical-align: top; margin: 0 7px;}
#replyslide .slick-dots li button:before{display: none;}
#replyslide .slick-dots li button{width: 10px; height: 10px; background: #fff; border-radius:50%; padding: 0;}
#replyslide .slick-dots li.slick-active button{background: #01d3c0;}

#banner-5{max-width: 1200px; margin: 50px auto 90px;}

.align-center {margin: 0 auto;display: flex;justify-content: space-around;}
.align-left {margin: 0 auto; display: flex; justify-content: flex-start;}
.align-category {align-items: flex-end; justify-content:space-between; display:inline-flex;}
.align-center2 {margin: 0 auto; align-items: flex-end; justify-content:space-between; display: flex; flex-wrap:wrap;}
.align-center3 {margin: 0 auto; align-items: flex-start; justify-content:flex-start; display: flex; flex-wrap:wrap;}

.text-align-left {text-align: left;}
.text-deco-percent {color:#f86c5b; margin-top:6px; margin-left: 2px;}
.text-deco-gray {color:#999; font-size: 10px; padding-bottom: 3px;}
.text-deco-sky {color: #01d5bb; margin-top:8px;}

.detail-price {width:100%; color: #fff; font-size: 30px; text-align: left; font-weight: bold; padding-left:11px; margin-bottom: 14px;}

.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-12 {margin-top:12px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-50 {margin-top:50px;}

.margin-left-3 {margin-left: 3px;}
.margin-left-5 {margin-left: 5px;}
.margin-left-7 {margin-left: 7px;}
.margin-left-10 {margin-left:10px;}
.margin-left-15 {margin-left:15px;}
.margin-left-20 {margin-left: 20px;}
.margin-left-30 {margin-left: 30px;}
.margin-left-33 {margin-left: 33px;}
.margin-left-50 { margin-left: 50px;}

.margin-right-7 {margin-right: 7px;}
.margin-rigth-10 {margin-right: 10px;}
.margin-rigth-30 {margin-right: 30px;}

.margin-bottom-12 { margin-bottom: 12px;}
.margin-bottom-20 { margin-bottom:20px; }
.margin-bottom-50 { margin-bottom:50px; }

.round-50{ border-radius: 50% 50% !important; }

.float-left {float: left;}
.float-right {float: right;}

.timebar {width:309px; height: 26px; background:url("/theme/at/image/img/sumnail/timebar.png"); margin:0;}

.view-more-category {width:148px; height: 38px; line-height: 38px; margin: auto; margin-top:100px; text-align: center; background:#5f5f6b; border:1px solid #fff; border-radius: 4px 4px ; color: #fff;}


.today-badge-number {color:#fff; font-size: 30px; position: absolute; z-index: 11; top:14px; left: 27px;}
.today-badge {position: absolute; z-index: 10; top:9px; left: 9px;}


/*무야호*/

.main-banner-wrap button {display:none;}
.category-sub-select {width:178px; height: 27px; line-height: 27px; border-radius: 2px; background-color: #8f8f9f; color: #fff; text-align: center; margin-top:7px;}

.button-round-orange {height: 23px; line-height: 23px; text-align: center; background: linear-gradient(to left,#ffaa3d, #fe7555); border-radius: 4px 4px; color: #fff;}
.button-round-sky {height: 30px; line-height: 30px; padding-left: 10px; padding-right: 10px ; margin: auto; margin-top:100px; text-align: center; background: linear-gradient(to left,#35d4d8, #03d9b5); border-radius: 4px 4px; font-size:16px; font-weight:300; color: #fff;}

.category-tag {width:300px; height: 30px; line-height: 30px; margin-left:5px; padding-left: 10px; padding-right: 10px; text-align: center; background:#6a6982; border-radius: 4px 4px; font-size:16px; font-weight:300; color: #fff;}

.div-round-border {border:1px solid #eee; border-radius: 14px 14px;}
.div-round-sky {height: 23px; line-height: 23px; text-align: center; background: linear-gradient(to left,#35d4d8, #35d4d8); border-radius: 14px 14px; padding:5px; margin-left:15px; color: #fff;}

.tab-menu-text {float: left; width:20%; height: 40px; line-height: 42px;color:#fff; text-align: center;}

#detail-tab-menu .on {border-bottom: 3px solid #02cdc9; font-size:20px;}
#detail-tab-menu .off {font-size:20px; vertical-align: sub;}

/* 타이머 */
.timer{display:flex; align-items: center; justify-content: center;}
.timer > span.at{font-size: 50px; font-weight: 500; height: 70px; line-height: 70px;}
.clock{display: flex; justify-content: center; align-items: center; margin:0 10px; font-size: 50px;}
.clock > em{display: inline-block; font-style: normal; width:50px; height:70px; line-height: 70px; text-align: center; vertical-align: middle; background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 100%) #333; box-shadow: 0 0 10px 0px rgb(0, 0, 0, 1); border-radius: 4px; margin:0 3px; font-size: 50px; font-weight: 600;}

#timer-info {width:70px;margin-top:30px;}
/*타이머 끝 */

/* 상세페이지 - 가격정보 영역 */
#order {width:250px; background: #fff; }
#order .tab-menu {padding: 20px; text-align: left; max-height: calc(100vh - 100px - 50px); overflow-y: scroll;}
#order .tab-menu::-webkit-scrollbar {
    width: 10px;
}
#order .tab-menu::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
}
#order .tab-menu::-webkit-scrollbar-track {
    background-color: transparent;
}
#order .tab-menu .tmTop{position: relative;}
#order .tab-menu .tm-tag {font-size: 0; margin: -3px 0 0 -5px;}
#order .tab-menu .tm-tag .tag-span {display: inline-block; vertical-align: top; margin: 3px 0 0 5px; padding: 0 7px; font-size: 12px; color: #fff; letter-spacing: -0.075em; border-radius: 4px;}
#order .tab-menu .tm-title {margin-top: 10px; font-size: 26px; color: #212121; font-weight: 700; line-height: 30px; letter-spacing: -0.075em;}
#order .tab-menu .tm-desc {margin-top: 10px; font-size: 16px; color: #999999;  line-height: 20px; letter-spacing: -0.075em;}
#order .tab-menu .tmTop .tm-desc{margin-top: 11px; line-height: 30px;}

#order .tab-menu .tm-hr {margin: 15px 0; height: 1px; background: #eeeeee;}
#order .tab-menu .tm-discount {margin-bottom: 5px; font-size: 0;}
#order .tab-menu .tm-discount span {font-size: 14px; font-weight: 700; line-height: 14px; letter-spacing: -0.05em;}
#order .tab-menu .tm-discount span.tmd-orig {color: #babec1; text-decoration: line-through;}
#order .tab-menu .tm-discount span.tmd-rate {color: #fd6a59;}
#order .tab-menu .tm-discount span + span {padding-left: 8px;}
#order .tab-menu .tm-price {font-size: 35px; color: #212121; font-weight: 700; letter-spacing: -0.05em; line-height: 100%;}
#order .tab-menu .tm-benefit {margin-top: 15px; border: 1px solid #eeeeee; border-radius: 4px; overflow: hidden;}
#order .tab-menu .tm-benefit .tmb-header {font-size: 0; padding: 11px 15px; display: flex;}
#order .tab-menu .tm-benefit .tmb-header .imb-title {font-size: 14px; color: #999999; font-weight: 700; line-height: 20px; letter-spacing: -0.075em;}
#order .tab-menu .tm-benefit .tmb-header .imb-title b {color: #212121;}
#order .tab-menu .tm-benefit .tmb-header .ico-tmb {width: 20px; height: 20px; margin-left: 6px; background: url('../image/images/btn_ico_question.png') no-repeat center center;}
#order .tab-menu .tm-benefit .tmb-cont {padding: 19px 15px; background: #eeeeee;}
#order .tab-menu .tm-benefit .tmb-cont .benefit-li {display: flex; justify-content: space-between; align-items: center;}
#order .tab-menu .tm-benefit .tmb-cont .benefit-li + .benefit-li {margin-top: 10px;}
#order .tab-menu .tm-benefit .tmb-cont .benefit-li .bl-name,
#order .tab-menu .tm-benefit .tmb-cont .benefit-li .bl-discount {font-size: 14px; color: #919191; font-weight: 700; line-height: 100%;}
#order .tab-menu .tm-benefit .tmb-cont .benefit-li.li-main .bl-name {color: #212121;}
#order .tab-menu .tm-benefit .tmb-cont .benefit-li.li-main .bl-discount {color: #fd6a59;}

#order .tab-menu .tm-share {display: flex; margin: 13px -5px 0;}
#order .tab-menu .tm-share .share-btn {flex: 1; margin: 0 5px; height: 32px; background: transparent; border: 1px solid #eeeeee; border-radius: 16px;}
#order .tab-menu .tm-share .share-btn span {padding-left: 18px; line-height: 30px; background-repeat: no-repeat; background-position: left center; background-image: url('../image/images/btn_ico_heart.png'); background-size: auto auto; font-size: 14px; color: #999999; font-weight: 700;}
#order .tab-menu .tm-share .share-btn.type-like.active{border-color: #fd6a59;}
#order .tab-menu .tm-share .share-btn.type-like.active span{background-image: url('../image/images/btn_ico_heart_on.png');}
#order .tab-menu .tm-share .share-btn.type-share span {background-image: url('../image/images/btn_ico_share.png');}
#order .tab-menu .tmTop .tm-share{position: absolute; right: 0; bottom: 0; margin: 0;}
#order .tab-menu .tmTop .tm-share .share-btn{margin-right: 0; width: 33px;}
#order .tab-menu .tmTop .tm-share .share-btn span{display: block;font-size: 0; background-position: center;}
#order .tab-menu .tmTop .tm-share.open .share-btn.type-share{border-color: #fd6a59;}
#order .tab-menu .tmTop .tm-share.open .share-btn.type-share span{background-image: url('../image/images/btn_ico_share_on.png');}
#order .tab-menu .tmTop .dropdown-menu{min-width: auto; left: auto; right: 0; white-space: nowrap; padding: 5px; border: 1px solid #fd6a59; border-radius: 0; font-size: 0;}
#order .tab-menu .tmTop .dropdown-menu .share-sns{display: inline-block; vertical-align: top;}
#order .tab-menu .tmTop .dropdown-menu .share-sns a{display: inline-block; vertical-align: top; width: 20px; margin-right: 2px;}
#order .tab-menu .tmTop .dropdown-menu .share-sns a img{width: 100%;}
#order .tab-menu .tmTop .dropdown-menu .share-rec{display: inline-block; vertical-align: top; width: 20px; height: 20px; line-height: 20px; font-size: 12px; text-align: center; color: #fff; background-color: #fdab29;}

#order .tab-menu .tm-option {margin-top: 23px; border: 1px solid #eeeeee; border-radius: 4px; overflow: hidden;}
#order .tab-menu .tm-option .tmo-header {font-size: 0; padding: 11px 15px;}
#order .tab-menu .tm-option .tmo-header p {font-size: 14px; color: #212121; font-weight: 700; line-height: 20px; letter-spacing: -0.075em;}
#order .tab-menu .tm-option .tmo-header p .fc-point {color: #fd6a59; font-weight: 400;}
#order .tab-menu .tm-option .tmo-body .get_item_options .select select::-ms-expand { display: none;}
#order .tab-menu .tm-option .tmo-body .get_item_options .select select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 10px 18px; width: 100%; background: url('../image/images/arrow_down.png') no-repeat right 13px center #eeeeee; background-size: 9px auto; border: 0 none; font-size: 14px; color: #555555; line-height: 20px;}
#order .tab-menu .tm-option-result {margin-top: 10px; border: 1px solid #eeeeee; border-radius: 4px; overflow: hidden;}
#order .tab-menu .tm-all-price-box {display: flex; justify-content: space-between; align-items: center; padding: 10px; background: #eeeeee;}
#order .tab-menu .tm-all-price-box .tapb-title {font-size: 16px; color: #212121; font-weight: 700; line-height: 20px; letter-spacing: -0.075em;}
#order .tab-menu .tm-all-price-box .tapb-price {margin: 0 0 0 0; font-size: 20px; color: #fd6a59; font-weight: 700; line-height: 20px; letter-spacing: -0.075em;}
#order .tab-menu .tm-all-price-box .tapb-price span {display: none;}
#order .tab-menu .tm-buy-btn {margin-top: 20px;}
#order .tab-menu .tm-buy-btn .tmb-btn {display: block; padding: 15px 10px; width: 100%; height: 50px; border: 0 none; border-radius: 25px; background: #eee; font-size: 20px; color: #ffffff; font-weight: 500; line-height: 100%; text-align: center; letter-spacing: -0.075em;}
#order .tab-menu .tm-buy-btn .tmb-btn:not(:first-child) {margin-top: 6px;}
#order .tab-menu .tm-buy-btn .tmb-btn.type-buy {background-color: #fd6d58;}
#order .tab-menu .tm-buy-btn .tmb-btn.type-cart {background-color: #02c7d2;}
#order .tab-menu .tm-buy-btn .tmb-btn.mobile {display: none;}
/* 상세페이지 - 가격정보 영역 끝 */

/* 상세페이지 - 하단 정보 영역 */
.info-align-wrapper.type-detail-info {justify-content: flex-start; margin-top: 55px;}
.info-align-wrapper.type-detail-info .info_area {margin: 0 0 0 0; padding: 0 0 50px;}
/* 상세페이지 - 하단 정보 영역 끝 */

/* 상세페이지 - TD추천 티칭 일부 */
.detail-td {margin-top: 60px;}
.detail-td .detail-td-header-inner {display: flex; align-items: center; justify-content: space-between;}
.detail-td .detail-td-header-inner .dthi-title {font-size: 30px; color: #ffffff; font-weight: 700; line-height: 100%; letter-spacing: -0.075em;}
.detail-td .detail-td-header-inner .dthi-button {margin: 0 0 0 0;}
.detail-td .detail-td-header-inner .dthi-button .sw_nav_btn {font-size: 20px; color: #ffffff; line-height: 100%; font-weight: 700;}
.detail-td #recommend {margin-top: 25px;}
/* 상세페이지 - TD추천 티칭 일부 끝 */

.reply_text {width:240px; color:#333436; margin:auto;}
.detail-tab-menu {float: left; color:#666; background: linear-gradient(to left,#fff, #fff); outline:1px solid #a9a9a9;}
.lecture-index {float: left; color:#666; /*  background: linear-gradient(to left,#fff, #fff); */ outline:1px solid #989898;}
/*  background: linear-gradient(to left,#fff, #fff); 커리큘럼 active 오류로 수정 22.09.16 */

.detail-more-view {position: absolute; left:0; bottom: 0; width: 100%;  height: 53px; line-height: 53px; background: linear-gradient(to left,#01dab5, #02c6d3); opacity: 0.8; box-shadow: 3px 0px 10px rgba(0,0,0,0.5); font-size: 20px; color: #fff; cursor: pointer;}
.detail-more-view-orange {background: linear-gradient(to left,#fd6a59, #fdb438);}

.radius-24 {border-radius: 24px 24px;}

.background-color-sky {background-color: #02c6d2;}
.background-color-gray {background-color: dimgray;}
.list-scroll::-webkit-scrollbar {width: 4px; background-color: #333;}
.list-scroll::-webkit-scrollbar-thumb {background-color: #818181;}

.select-option-color { background-color: #8f8f9f;}
.select-option-color2 { background-color: #fff;}
/* IE 10, 11의 네이티브 화살표 숨기기 */
.selectbox {position: relative; z-index: 1; width:100%; border: 0; font-size: 12px; font-weight: 300; color:#fff; padding-left: 10px;background: url(/theme/at/image/images/arrow_down_white.png) no-repeat 95% 50%;}

/* 가상 선택자를 활용 화살표 대체 */
.selectbox:before {content: ""; position: absolute; top: 50%; right: 15px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #333;}
.selectbox label {position: absolute; top: 1px; left: 5px; padding: .8em .5em; color: #999; z-index: -1;}
.selectbox select {width: 100%; height: auto;  /* 높이 초기화 */ line-height: normal;  /* line-height 초기화 */ font-family: inherit;  /* 폰트 상속 */ padding: .8em .5em;  /* 여백과 높이 결정 */ border: 0; opacity: 0;  /* 숨기기 */ filter:alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none;}

.list-content:hover {background-color: #595959;}

.player-title {position: relative; margin-top:150px;padding-left:0px;}
.player-tag {height: 24px; line-height: 24px; text-align: center; padding-right: 10px; padding-left: 10px; border-radius: 4px; background: linear-gradient(to left,#35d4d8, #03d9b5);}


.align-around {display: flex;flex-direction: row; justify-content:space-around;}
.align-around2 {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-content: space-around;}


.detail-more-view-sky { position: absolute; left:0; bottom: 0; width: 100%;  height: 53px; line-height: 53px;  ; background: linear-gradient(to left,#34d7d4, #34e0c8); opacity: 0.9; box-shadow: 0px -1px 7px grey;}

.list-sumnail-no {position:absolute; top:3px; left: 14px; width:40px; height: 18px; line-height: 18px; border-radius: 3px; background-color: #fff; color: #212121;}
.list-sumnail-time {position:absolute; top:59px; left: 60px; width:66px; height: 18px; line-height: 18px; border-radius: 3px; background-color: #212121; color: #fff;}
.list-sumnail-lock {position: absolute;  left: 10px; top: 0px;}
.hide-sumnail { display:none; }

.reply-list-bg {float: left;width: 387px; height:386px;border-radius: 4px 4px; background-color: #c3e7e8; text-align: center; padding-top:10px;}


.category-list-title {height: 50px; line-height: 50px; margin-top:50px; width:1620px; color: #fff; font-size: 20px; text-align: left; font-weight: bold;}
.category-list-item {width:252px; font-size:12px;}
.category-list-item:nth-child(n+7) { margin-top:50px;}
/*#category_slide_left { position:absolute; top:120px; right:150px; z-index:10; cursor:pointer;}*/
/*#category_slide_right { position:absolute; top:120px; right:108px; z-index:10; cursor:pointer;}*/

.hidden-block { width:100%; height:50px;display:none;}

.ellipsis{white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}

.c_recommend {margin-top: 20px;word-break: keep-all;}
.c_recommend .slick-slide{margin: 0 5px;}
.c_recommend .c_thumb{margin-bottom: 10px;}
.c_recommend .c_thumb img{max-width:100%;width: unset;height: unset;}

.cc_btn01{
    border: 1px solid #d5d5d5;
    padding: 3px 15px;
    color: #656565;
    font-size: 15px;
    margin: 10px 0;
    background: #fff;
    width: 100%;
}
.cc_btn01:hover{
    background: #FF4848;
    border-color: #FF4848;
    color: #fff;
}

/* 반응형 MEDIA QUERY */
@media all and (min-width:1650px) {
    #roundslide_wrap{left: -12.5px;}
}

@media all and (max-width:1620px) {
    /* HEADER MENU */
    #top_menu_left{padding-left: 20px;}
    #top_menu_right{padding-right: 20px;}

    #pc_search_bar{ left: 366px; /* left: 320px;*/ width: 250px; background: none !important;}
    #pc_search_bar .top_search{background-color: rgba(21,20,38,.5); border: 1px solid #fff; border-radius: 23px; padding-left: 16px;}
    #pc_search_bar .eyoom-form .btn{top: 10px; right: 16px;}

    #button_class{font-size: 14px;}
    #top_menu_right .menu-text{padding-left: 18px; font-size: 14px;}
    #top_menu_right .sns_area{margin-left: 18px; margin-right:30px;}

    /* footer */
    #footer .footer_top .inner,#logo_footer{padding: 0 20px;}
    .site-info{padding: 0 20px 60px;}
    .main_title.typeRound{padding: 70px 20px 58px;}
    .main-container .slick-slider{margin: 0 -20px;}
    .main-container .slick-slider .slick-list{padding-left: 20px;}
    .main-container .slick-slide{margin-right: 20px;}

    .new_list{margin-left: -1.55%;}
    .new_list .newitem{width: 23.45%; margin-left: 1.55%; min-width: inherit;}

    #recommend .recommend_list{margin-left: -1.4%;}
    #recommend .recommend_list .recommend-list-item{/*width: 23.6%;*/ margin-left: 1.4%;}
    #recommend .recommend_list .recommend-list-item:first-child{margin-left: 1.4%;}

    #update{padding: 0 20px;}
    #update .update_list{margin-left: -1.04%;}
    #update .update_list .update-list-item {margin-left: 1.04%;}
    #update-list-item {width:15.62%;}
    .update-list-item {width:15.62%;}

    #roundslide .roundslide-list-item a .txt_area .txt{font-size: 14px; line-height: 18px; max-height: 36px; margin-bottom: 20px;}
    #roundslide .roundslide-list-item a .txt_area strong{font-size: 30px; line-height: 34px; height: 68px; margin-bottom: 20px;}

    #replyslide{padding: 0 20px;}
    #replyslide .replyslide-list-item {height: auto;  }
    #replyslide .replyslide-list-item img{width: 100%;}

    #banner-5{padding: 0 20px;}
    #banner-5 img{width: 100%; height:  auto;}
}

/* 태블릿 701 ~ 1250 */
@media all and (min-width:701px) and (max-width:1250px) {

    .view-pc { display: none !important;}
    /* .view-tablet { float:right;} */
    .view-mobile { display:inline-block !important;}
    .outline{ outline: var(--outline-px) solid yellow;}
    input:focus { outline:none !important;}

    #at-wrap { width:100%;padding: 0 10px;}


    #top_logo{width: 94px; height: 92px; background-size: contain;}

    #button_class { width:110px; height: 38px; line-height: 38px;font-size: 20px; font-weight: 400;}
    #button_login { width:90px; height: 38px; line-height: 38px; margin-left: 18px; font-size: 20px; font-weight: 400;}
    #top_menu_right .menu-text{font-size: 20px; line-height: 38px;}
    #top_menu_right .menu-text.view-m{display: inline-block;}
    #top_menu_right .sns_area{width: 50px; margin: -6px 0 0 14px;}
    #top_menu_right .sns_area #button_sns {height: 50px; background-size: contain;margin-right:7px;}
    .top_sns_bg{top: 50px; left: 0; box-shadow:none}
    .top_sns_bg a{width: 40px;}

    #pc_search_bar{display: none;}
    #mobile-search{position: relative; display: block !important; width:100%; padding: 0 20px;}
    #mobile-search .input_area{position: relative; border: 1px solid #fff; border-radius: 35px; padding-right: 60px;}
    .top_search {display: block; width: 100%; height: 60px; font-size: 20px; padding: 0 0 0 28px; letter-spacing: -0.03em; border: 0px; background-color: transparent; color: #999; box-sizing: border-box;}
    #mobile-search .btn_srch{position: absolute; top: 14px; right: 47px;}

    /* 메인페이지 */
    .main-banner-wrap{margin-bottom: 25px;}
    .main-banner-wrap .btn-edit-mode .btn-e-dark{display: none !important;}
    #main-slide-left {left: 20px;}
    #main-slide-left span{width: 60px; height: 60px; background-image: url(../image/img/button/main_slide_left3.png);}
    #main-slide-right {right: 20px;}
    #main-slide-right span{width: 60px; height: 60px; background-image: url(../image/img/button/main_slide_right3.png);}

    .es-shop-basic-in .es-shop-basic .es-shop-basic-item a{display: block; position: relative; height: auto; padding-bottom: 457px;}
    .es-shop-basic-in .es-shop-basic .es-shop-basic-item a img{position: absolute;top: 0;left: 0;right: 0;bottom: 0; width: 100%; height: 100%; object-fit: cover;}

    #main-category {width: 100%; padding: 0 64px; margin-top: 36px;}

    .main_title{padding: 50px 20px 15px;}
    .main_title h3{font-size: 26px; line-height: 36px;}
    .main-list-title{font-size:26px; margin-top: 40px;}
    .slide-button{margin-top: 10px;}

    .main_title.typeRound{padding: 45px 20px 20px;}

    .main_title.typeNew{padding-top: 77px;}

    .main-container::-webkit-scrollbar{width:4px;}
    .main-container::-webkit-scrollbar-thumb{height: 17%; background-color: rgba(33,133,133,1); border-radius: 10px;}
    .main-container::-webkit-scrollbar-track{background-color: rgba(33,133,133,0.33);}

    .main-container .main-slide-type1{width: 1620px;}
    .main-container .slick-slide .newitem .img_area .top_label{left: 9px; width: 43px; height: 50px; line-height: 38px; font-size: 26px; background-size: contain;}
    .todaybar{height: 24px; line-height: 24px; padding-left: 26px;}
    .todaybar .time{font-size: 12px;}
    #at-wrap #package-list .todaybar .icon, #at-wrap .todaybar .icon{width: 13px; left: 7px; top: 3px;}

    .newitem .category{margin: 16px 0 5px;}
    .newitem .itemInfo{margin-top: 5px;}
    .newitem .itemInfo span{line-height: 24px;}
    .newitem .itemInfo .price{font-size: 16px; line-height: 24px;}
    .box-ball {width: 24px; height: 24px;}
    .newitem .itemInfo .box-ball{line-height: 22px;}

    #today-top .slick-slide:nth-child(3) .newitem{display: block;}

    /* #update::-webkit-scrollbar{width:4px;}
    #update::-webkit-scrollbar-thumb{height: 17%; background-color: rgba(33,133,133,1); border-radius: 10px;  	}
    #update::-webkit-scrollbar-track{background-color: rgba(33,133,133,0.33);} */


    .category-slide { padding-left: 0px; }

    /*상품이미지*/
    .main-list-item { width:276px !important;}
    .main-list-item .product-sumnail { width:100%}

    .newitem-list-item { width:276px !important;}
    .newitem-list-item .product-sumnail { width:100%}
    .recommend-list-item .product-sumnail { width:100%}
    .update-list-item .product-sumnail { width:100%}

    .reply_thumbnail_wrap{padding-bottom: 530px;}

    #package { width:100%;}
    #newitem { width:100%;}

    #free { width:100%;}
    #todaytop { width:100%;}


    #banners_bottom { width:100%;}
    #banners_bottom img { width:100%;}

    #banner_01 { content: url("/theme/at/image/img/banner/allBanner_iPAD.jpg"); width:100%; margin-top:56px}
    #search_hp { content: url("/theme/at/image/img/button/searchbar_moblie.png"); width:100%;}

    #site_info { text-align: center;}
    .site-info { text-align: center;}
    #logo_footer { text-align: center;}
    #play-list-mobile { width:100%;}
    /*영상 리스트*/
    #sumnail-list { height: 270px; }
    /* #play-list { height: 373px;} */
    /*373*/
    #play-list2 { height: 173px;} /*373*/
    #play-list3 { height: 373px;} /*373*/
    /*컨텐츠 보기*/
    .sumail-list{ width:100%; }

    #list-content { width:50%;}
    #list-content2 { }

    #player { width:100%;}
    #play-info { width:100%;}

    .tab-menu { width:100%;}

    /*#product-sumnai-info { top:373px;}*/
    #price_total { float: right;}

    #button_member_join { display: none;}
    #button_support { display: none;}

    #sumnail-list2 { height: 270px; display:flex; width:100%;}
    #play-list3 {padding-left: 0px;}
    #sumnail-list-movie{ padding-left: 0px;}
    #sumnail-list-movie img { width:100%;}
    #play-list-pc { width:0;}

    #main-category2 .font-16{font-size:12px}

    /*0418*/
    .category-list-item { width:25%;}
    /*.category-list-item img{ width:98%; }*/
    #category-top-img{width:1920px; height: 300px; margin-left:-10px;}
    .view-more-category {width:100%;}
    .category-list-width100 { width:100%; }
    /* 0426 */
    #tag-slider{ width:93%; }

    /* 220816 추가 */
    #at-wrap.type-sub .main_title{padding: 50px 0 15px;}
    #at-wrap.type-sub #recommend{padding: 0;}
} /*타블렛*/

@media all and (max-width:1000px) {
    #footer .footer_top .inner ul{float: none; margin-left: 0; text-align: center;}
    #footer .footer_top .inner ul li{margin: 0 20px;}
    #footer .footer_top .inner ul li a{font-size: 14px;}
    .site-info p{text-align: center;}

    .main-container .main-slide-type1{width: auto;}
    .main-slide-type1 img {border-radius:4px; width:100% ;height:auto;}

    #view_detail{display: none;}

    /* 메인페이지 */

    .new_list{margin-left: -4.07%;}
    .new_list .newitem{width: 45.93%; margin-left: 4.07%; padding-bottom: 50px;}
    #new_list + .main_title{padding-top: 0;}

    #recommend .recommend_list{margin-left: -4.07%;}
    #recommend .recommend_list .recommend-list-item{/*width: 45.93%; */margin-left: 4.07%; padding-bottom: 34px;}
    #recommend .recommend_list .recommend-list-item:first-child{margin-left: 4.07%;}

    .roundslide-list-item{position: relative;}
    #roundslide .roundslide-list-item .mobile_on{display: block; position: absolute;top: 0;left: 0;right: 0;bottom: 0; font-size: 0; border: none; background-color: transparent; z-index: 5; }
    #roundslide .roundslide-list-item .mobile_on.active{display: none;}

    #update .update_list{margin-left: -2.1%;}
    #update .update_list .update-list-item {margin-left: 2.1%; padding-bottom: 30px;}
    #update-list-item {width:22.9%;}
    .update-list-item {width:22.9%;}
    .update-list-item .newitem .category{margin: 15px 0 2px;}
    .update-list-item .newitem .p-sumnail-title{line-height: 1;}

    .replyslide-list-item .reply_item_wrap{top: 8%; left: 5.2%;}
    .comment_wrap{bottom: 11.4%;}
    #replyslide .slick-dots{margin-top: 17px;}

    #banner-5{margin-top: 27px;}
}

/*스마트폰 코코넛*/
@media all and (min-width:320px) and (max-width:700px) {
    .m-menu-content{display:inline-block;}
    .view-pc { display: none !important;}
    .view-mobile { display:inline-block !important;}
    .outline{ outline: var(--outline-px) solid yellow;}
    input:focus { outline:none !important;}

    header .left_menu{
        gap:8px;
    }

    #logosong img{
        width:94px;
    }


    /* 메인페이지 */
    #main-slide-left {left: 0;}
    #main-slide-left span{width: 30px; height: 30px; background-image: url(../image/img/button/main_slide_left3.png); background-size: contain;}
    #main-slide-right {right: 0;}
    #main-slide-right span{width: 30px; height: 30px; background-image: url(../image/img/button/main_slide_right3.png); background-size: contain;}

    #main-category {position: relative; width: 100%; margin-top: 5px; padding: 0 13px;}
    #main-category2{display: block; white-space: nowrap; overflow-x: auto; padding-bottom: 3px;}
    #main-category2::-webkit-scrollbar{height: 4px;}
    #main-category2::-webkit-scrollbar-thumb{height: 4px; background-color: rgba(33,133,133,1); border-radius: 2px;}
    #main-category2::-webkit-scrollbar-track{background-color: rgba(33,133,133,0.33);}
    #main-category2 div.category-item-margin{display: inline-block; vertical-align: top; width: 25%;}
    #main-category2 .image{width: auto; height: 60px; margin: 0 auto;}
    #main-category2 div.category-item-margin .ctg_txt{padding-top: 10px; font-size: 14px; line-height: 18px; white-space: normal; letter-spacing: -0.03em;}
    #main-category2 div.category-item-margin .ctg_txt02{white-space: normal; word-break: keep-all;}

    #main-category .category-slide-button{margin-bottom: 0; width: 13px; position: absolute; top: 48px;}
    #main-category #prev-category-left{left: 0;}
    #main-category #prev-category-right{right: 0;}

    .main_title{padding: 37px 0 6px;}
    .main_title h3{font-size: 20px; line-height: 30px;}
    .slide-button{margin-top: 12px;}
    .main_title .slide-button img{width: 15px; height: 15px; margin-left: 10px; display: none !important}
    .main_title .slide-button .more{font-size: 13px; line-height: 18px;}

    .main_title.typeRound{padding: 25px 0 8px;}
    .main_title.typeNew{padding: 50px 14px 0;}
    .main_title.typeNew02{padding: 14px}

    .main-list-title{font-size:22px;margin-top: 28px; margin-bottom: 7px;}

    .main-container{padding: 0;}
    .main-container .slick-slider{margin: 0;}
    .main-container .slick-slider .slick-list{padding-left: 0; margin: 0 -5px;}
    .main-container .slick-slide{margin: 0 5px;}

    .main-container .myClass .slick-slider .slick-list{padding-left: 0; margin: 0 -4px;}
    .main-container .myClass .slick-slide{margin: 0 4px;}

    .todaybar{padding-left: 42px; height: 40px; line-height: 40px; font-size: 14px;}
    .todaybar .time{font-size: 14px; padding-right: 10px;}
    #at-wrap #package-list .todaybar .icon, #at-wrap .todaybar .icon{width: 18px; height: 20px; left: 15px; top: 10px;}

    .newitem .category{margin: 23px 0 6px; font-size: 14px;}
    .newitem .p-sumnail-title {line-height: 24px; height: auto; max-height: 48px;}
    .newitem .itemInfo{margin-top: 7px;}
    .newitem .itemInfo .price{font-size: 16px; line-height: 26px;}
    .newitem .itemInfo span{font-size: 16px; line-height: 26px;}
    .newitem .itemInfo .period{font-size: 16px; padding: 0 6px 0 5px;}
    .box-ball {width:26px; height:26px; line-height:26px;}
    .newitem .itemInfo .box-ball{line-height: 24px;}
    .newitem .itemInfo02 {padding-top: 10px;}

    .myClass .newitem .category{margin: 14px 0 3px; font-size: 10px; line-height: 16px;}
    .myClass .newitem .p-sumnail-title{font-size: 12px; line-height: 16px; max-height: 32px; height: 32px;}
    .myClass .newitem .itemInfo .price{font-size: 12px; line-height: 20px;}
    .myClass .newitem .itemInfo span{font-size: 12px; line-height: 20px;}
    .myClass .newitem .itemInfo .period{font-size: 12px; padding: 0 4px;}
    .myClass .box-ball {width:20px; height:20px; line-height:20px;}
    .myClass .newitem .itemInfo .box-ball{line-height: 18px;}
    .myClass .newitem .itemInfo02 {padding-top: 4px;}

    #today-top .slick-list{margin: 0 -6px;}
    #today-top .slick-slide{margin: 0 6px;}
    .main-container .slick-slide .newitem .img_area .top_label{top: 7px; left: 7px; width: 35px; height: 41px; line-height: 34px; font-size: 21px; background-size: contain;}
    #today-top .newitem .category{margin: 10px 0 0; font-size: 12px;}
    #today-top .newitem .p-sumnail-title{font-size: 14px; line-height: 16px; max-height: 32px; height: 32px;}
    #today-top .newitem .itemInfo{margin-top: 8px;}
    #today-top .newitem .itemInfo .price{font-size: 14px; line-height: 20px;}
    #today-top .newitem .itemInfo span{font-size: 14px; line-height: 20px;}
    #today-top .newitem .itemInfo .period{font-size: 14px;}
    #today-top .box-ball {width:20px; height:20px; line-height:20px;}
    #today-top .newitem .itemInfo .box-ball{line-height: 18px;}
    #today-top .newitem .itemInfo02 {padding-top: 3px;}

    #roundslide {left: 0;}
    #roundslide .slick-list{margin: 0 -9px;}
    #roundslide .slick-slide{margin: 0 9px;}
    #roundslide .roundslide-list-item a .txt_area .txt{font-size: 11px; line-height: 15px; max-height: 30px; margin-bottom: 10px;}
    #roundslide .roundslide-list-item a .txt_area strong{font-size: 20px; line-height: 24px; height: 48px; margin-bottom: 10px;}
    #roundslide .roundslide-list-item a .txt_area .btn{width: 100px; font-size: 12px; height: 26px; line-height: 24px;}

    #today-sale { width:100%;}

    #newitem .newitem-list-item { width:412px;}
    .new_list{margin-left: 0;}
    .new_list .newitem{width: 100%; margin-left:0; padding: 17px 0 30px;}
    .new_list li.newitem:nth-child(3),
    .new_list li.newitem:nth-child(4){display: none;}

    #recommend{padding: 0;}
    #recommend .recommend_list{margin-left: 0; gap:0}
    #recommend .recommend_list .recommend-list-item{width: 100%; margin-left: 0; padding: 10px 0 13px; overflow: hidden;}
    #recommend .recommend_list .recommend-list-item:first-child{margin-left: 0;}
    #recommend .recommend_list .recommend-list-item:nth-child(3),
    #recommend .recommend_list .recommend-list-item:nth-child(4){display: none;}
    .recommend-list-item .item_wrap{bottom: 35px; padding: 0 35px;}
    #recommend .newitem .category{margin-top: 0;}
    #today-top .newitem .itemInfo{margin-top: 11px;}
    #today-top .newitem .itemInfo .price{font-size: 22px; line-height: 32px;}
    #today-top .newitem .itemInfo .price.origin{font-size: 13px; line-height: 18px;}
    #today-top .newitem .itemInfo .price.origin span{font-size: 13px; line-height: 18px;}
    #today-top .newitem .itemInfo span{font-size: 17px; line-height: 32px;}
    #today-top .newitem .itemInfo .period{font-size: 15px; padding-right: 8px;}
    #today-top .box-ball {width:32px; height:32px; line-height:32px;}
    #today-top .newitem .itemInfo .box-ball{line-height: 30px; background: linear-gradient(to left,#fdb438, #fd6a59);}
    #recommend .newitem .itemInfo02{padding-top: 5px;}
    #recommend .newitem .itemInfo02 span{font-size: 13px;}

    #rolling-banner.main-container{padding: 40px 0; margin: 0 -10px; width: auto; max-width: inherit;}


    #update{padding: 0; margin-bottom: 36px;}
    #update .update_list{margin-left: 0; padding:0 14px}
    #update .update_list .update-list-item {position: relative; margin-left: 0; padding: 6px 0 0 195px; min-height: 132px;}
    #update-list-item, .update-list-item {width:100%;}
    #update .update_list .update-list-item .img_area{width: 180px; position: absolute; top: 6px; left: 0;}
    /* #update .newitem .img_area a{display: block; height: 0; padding-bottom: 126px;} */
    #update .newitem .img_area a img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%; height: 100%; object-fit: cover;}
    #update .newitem .category{margin: 0; padding: 4px 0 8px; font-size: 12px;}
    #update .newitem .p-sumnail-title{line-height: 20px; max-height: 40px;}
    #update .newitem .itemInfo{margin-top: 8px;}
    #update .newitem .itemInfo .price{font-size: 16px; line-height: 22px;}
    #update .newitem .itemInfo span{font-size: 14px; line-height: 22px;}
    #update .newitem .itemInfo .period{font-size: 14px;}
    #update .box-ball {width:22px; height:22px; line-height:22px;}
    #update .newitem .itemInfo .box-ball{line-height: 20px;}


    #replyslide {width: auto; padding: 0;}
    .reply_thumbnail_wrap{position: absolute; top: 0; left: 0;padding-bottom: 575px;}
    /* .slick-slide .reply_thumbnail_wrap img{display: none;} */
    .replyslide-list-item .reply_item_wrap{position: relative; top: auto; left: auto; right: auto; padding: 25px;}
    .reply_item_wrap .newitem .category{font-size: 13px; line-height: 17px;}
    .reply_item_wrap .newitem .p-sumnail-title{padding: 2px 0 0; font-size: 17px; line-height: 21px; max-height: 42px;}
    .reply_item_wrap .newitem .itemInfo {margin-top: 10px;}
    .reply_item_wrap .newitem .itemInfo .price{font-size: 21px;}
    .reply_item_wrap .newitem .itemInfo .period{font-size: 15px;}
    .reply_item_wrap .newitem .itemInfo02{padding-top: 7px;}
    .view_lecture_button{position: static; top: auto; right: auto; margin-top: 15px;}

    .replyslide-list-item .reply_item_wrap .p-sumnail-title{width: auto;}
    .replyslide-list-item .reply_item_wrap .view_lecture_button{display: block; top: auto;}
    #replyslide .replyslide-list-item img{width: 102px;}
    #replyslide .replyslide-list-item .reply_thumbnail_wrap img{width: 100%;}

    .comment_wrap{position: relative;top: auto; left: auto; right: auto; bottom: auto; padding: 2px 25px 29px 38px;}
    .comment_item {padding: 10px 15px 7px;}
    .comment_item p{float: none; width: 100%;}
    .comment_item .right_contents{float: none;margin-top: 8px; padding-top: 6px; border-top: 1px solid #ccc; text-align: left;}
    .comment_item .nickname{font-size:14px; line-height: 21px; padding-right: 14px; margin-right: 10px;}
    .comment_item .nickname:after{height: 12px; top: 4px;}
    .comment_item .review_stars{margin-top: 4px;}
    .review_stars .star{width: 13px; height: 13px; background-size: auto 13px;}
    .review_stars .star.empty{background-position:-13px 0;}

    #replyslide .slick-dots{width: 100%;}

    #banner-5{margin: 36px 0 0 -2px; padding: 0 0 3px; display: block; white-space: nowrap; overflow-x: auto;}
    #banner-5::-webkit-scrollbar{height: 4px;}
    #banner-5::-webkit-scrollbar-thumb{height: 4px; background-color: rgba(33,133,133,1); border-radius: 2px;}
    #banner-5::-webkit-scrollbar-track{background-color: rgba(33,133,133,0.33);}
    /* #banner-5 a{display: inline-block; vertical-align: top; width: calc(50% - 4px); margin: 0 2px;} */

    /*라운드 슬라이드배너*/
    .update-item-info-price{ font-size:14px;}


    /*상품이미지*/
    .main-list-item { width:147px;}
    .main-list-item .product-sumnail { width:100%}

    .newitem-list-item { width:276px;}
    .newitem-list-item .product-sumnail { width:100%}


    #banner_01 { content: url("/theme/at/image/img/banner/edcom_top_banner_m.jpg"); width:100%; margin:30px 0}
    #search_hp { content: url("/theme/at/image/img/banner/searchbar_hp.png"); width:100%;}

    #sitelink { display:none; }

    #today-list-item { width:96%; outline: 0px solid red;}
    #package-list-item { width:96%; outline: 0px solid red;}
    #free-list-item { width:96%; outline: 0px solid red;}
    #newitem-list-item { width:96%; outline: 0px solid red;}

    #my-class { width:100%;}
    #package { width:100%;}


    #banners_bottom { width:100%;}
    #banners_bottom img { width:100%;}


    #title-update {display: none;}
    #play-list-mobile { width:100%;}

    /*컨텐츠 보기*/
    #player { width:100%; margin-bottom: 100px;}
    #player p { font-size: 16px;}
    #play-info { width:100%;}

    #timer-info { float:none; margin:0 auto; height: 20px; display: flex; flex-direction: column; align-items: center; margin-top: 0; }
    #timer-info2 { margin-top:-60px;}

    #list-content { width:100%;}
    .sumail-list{ width:100%; }

    .timer{ margin-top: -20px;}
    .tab-menu { width:100%;}

    #product-sumnai-info { top:70px; left: 20px; font-size: 10px;}
    .p-sumnail-title { font-size: 14px; height:   auto;}
    .td-teaching-sumnail { width:190px;}

    #price_total { float: right;}

    #button_member_join { display: none;}
    #button_support { display: none;}
    .tab-menu-text { font-size: 16px;}

    .reply-list-bg { width:340px;}

    #lecture-reply { font-size:16px;}
    #reply-login { font-size:16px;}

    .dynamic-10 { font-size: 10px;}

    #sumnail-list2 { height: 270px; display:flex; width:100%;}
    #play-list3 {padding-left: 0px;}
    #sumnail-list-movie{ padding-left: 0px;}
    #sumnail-list-movie img { width:100%;}
    #play-list-pc { width:0;}
    #banner_img01{ margin-top:200px;}
    .comment-balloon{ display:none; }

    /*0418*/
    #category-top-img{width:120%; height: 200px; margin-left: -10px;}
    .category-list-item { width:100%;}
    .category-list-item a img{ width:180px; float: left; padding-left:10px;}
    .category-list-item:nth-child(n+0) { margin-top:10px;}
    .category-list-info{ width:46%; float:right; margin:0; padding:0; float:right;}
    .view-more-category {width:100%;}
    #roundslide-list-item img{display: block; margin: 0 auto;}
    .category-list-width100 { width:100%; }

    .hidden-block { display:block; }


    .reply_thumbnail{display: none; width: 100%;}

}





/*--------------- MEDIA QUERY 20230313 :: DSC ---------------*/

/* WRAP이 1200보다 작아지지만 960보다 커서 적용 안되는 부분 (태블릿 가로 버전) */
@media all and (max-width:1200px){
    /* HEADER MEDIA QUERY  */
    header .main_menu_inner,
    .category_menus{
        padding:0 14px;
    }

    .main_title{
        padding:14px;
    }

    .main-container{padding:0 20px}
    #recommend .recommend_list{
        gap:0;
    }
    #recommend .recommend_list .recommend-list-item{
        width: 368px;
    }

}

/* PC ONLY 1201 ~ 최대 */
@media all and (min-width:961px){
    .custom_menu .mobile_only,
    .mobile_human_btn{
        display:none;
    }

    #at-wrap{
        padding:0  !important;
    }
    #mymenu_mobile{display: none}
}

/* 961px 이하 공통 */
@media all and (max-width:960px){
    #at-wrap{
        padding:0;
    }
    header .main_menu_inner{
        padding:0 12px;
    }
    .category_btn > p,
    .mobile_human_btn{
        display: none;
    }

    .mobile_human_btn{
        width:32px;
    }

    .info-align-wrapper.type-detail-info .info_area{padding: 0 10px;}

    /* 카테고리메뉴 */
    .category_menus > div{
        overflow-x: scroll;
    }
    .category_menus  a{
        flex-shrink: 0;
    }

    .main-container,
    .recommend_list{
        padding:0 14px !important;
    }


}

/* 태블릿 701 ~ 960 */
@media all and (min-width:701px) and (max-width:960px){
    /* HEADER */
    .custom_menu .mobile_only{
        display: none;
    }
    .search_expand .search_inner{
        gap:20%;
        padding:0 12px;
    }
    .close_sch{
        right:12px;
    }

    /* 카테고리메뉴 */
    .category_menus{
        margin:40px 0;
    }
    .category_menus a{
        flex-shrink: 0;
        max-width: 160px;
    }

    .category_menus img{
        filter:none;
    }
}




/* 모바일 (320)0 ~ 700 */
@media all and (min-width:320px) and (max-width:700px){
    .coconut{opacity: 50%; display: none}

    /* 영역별 패딩 */
    #my-class{
        padding:0 14px;
    }
    header .right_menu a:not(:last-child),
    .category_btn > p,
    header .my_btn{
        display: none;
    }

    header .mobile_top{display: flex}
    header .right_menu .search_btn_area .mobile_cs{display: inline-block;}

    .mobile_human_btn{
        width:32px;
        display: block;
    }
    .category_btn{
        width: 52px;
        border-left:0;
    }
    .custom_menu .mobile_only{
        display:block;
        padding:12px;
    }
    .custom_menu .mobile_only p{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .custom_menu{
        position: fixed;
        top: 0;
        left: -100vw;
        width: 100vw;
        height: 100vh;
        transition: all 0.4s;
        display: block !important;
    }
    .custom_menu .mobile_only .logo_img{
        width: 72px;
    }
    .custom_menu .mobile_only .close_btn{
        width: 20px;
    }
    .custom_menu .mobile_only .title{
        color:#444;
        font-weight: 600;
        position: relative;
        padding-top: 36px
    }
    .custom_menu .mobile_only .title:after{
        content: '';
        height: 1px;
        width: calc(100% - 88px);
        display: block;
        background: #1C1B20;
        position: absolute;
        bottom: 11px;
        right: -5px;
    }
    .search_expand .search_inner{
        flex-direction: column;
        align-items: center ;
        gap:18px;
    }
    .search_expand form{
        width: 100%;
    }
    .search_expand .search_area{
        width: 90%;
    }
    .close_sch{
        position: static;
        margin:0;
    }

    #mymenu_mobile{display: block !important}

    /* 메인화면 카테고리 아이콘  */
    .category_menus{
        padding-top: 26px;
    }
    .category_menus img{
        filter:none;
    }
}