p {margin: 0;}
em{font-style: normal;}

/* ===== 카테고리 리스트 ===== */
.ctg_wrap{padding: 0 0 110px;}

#category_banner_area{height: 600px; position: relative; white-space: nowrap; overflow: hidden; background-repeat: no-repeat; background-position: center;}
#category_banner_area.category_1010{ background-color: #fd6a59; background-image: url(../image/img/banner/ctg_visual01.png);}
#category_banner_area.category_1030{ background-color: #FDB438; background-image: url(../image/img/banner/ctg_visual02.png);}
#category_banner_area.category_1040{ background-color: #14D1D1; /*#22D1D0;*/ background-image: url(../image/img/banner/ctg_visual03.png);}
#category_banner_area.category_1050{ background-color: #2E9CFD; /*#2F9FF9;*/ background-image: url(../image/img/banner/ctg_visual04.png);}
#category_banner_area.category_1060{ background-color: #548AFE; /*#538EFA;*/ background-image: url(../image/img/banner/ctg_visual05.png);}
#category_banner_area.category_1070{ background-color: #D545FC; /*#D34EF7;*/ background-image: url(../image/img/banner/ctg_visual06.png);}
/* #category_banner_area::before{color: #fff; font-size: 80px; position: absolute; top: 50%; left: 10%; transform: translateY(-50%);}
#category_banner_area.category_1010::before{content: "CERTIFICATE \A sdfasdfasd"; color: #EC6258; color: white;} */

#category_banner{/* max-width: 1620px; */ max-width:1200px; padding: 115px 0 0; margin: 0 auto; overflow-y: hidden; overflow-x: auto;}
#category_banner .swiper-wrapper{align-items: flex-end;}
#category_banner .swiper_btn{position: absolute;top: 33px; right: 0; font-size: 0; z-index: 3;}
#category_banner .swiper_btn .swiper-button-next,
#category_banner .swiper_btn .swiper-button-prev{position: static; top: 0; display: inline-block; width: 38px; height: 38px; border-radius: 4px; background-color: #151426; font-size: 0; background-repeat: no-repeat; background-position: center; margin-left: 4px;}
#category_banner .swiper_btn .swiper-button-next{background-image: url(../image/img/button/arrow_right.png);}
#category_banner .swiper_btn .swiper-button-prev{background-image: url(../image/img/button/arrow_left.png);}
#category_banner .swiper_btn .swiper-button-prev:after,
#category_banner .swiper_btn .swiper-container-rtl .swiper-button-next:after{display: none;}
#category_banner .swiper_btn .swiper-button-next:after, 
#category_banner .swiper_btn .swiper-container-rtl .swiper-button-prev:after{display: none;}
/* #category_banner::-webkit-scrollbar{height: 10px;}
#category_banner::-webkit-scrollbar-thumb{height: 10px; background-color: rgba(21,20,38,1); border-radius: 5px;}
#main-category2::-webkit-scrollbar-track{background-color: rgba(21,20,38,0.33);} */

#category_banner .category_img{display: inline-block; vertical-align: bottom;}
#category_banner .category_img.ctg01{width: 406px;}
#category_banner .category_img.ctg02{width: 410px;}
#category_banner .category_img.ctg03{width: 406px;}
#category_banner .category_img.ctg04{width: 410px;}
#category_banner .category_img.ctg05{width: 406px;}
#category_banner .category_img.ctg06{width: 406px;}
#category_banner .category_img.ctg01._on, #category_banner .category_img.ctg02._on, #category_banner .category_img.ctg03._on, #category_banner .category_img.ctg04._on, #category_banner .category_img.ctg05._on, #category_banner .category_img.ctg06._on{width: 514px; height: 485px;}

#category_banner .category_img a{position: relative; display: block;}
#category_banner .category_img.ctg01 a, #category_banner .category_img.ctg03 a, #category_banner .category_img.ctg05 a, #category_banner .category_img.ctg06 a{padding-right: 31px;}
#category_banner .category_img.ctg02 a, #category_banner .category_img.ctg04 a{padding-right: 38px;}
#category_banner .category_img._on a{padding-right: 0;}
#category_banner .category_img .txt{display: block; position: absolute; top: 30px; white-space: nowrap; text-align: left;}
#category_banner .category_img.ctg01 .txt{left: 195px;}
#category_banner .category_img.ctg02 .txt{left: 292px;}
#category_banner .category_img.ctg03 .txt{left: 224px;}
#category_banner .category_img.ctg04 .txt{left: 290px;}
#category_banner .category_img.ctg05 .txt{left: 292px;}
#category_banner .category_img.ctg06 .txt{left: 238px;}
#category_banner .category_img .txt strong{display: block; font-size: 24px; line-height: 26px; font-weight: 600; color: #fff;}
#category_banner .category_img .txt em{display: block; font-size: 16px; line-height: 26px; font-weight: 400; color: #000;}

#category_banner .category_img._on .txt{top: 72px;}
#category_banner .category_img.ctg01._on .txt{left: 274px;}
#category_banner .category_img.ctg02._on .txt{left: 430px;}
#category_banner .category_img.ctg03._on .txt{left: 351px;}
#category_banner .category_img.ctg04._on .txt{left: 351px;}
#category_banner .category_img.ctg05._on .txt{left: 422px;}
#category_banner .category_img.ctg06._on .txt{left: 444px;}
#category_banner .category_img._on .txt strong{font-size: 50px; line-height: 1;}
#category_banner .category_img._on .txt em{font-size: 30px; line-height: 50px;}

#category_banner .category_img img{width: 100%; vertical-align: bottom; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
/*
#category_banner .category_img img{padding-top: 60%; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
#category_banner .category_img img:hover{padding-top: 10%;}
#category_banner .category_img._on img{padding-top: 10%;}
*/

#category_slide_left,
#category_slide_right{ position: absolute; bottom: 30px; z-index: 10; }
#category_slide_left{ right: 75px; }
#category_slide_right{ right: 30px; }

#category-banner-slide .slide_box{margin: 0 auto; position: relative; object-fit: fill;}
#category-banner-slide .slide_box img{width: 100%;}
#category-banner-slide .slide_box .link{background-color: rgba(255, 0, 0, 0.1);}

.ctg_tag_wrap{/* max-width: 1620px; */ max-width:1200px; margin: 62px auto 0; font-size: 0; text-align: left;}
.ctg_tag_wrap .tag_inner{margin-left: -3px;}
.ctg_tag_wrap a{display: inline-block; vertical-align: top; margin: 0 0 7px 3px;}
.ctg_tag_wrap .button-round-sky {display: block; padding: 0 8px; margin: 0;}

/* #recommend {margin-bottom: 400px;} */
#recommend.typeSlider .slick-list{margin: 0 -15px;}
#recommend.typeSlider .slick-slide{margin: 0 15px;width:382px!important;height: 478px!important;}
.typeSlider .recommend-list-item {height: auto;}
.typeSlider .recommend-list-item a {display: block; height: 100%;}
.typeSlider .recommend-list-item img{ height:100%; width:100%;}
.typeSlider .recommend-list-item img.masking{height:auto;}
.typeSlider .recommend-list-item .newitem .p-sumnail-title{color: #fff;}

.ctg_tag_wrap .tag_inner{position: relative; margin-left: 0;padding: 0 15px;}
.ctg_tag_wrap .tag_inner .swiper-wrapper{margin-left: -3px;}
.ctg_tag_wrap .swiper-slide{display: inline-block; vertical-align: top; margin: 0 0 7px 3px; width: auto;}
.ctg_tag_wrap .swiper-slide a{display: block; margin: 0;}
.ctg_tag_wrap a span{display: block; padding: 0 8px; width: auto; height: 30px; line-height: 30px; border-radius: 4px; background-color: #6a6982; font-size: 16px; font-weight: 300; color: #fff;}
.ctg_tag_wrap .tag_inner .swiper-button-prev,
.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-next{width: 11px; height: 30px; top: 0; left: 0; margin: 0; background-repeat: no-repeat; background-position: left center; background-image: url(../image/img/button/arrow_left.png); background-size: 11px;}
.ctg_tag_wrap .tag_inner .swiper-button-prev:after, 
.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-next:after{display: none;}
.ctg_tag_wrap .tag_inner .swiper-button-next,
.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-prev{width: 11px; height: 30px; top: 0; right: 0; margin: 0; background-repeat: no-repeat; background-position: left center; background-image: url(../image/img/button/arrow_right.png); background-size: 11px;}
.ctg_tag_wrap .tag_inner .swiper-button-next:after,
.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-prev:after{display: none;}

.category_tit {/* max-width: 1620px; */ max-width:1200px; margin: 100px auto 0;}
.category_tit:after{content: '';display: block;clear: both;}
.category_tit h3{float: left; font-size: 30px; line-height: 60px; font-weight: 600; color: #fff;}
.category_tit .sel_area{position: relative; float: left; margin-left: 17px; padding-left: 5px;}
.category_tit .sel_area:before{content: ''; width: 2px; height: 28px; background-color: #999; position: absolute; top: 16px; left: 0;}
.category_tit .sel_area select{display: inline-block; vertical-align: top; margin-left: 14px; min-width: 275px;}

.selectbox2 {padding: 0 40px 0 15px; border: 1px solid #999; border-radius: 4px; font-weight: 400; color:#fff; font-size: 30px; height: 60px; line-height: 58px; background-color: #333; background-repeat: no-repeat; background-position: right 15px center; background-image: url(../image/img/button/arrow_down_category.png);}
.select-option-color2 {font-size: 20px; color: #8f8f9f;}

.category_tit .slide-button{margin-top: 0;}
.category_tit .slide-button a{display: block; font-size: 16px; line-height: 60px; color: #fff;}
.category_tit .slide-button .fa-solid{margin-left: 5px; width: 16px;}
.category_tit .slide-button select{display: block; width: 100%; height: 60px; line-height: 60px; border: none; padding-right: 25px; font-size: 16px; color: #fff; background-color: #151426; background-repeat: no-repeat; background-position: right center; background-image: url(../image/img/button/arrow_down02.png);}


#category-list{/* max-width: 1620px; */ max-width:1200px; margin: 0 auto;}
#category-list .ctg_inner{font-size: 0; text-align: left;}
.category_item {display: inline-block; vertical-align: top; width: 285px;margin-left: 13px; padding: 18px 0 37px;}
.category_item .product-sumnail{display: block; overflow: hidden;}
.category_item .product-sumnail img{width: 100%;height: auto;}
.category_item .newitem{min-width: inherit; margin-right: 0;}
/*#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;}*/


/* 일반 리스트 */
.shop-listtype{font-size: 0; margin-top: -2px; padding-bottom: 67px;}
.shop-listtype .list_banner{
	height: 240px; 
	background-repeat: no-repeat;
	background-position: center; 
	background-size: cover;
}
.shop-listtype .top-slide-title{
	color: #fff;
	font-weight: 600;
	max-width: 1200px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	font-size: 4rem;
}

.shop-listtype .list_tit{position: relative; max-width:1200px; margin: 50px auto 0;}
.shop-listtype .list_tit:after{content: '';display: block;clear: both;}
.shop-listtype .list_tit h3{float: left; font-size: 20px; line-height: 30px; font-weight: 500; color: #fff; text-align: left;}
.shop-listtype .list_tit .sort_btn{float: right;}
.shop-listtype .list_tit .sort_btn a{display: block; font-size: 16px; font-weight: 400; color: #fff; line-height: 30px;}
.shop-listtype .list_tit .slide-button{margin-top: 0;}
.shop-listtype .list_tit select{display: block; width: 100%; height: 30px; line-height: 30px; border: none; padding-right: 25px; font-size: 16px; color: #fff; background-color: #151426; background-repeat: no-repeat; background-position: right center; background-image: url(../image/img/button/arrow_down02.png);}

.shop-listtype .eb-pagination-wrap{margin-top: 0; padding: 0;}
.shop-listtype .main_title.typeRound{padding-top: 0;}


/* 상세페이지 */
.detail_top{max-width: 1200px; margin: 50px auto 0;}
.detail_top .tag_area{padding-top: 20px; font-size: 0;}
.detail_top .player-tag {display: inline-block; vertical-align: top; margin: 0 2px 2px 0; font-size: 14px; height: 24px; line-height: 24px; text-align: center; padding: 0 8px; border-radius: 4px; color: #fff;}
.detail_top .player-title {
	margin-top: 0;
	font-size: 2.6rem;
	font-weight: 600;
	color: #efefef;
}
.detail_top .player_name {font-size: 20px; line-height: 36px; color: #fff;}


#play-info {position: relative; max-width:1200px; margin: 20px auto 0; padding-right: 350px;}
#play-info.video {border-radius: 4px; padding-right: 350px;}
#play-info .player-area {display: none; position: relative; height: 0; padding-bottom: 60%; border-radius: 4px 4px 0 0; overflow: hidden; background-color: #202021; font-size: 0;}
#play-info .player-area.on {display: block;}
#play-info .player-area img {position: absolute; top: 0; left: 0; border-radius: 4px; width: 100%; height: 100%; object-fit: cover;}

#timer-info {margin: 0; padding: 15px 43px; display: flex; width: auto; border-radius: 0 0 4px 4px; background-color: #202021; align-items: center; justify-content: flex-start;}
.timer_notice {padding-right: 20px;}
#timer-caption {width: 87px; border-radius: 10px; height: 19px; line-height: 19px; font-size: 14px;}
.timer_notice p{font-size: 20px; line-height: 34px; white-space: nowrap;}
#timer-info2 {padding-left: 22px;}
#timer-info2 p{font-size: 14px; line-height: 20px; white-space: nowrap;}

#play-list {position: absolute; top: 0; right: 0; width: 320px;}
#play-list .thumb_list{font-size: 0; padding: 0;}

#play-list .thumb_list li {display: inline-block; vertical-align: top; width: 50%; position: relative;}
#play-list .thumb_list li .btn{position: relative; display: block; width: 100%; height: 0; padding: 0 0 0 0; padding-bottom: 100%; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; border: none;}
#play-list .thumb_list li.on:after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(32,32,33, 0.5); background-image: url(../image/images/icon_check.png); background-position: center center; background-size: 62px auto; background-repeat: no-repeat;}
#play-list .thumb_list li.noimg {position: relative;}
#play-list .thumb_list li.noimg button {display: none;}
#play-list .thumb_list li.noimg:before {content: ''; display: block; padding-bottom: 100%;}
#play-list .thumb_list li.noimg:after {content: 'NO IMAGE'; display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 26px; color: #fff; background: #888; text-align: center; line-height: 120%;}
/*플로팅 계산창 왜 플레이 인포일까*/
#play-info .pay_infomation{position: absolute; /*top: 710px;*/ top:82px; left:946px; z-index: 1}

.video #play-list-pc {bottom: 0; width: 350px;}

#player-area img {width: 100%;}
#class-info-img img {width: 100%;}

/* 플레이어버전 */
/*
#play-list.play-list-movie {width: 350px; height: 100%; overflow-y: scroll; background: #202021;}
//회차목록 고정 때문에 주석 처리 22.12.17
*/

#play-list.play-list-movie {width: 350px; height: 100%;  background: #202021;}

#play-list.play-list-movie::-webkit-scrollbar {
	width: 4px;
}
#play-list.play-list-movie::-webkit-scrollbar-thumb {
	background-color: #818181;
	border-radius: 4px;
	background-clip: padding-box;
}
#play-list.play-list-movie::-webkit-scrollbar-track {
	background-color: #333333;
	border-radius: 4px;
}
#play-list.play-list-movie .play-thumb-haed {display: flex; align-items: center; justify-content: space-between; padding: 20px 20px 10px;}
#play-list.play-list-movie .play-thumb-haed .pth-left {display: flex; align-items: baseline;}
#play-list.play-list-movie .play-thumb-haed .txt-kor {font-size: 20px; color: #ffffff; line-height: 100%;}
#play-list.play-list-movie .play-thumb-haed .txt-count {padding-left: 20px; font-size: 12px; color: #ffffff;}
#play-list.play-list-movie .play-thumb-haed .txt-count .fc-green {color: #05b9bd;}
#play-list.play-list-movie .play-thumb-haed .play-list-close {display: none; width: 42px; height: 18px; background: transparent; border: 1px solid #fd6a59; border-radius: 21px; font-size: 11px; color: #fd6a59}
#play-list.play-list-movie .play-thumb-haed .play-list-close:after {content: '닫기';}
#play-list.play-list-movie .play-thumb-haed .play-list-close.on {border-color: #05b9bd; color: #05b9bd;}
#play-list.play-list-movie .play-thumb-haed .play-list-close.on:after {content: '열기';}
#play-list.play-list-movie .list-scroll {text-align: left;}

.list-content {display: flex; padding: 10px 20px; align-items: center;}
.list-content:hover {background: #595959;}
.list-content .movie-thumb {position: relative; width: 120px; height: 80px; border-radius: 4px; overflow: hidden;}
.list-content .movie-thumb .movie-no {position: absolute; top: 3px; left: 4px; width: 40px; height: 20px; background: #fff; border-radius: 4px; font-size: 12px; color: #212121; font-weight: 700; text-align: center; line-height: 20px;}
.list-content .movie-thumb .movie-time {position: absolute; right: 3px; bottom: 3px; padding: 0 6px; height: 20px; background: #212121; border-radius: 4px; font-size: 12px; color: #fff; font-weight: 700; text-align: center; line-height: 20px;}
.list-content .movie-thumb img {width: 100%; height: 100%; object-fit: cover;}
.list-content .movie-thumb .list-sumnail-lock {top: 0; left: 0;}
.list-content .movie-cont {flex: 1; padding-left: 12px;}
.list-content .movie-cont .movie-name {font-size: 16px; color: #ffffff; line-height: 20px; letter-spacing: -0.05em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 40px;
	word-break: break-all;
}
.list-content .movie-cont .movie-timer {margin-top: 8px; font-size: 12px; color: #fff; line-height: 100%;}
.list-content .movie-cont .movie-progress {position: relative; margin-top: 2px; height: 14px; border-radius: 6px; background: #333333; overflow: hidden;}
.list-content .movie-cont .movie-progress .movie-p-bar {height: 14px; border-radius: 6px; background: #05b9bd}
.list-content .movie-cont .movie-progress .movie-p-percent {position: absolute; top: 0; left: 0; width: 100%; font-size: 12px; color: #ffffff; line-height: 14px; text-align: center;}


.align-around.desktop {display: flex; justify-content: space-between;}

.click_menu {display: flex; flex-wrap: wrap;}
.click_item {display: flex; height: 28px; border: 1px solid #a0a0a0; font-size: 14px; color: #999999; letter-spacing: -0.05em; line-height: 25px; background-color: white; margin-right: 4px; padding: 0 14px; border-radius: 14px !important; margin-bottom: 4px;}
.click_item:hover,
.click_item.active {background-color: #35d4d9; border-color: #35d4d9;}
.click_item:hover a,
.click_item.active a {color: #fff}

/* .top_info_area>span {display: inline-block; margin-right: 20px; flex: 0 0 auto;}
.top_info_area {display: flex; flex-direction: column; justify-content: flex-start;} */
.top_info_area .tia-txt {display: flex; align-items: baseline;}
.top_info_area .tia-txt .tiat-txt01 {font-size: 20px; color: #212121; line-height: 100%; font-weight: 500; letter-spacing: -0.075em;}
.top_info_area .tia-txt .tiat-txt01 .fc-point {color: #ff6600;}
.top_info_area .tia-txt .tiat-txt02 {padding-left: 20px; font-size: 14px; color: #666666; letter-spacing: -0.05em; line-height: 100%;}
.top_info_area .tia-score {display: flex; align-items: center; padding-top: 16px;}
.top_info_area .tia-score .tias-star .star-img {width: 220px;}
.top_info_area .tia-score .tias-score {padding-left: 16px; font-size: 30px; color: #151426; font-weight: 700; letter-spacing: -0.05em; line-height: 100%;}

.reply-list-bg-wrap {display: block; margin: 20px 0 0; width: 100%;}
/* .reply-list-bg-t2.swiper-slide {width: 390px;} */
/* .reply-list-bg-t2.swiper-slide + .reply-list-bg-t2.swiper-slide {margin-left: 10px;} */
.reply-list-bg-t2 {display: flex; align-items: center; justify-content: center; flex-direction: column; border-radius: 4px; padding: 42px 40px;}
.reply-list-bg-t2:nth-child(3n + 1) {background-color: #eaf9f7;}
.reply-list-bg-t2:nth-child(3n + 2) {background-color: #fff2f6;}
.reply-list-bg-t2:nth-child(3n + 3) {background-color: #f8f5e3;}
.reply-list-bg-t2 .rlb-score {display: flex; align-items: center; margin-bottom: 12px;}
.reply-list-bg-t2 .rlb-score .star-img {width: 86px;}
.reply-list-bg-t2 .rlb-score .score-txt {padding-left: 6px; font-size: 14px; color: #212121; font-weight: 700; line-height: 100%;}
.reply-list-bg-t2 .rlb-txt {font-size: 20px; color: #333333; line-height: 30px; letter-spacing: -0.075em; text-align: center; max-height: 90px; overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.reply-list-bg-t2 .rlb-txt.type-01 {font-weight: 700; max-height: 60px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.reply-list-bg-t2 .profile_img {margin-top: 12px; width: 115px; height: 115px; border-radius: 100%; object-fit: cover;}
.reply-list-bg-t2 .rlb-name {margin-top: 10px; font-size: 20px; color: #777777; font-weight: 700; line-height: 100%; letter-spacing: -0.075em;}

.no-post {padding: 100px 20px; text-align: center;}
.no-post .title {padding-bottom: 20px; font-size: 36px; color: #000; text-align: center; font-weight: 500; letter-spacing: -0.075em;}
.no-post .link {font-size: 18px; color: #14d1d1; text-decoration: underline; letter-spacing: -0.075em;}
.no_content{display: flex; align-items: center; justify-content: center; flex-direction: column;text-align: center;}
.no_content .title{font-size: 14px; line-height: 38px; color: #9399a2;}
.no_content .link{display: inline-block; vertical-align: top; width: 112px; height: 26px; line-height: 24px; border-radius: 4px; font-size: 16px; color: #02c7d2; border: 1px solid #02c7d2;}

#sit_opt_added {padding: 10px;}
#sit_sel_option .option-cal-head {display: flex; justify-content: space-between; align-items: center;}
#sit_sel_option .option-cal-head .option-txt {font-size: 14px; color: #212121; letter-spacing: -0.075em;}
#sit_sel_option .option-cal-head .option-txt .option-name {font-size: inherit; color: inherit; font-weight: 700;}
#sit_sel_option .option-cal-head .sit_opt_del {position: static; width: 12px; height: 12px; background: url('../image/images/delete.png') no-repeat center center; background-size: 12px auto;}
#sit_sel_option .option-cal {display: flex; justify-content: space-between; margin-top: 8px;}
#sit_sel_option .option-cal .option-cal-input {display: flex; align-items: center;}
#sit_sel_option .option-cal .option-cal-input .div-round-border {width: 41px; height: 22px; border: 1px solid #ccc; border-radius: 4px; font-size: 14px; color: #212121; letter-spacing: -0.075em; font-weight: 700; text-align: center;}
#sit_sel_option .option-cal .option-cal-input .Qtychangebtn {width: 20px; height: 20px; margin-left: 4px; background-color: #cccccc; border: 0 none; border-radius: 100%; font-size: 14px; color: #ffffff; font-weight: 700; line-height: 20px;}
#sit_sel_option .option-cal #price_total {font-size: 14px; color: #919191; font-weight: 700;}
#sit_sel_option .option-preice-box {display: flex; justify-content: space-between; margin-top: 14px; padding-top: 12px; border-top: 1px dashed #ccc;}
#sit_sel_option .option-preice-box .option-price-txt {font-size: 14px; color: #212121; font-weight: 700; letter-spacing: -0.075em;}
#sit_sel_option .option-preice-box .option-price-num {font-size: 14px; color: #919191; font-weight: 700;}




.content_2, .content_3 {display: flex; flex-direction: column;}
.content_4{overflow: hidden;}

/* .content_inner.content_3 img {width: 100px;} */

.content_inner hr {margin: 5px 0;}
.content_inner img {width: 100%;}

.profile_img {margin-top: 10px !important; border-radius: 100% !important;}

.swiper-slide.reply-list-bg {width: 387px; height: 386px;}

#sumnail-list {width: 100%;  max-height: 650px; overflow-y: scroll;}

/* #list-content {float: left; width: 100%; height: 85px; padding-top: 5px;}
#list-content .outline {width: 100%; height: 85px;} */


.clock>em {font-size: 4rem;}




.info-align-wrapper {display: flex; max-width: 1200px; margin: 100px auto 0;}

.info_area {display: flex; flex-direction: column; width:930px; max-width:930px;}
.info_area .content_tab_menu_blank {height: 50px; }
.info_area .content_tab_menu {width: 100%; /*display: flex;*/ text-align: left; font-size: 0; border-bottom: 2px solid #4f4d68;}
.info_area .content_tab_menu.first {margin-top: 0;}
.info_area .content_tab_menu.first.fixed {
	position: fixed;
	z-index: 8;
	top: 94px;
	width: 1500px;
	background: #1C1B20;
	border-bottom: 0;
}
.info_area .content_tab_menu .tab_btn {position: relative; display: inline-block; vertical-align: top; margin-right: 44px; font-size: 16px; color: #fff; cursor: pointer; height: 52px; line-height: 54px;}
.info_area .content_tab_menu .tab_btn.active {font-weight: 700; color: #02cacd;}
.info_area .content_tab_menu .tab_btn.active:after {content: ''; display: block; position: absolute; left: 0; bottom: -2px; width: 100%; height: 4px; background: #01dab5; background: linear-gradient(90deg, #01dab5, #02c6d3 100%);}
.info_area .content_tab_menu_blank + .menu_contents {margin-top: 0;}
/* .info_area .menu_contents {margin-top: 80px;} */
.info_area .menu_contents .content_inner.active {display: block;}
.info_area .menu_contents .content_inner {position: relative; background-color: white; padding: 24px; overflow: hidden;}
.info_area .menu_contents .content_inner p{color: #151426;}
.info_area .menu_contents .content_inner.height-control {}
.info_area .menu_contents .content_inner.height-control.on {max-height: none; padding-bottom: 80px;}
#sit_inf_explan{overflow: hidden;}
#sit_inf_explan > iframe{display: block;border: none;width: 100%;}

.cclm-box {margin-top: 28px;}
.cclm-box .cclm-title {margin-bottom: 12px; font-size: 16px; color: #212121; font-weight: 700; letter-spacing: -0.075em; line-height: 100%;}
.cclm-box .cclm-list {display: flex; justify-content: space-between; padding: 8px 0 7px; border-top: 1px solid #dfdee2;}
.cclm-box .cclm-list > span {font-size: 14px; color: #666666; letter-spacing: -0.075em; line-height: 100%; font-weight: 400;}

.cclm-list:nth-child(n+7) {
	display: none;
}


.detail-qna-box .qna-list {display: flex; justify-content: space-between; padding: 18px 0 17px; border-top: 1px solid #dfdee2; text-align: left;}
.detail-qna-box .qna-list > span {font-size: 16px; color: #666666; letter-spacing: -0.075em; line-height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.detail-qna-box .qna-list .question {flex: 1; padding-right: 190px;}
.detail-qna-box .qna-list .answer {text-align: right;}
.detail-qna-box .no-question {display: block; text-align: center; padding: 50px 0; font-size: 16px; color: #212121;}

#reply-login {bottom: 0; opacity: .8;}

.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.8; box-shadow: 0px -1px 7px grey; display:none;}

.info_image_wrapper {float: left; width: 437px; height: 437px;}

.align-around.review {display: flex; flex-direction: column; width: 100%;}

.sw_nav_btn {background-color: transparent; border: 0; margin-left: 10px; font-family: serif;}

.more_link,
#mo-recommend {display: none;}

.desktop {display: block;}
.tablet {display: none;}
.mobile {display: none;}

/* #list-content {display: flex; padding-bottom: 5px; height: auto;} */
.thumb-pregress {width: 95%;}

progress {-webkit-appearance: none;}
.progress_wrapper {position: relative; height: 13px;}
.progress_val {position: absolute; top: 50%; left: 50%; color: #fff; transform: translate(-50%, -40%); font-size: 12px; line-height: 13px;}
::-webkit-progress-bar {background-color: #333333; border-radius: 15px; height: 100%;}
::-webkit-progress-value {background-color: #05b9bd; border-radius: 15px; height: 100%;}


@media all and (max-width: 1620px) {
/* ===== 카테고리 리스트 ===== */
.ctg_wrap{padding: 0 0 110px; margin-top: 100px;}

#category_banner_area{background-position: left center;}

#category_banner{padding: 115px 0 0 20px;}
#category_banner .swiper_btn{right: 20px;}

.ctg_tag_wrap{margin-top: 55px; padding: 0 20px;}
.category_tit {padding: 0 20px;}
/*.category_item {width: 15.86%;margin-left: 0.8%;}*/


}

@media (min-width: 1px) and (max-width: 1640px) {
	/* ===== 카테고리 리스트 ===== */
	#tag-slider.ctg_tag_wrap{width: auto;}
	.ctg_tag_wrap .swiper-slide{margin-bottom: 13px;}
	.ctg_tag_wrap a span{padding: 0 10px; height: 40px; line-height: 40px; font-size: 18px;}

	.ctg_tag_wrap .tag_inner .swiper-button-prev,
	.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-next,
	.ctg_tag_wrap .tag_inner .swiper-button-next,
	.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-prev{height: 40px;}

	.category_tit{margin-top: 67px;}
	.category_tit h3{font-size: 26px; line-height: 50px;}
	.category_tit .sel_area{margin-left: 10px; padding-left: 7px; font-size: 0;}
	.category_tit .sel_area:before{height: 22px; top: 14px;}
	.category_tit .sel_area select{margin-left: 7px; min-width: 170px;}
	.selectbox2 {padding-right: 28px; font-size: 16px; height: 50px; line-height: 48px;}
	.category_tit .slide-button a{line-height: 50px;}
	.category_tit .slide-button select{height: 50px; line-height: 50px; font-size: 14px; padding-right: 16px;}

	/*.category_item {width: 22.9%;margin-left: 2.1%; padding: 22px 0 8px;}*/
	/*.category_item .product-sumnail img{height: 143px;}*/
	.category_item .newitem .category{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
	.category_item .newitem .itemInfo{margin-top: 5px;}
	.category_item .newitem .itemInfo span{font-size: 14px; line-height: 22px;}
	.category_item .newitem .itemInfo .price{font-size: 16px; line-height: 22px;}
	.category_item .box-ball {width: 22px; height: 22px;}
	.category_item .newitem .itemInfo .box-ball{line-height: 20px;}
	/* 220816 추가 */
	#at-wrap.type-sub .ctg_tag_wrap,
	#at-wrap.type-sub .category_tit,
	/* 220816 추가 */


	/* 일반 리스트 */
	.shop-listtype{padding-bottom: 50px;}
	.shop-listtype .list_tit h3{font-size: 26px; line-height: 36px;}
	.shop-listtype .list_tit .sort_btn{padding-top: 4px;}
	.shop-listtype .list_tit .sort_btn a{line-height: 32px;}
	.shop-listtype .list_tit select{font-size: 14px; padding-right: 16px; height: 36px; line-height: 36px;}

	.shop-listtype .eb-pagination-wrap{padding: 55px 0 52px;}


	/* 상세페이지 */
	.info_area .menu_contents .content_inner {position: relative; background-color: white; padding: 40px 0px; /*  3vw*/ }
	.align-around.desktop {display: none;}
	.info-align-wrapper {display: flex; flex-direction: column; width: 100%; margin-top:100px !important}

	.info_area {order: 1; width: 100%; margin-top: 15px; max-width: 100%}
	

	.m_double_wrapper {display: flex; gap: 10px; margin-bottom: 20px;}
	.m_double_wrapper>* {margin: 0 !important; margin-top: 20px !important; border-radius: 25px !important;}

	#order {padding: 0 2vw;}
	.info_area .content_tab_menu_blank {margin-top: 25px;}
    /* .info_area .content_tab_menu .tab_btn {font-size: 20px;}
    .info_area .content_tab_menu .tab_btn {font-size: 16px; line-height: 43px; padding: 0 0 0 0; margin: 0 0 0 0;}
	.info_area .content_tab_menu .tab_btn.active {font-size: 20px; line-height: 40px; border-bottom: 1px; padding-bottom: 0;} */

	#mo-recommend {display: none;}
	#play-list-pc {display: none;}

	#mo-recommend {gap: 1vw; margin-bottom: 4vw;}
	#mo-recommend .recommend-list-item {width: 46vw;}
	#player-area img {height: 55.6vw;}

	#play-list.play-list-movie.in-hidden .list-scroll {display: none;}
	#play-list.play-list-movie .play-thumb-haed .play-list-close {display: block;}

	.renew-wrap-for-m {  /* padding-left: 20px; padding-right: 20px; */  }
}

@media (min-width: 701px) and (max-width: 1640px) {
	.for-pc {display: none;}
	.for-m {display: block;}
	#at-wrap { width:100%;}
/*	#at-wrap.type-sub {padding: 100px 20px 50px;}*/

#category_banner_area{margin: -100px -20px 0;}

/* 일반 리스트 */
/*.shop-listtype .list_banner{margin: -100px -20px 0;}*/
/* 상단 메뉴 사라지는 현상때문에 주석처리 */


/* 상세페이지 */
.desktop {display: none;}
.tablet {display: block;}
.mobile {display: none;}
.more_link {display: block;}

/* 상세 타이머 */
#timer-info {padding: 15px 20px;}
.clock {margin: 0 0 0 0;}
.timer_notice {align-items: center;}
.timer_notice p {font-size: 2vw;}
#timer-info2 p {font-size: 1.4vw;}
.timer > span.at {width: 20px; text-align: center;}

/* 상세 반응 - tablet */
.detail_top .tag_area {padding-top: 0;}
.detail_top .player-tag {}
.detail_top .player-tag + .player-tag {margin-left: 2px;}
.detail_top .player-title {padding-top: 6px; font-size: 30px; line-height: 40px;}
.detail_top .player_name {padding-top: 6px; font-size: 16px; line-height: 24px;}

#play-list .thumb_list li {width: 25%;}
#play-list .thumb_list li.on:after {background-size: 34px auto;}

#player.type-player {position: relative; margin-bottom: 0; height: 0; margin-top:-125px;}
#player iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#play-info,
#play-info.video {margin: 36px 0 0 0; padding: 0 0 0 0;}
#play-list {position: static; width: auto;}


	#play-info .pay_infomation {display: block; position: fixed; z-index: 1000; width: 100%; top: auto !important; bottom: -80vh; left: 0 !important; margin-top: 0; transition: bottom 0.4s; max-height: 80vh; overflow: scroll;}
	#play-info .pay_infomation.on {top: auto; bottom: 50px;}

.order-bg {display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.order-bg:before{content: ''; position: absolute; bottom: calc(80vh + 60px); left: 50%; margin-left: -20px; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #000; background-color: #fff; font-size: 0; background-repeat: no-repeat; background-position: center; background-image: url(../image/img/button/btn_close.png); background-size: 16px;}
.order-bg.on {display: block;}
#order {width: auto; border-radius: 4px; padding: 0 0 0 0;}
#order .tab-menu {max-height: none; padding: 20px; overflow-y: hidden;}

#play-list.play-list-movie {width: auto; border-top: 1px solid #333333;}
#play-list.play-list-movie {height: auto; max-height: 351px;}
#play-list.play-list-movie .play-thumb-haed {padding: 20px 20px 16px; margin: 0 0 0 0 !important}
#play-list.play-list-movie .list-scroll {font-size: 0; height: auto;}
#play-list.play-list-movie .list-content {display: inline-flex; width: 50%;} 



/* 추가 */
#sumnail-list{ height: auto; max-height: 351px; overflow-y: scroll;}

/* 상세페이지 - 가격정보 영역 */
#order .tab-menu .tm-tag .tag-span + .tag-span {margin-left: 2px;}
#order .tab-menu .tm-title {margin-top: 8px; font-size: 26px; line-height: 30px;}
#order .tab-menu .tm-desc {margin-top: 6px; font-size: 16px; line-height: 24px;}
#order .tab-menu .tmTop .tm-share{right: 15px;}

#order .tab-menu .tm-hr {margin: 14px 0;}
#order .tab-menu .tm-benefit {margin-top: 18px;}
#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-option {margin-top: 33px;}
#sit_sel_option .option-cal .option-cal-input .div-round-border {width: 60px; height: 30px; margin-right: 2px;}
#sit_sel_option .option-cal .option-cal-input .Qtychangebtn {width: 30px; height: 30px; font-size: 20px; line-height: 30px; margin-left: 4px;}
#order .tab-menu .tm-buy-btn {display: flex; position: fixed; width: 100%; left: 0; bottom: 0; margin: 0 0 0;}
#order .tab-menu .tm-buy-btn .tmb-btn,
#order .tab-menu .tm-buy-btn .tmb-btn:not(:first-child) {flex: 1; margin: 0 0; border-radius: 0;}
/* 0919추가 */
#order .tab-menu .tm-buy-btn .tmb-btn.mobile{display: flex; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; background-color: transparent;}
#order .tab-menu .tm-buy-btn .tmb-btn.mobile span{display: block; width: 50%; height: 50px; line-height: 50px; background-color: #02c7d2;}
#order .tab-menu .tm-buy-btn .tmb-btn.mobile span:first-child{background-color: #fd6d58;}
#order .tab-menu .tm-buy-btn .tmb-btn.mobile.active{display: none;}
/* 0919추가 */


/* 탭 고정 */


/* 커리큘럼 */

/* 생생수강후기 */
.top_info_area .tia-txt .tiat-txt02 {display: none;}
/* .top_info_area .tia-score {display: flex; align-items: center; padding-top: 16px;} */
.top_info_area .tia-score .tias-star .star-img {width: 170px;}
.top_info_area .tia-score .tias-score {padding-left: 10px;}

.reply-list-bg-wrap.swiper-container {margin: 26px 0 0; padding-right: 18px;}
.reply-list-bg-t2 {padding: 42px 40px 45px;}
.reply-list-bg-t2 .rlb-score {margin-bottom: 15px;}
.reply-list-bg-t2 .rlb-score .score-txt {padding-left: 4px; font-size: 14px;}

.detail-qna-box .qna-list {padding: 17px 0 17px;}
.detail-qna-box .qna-list > span {font-size: 16px;}
.detail-qna-box .qna-list .question {padding-right: 40px;}

/* td 추천 티칭 */
.detail-td {margin-top: 80px;}
.detail-td .detail-td-header-inner .dthi-title {font-size: 20px;}
.detail-td .detail-td-header-inner .more_link {font-size: 13px; color: #fff;}
.detail-td #recommend {margin-top: 20px; padding: 0 0 0 0;}
#recommend .swiper-wrapper {display: block;}
#recommend .swiper-wrapper:after {content: ''; clear: both;}
#recommend .recommend-list-item.type-detail {float: left; width: calc(50% - 16px); margin: 0 0 32px 0; border-radius: 4px; overflow: hidden;}
#recommend .recommend-list-item.type-detail:nth-child(2n) {margin-left: 32px;}
#recommend .recommend-list-item.type-detail > a {display: block; position: relative; /*z-index: -9999;*/ width: 100%; padding-bottom: 125.24%;}
#recommend .recommend-list-item.type-detail > a img {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
#recommend .recommend-list-item.type-detail > a img.masking {/*object-fit: none;*/ z-index: 2;}
#product-sumnai-info {z-index: 3; left: 0 !important; bottom: 0 !important; padding: 0 16px 16px;}
}

@media (min-width: 701px) and (max-width: 850px) {
	/* 상세페이지 */
	.clock>em {width: 5vw; height: 8vw; line-height: 8vw;}
	.align-around.desktop {display: none;}
}

@media (min-width: 1px) and (max-width: 700px) {
	.for-pc {display: none;}
	.for-m {display: block;}

	/* ===== 카테고리 리스트 ===== */
	.ctg_wrap{/*margin: -80px 0 0; */padding-bottom: 44px;} /* 메뉴 사라지는 현상때문에 주석처리 margin: -80px 0 0; */
		#category_banner_area{margin: 0 -10px; height: auto; background-position: -50px center; background-size: cover;}
		#category_banner{padding: 77px 0 0 10px;}
		#category_banner::-webkit-scrollbar{height: 5px;}
		#category_banner::-webkit-scrollbar-thumb{height: 5px;}

		#category_banner .category_img.ctg01, #category_banner .category_img.ctg02, #category_banner .category_img.ctg03, #category_banner .category_img.ctg04, #category_banner .category_img.ctg05, #category_banner .category_img.ctg06{width: 80%;}
		#category_banner .category_img.ctg01._on, #category_banner .category_img.ctg02._on, #category_banner .category_img.ctg03._on, #category_banner .category_img.ctg04._on, #category_banner .category_img.ctg05._on, #category_banner .category_img.ctg06._on{width: 100%; height: auto;}
		#category_banner .category_img.ctg01 a, #category_banner .category_img.ctg03 a, #category_banner .category_img.ctg05 a, #category_banner .category_img.ctg06 a{padding-right: 60px;}
		#category_banner .category_img.ctg02 a, #category_banner .category_img.ctg04 a{padding-right: 60px;}

		#category_banner .category_img.ctg01 .txt{left: auto; right: 60px;}
		#category_banner .category_img.ctg02 .txt{left: auto; right: 30px;}
		#category_banner .category_img.ctg03 .txt{left: auto; right: 60px;}
		#category_banner .category_img.ctg04 .txt{left: auto; right: 60px;}
		#category_banner .category_img.ctg05 .txt,
		#category_banner .category_img.ctg06 .txt{left: auto; right: 20px;}
		#category_banner .category_img .txt strong{font-size: 18px; line-height: 22px;}
		#category_banner .category_img .txt em{font-size: 13px; line-height: 22px;}

		#category_banner .category_img._on .txt{top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
		#category_banner .category_img.ctg01._on .txt,
		#category_banner .category_img.ctg02._on .txt,
		#category_banner .category_img.ctg03._on .txt,
		#category_banner .category_img.ctg04._on .txt,
		#category_banner .category_img.ctg05._on .txt,
		#category_banner .category_img.ctg06._on .txt{left: auto; right: 10px;}
		#category_banner .category_img._on .txt strong{font-size: 30px; line-height: 1;}
		#category_banner .category_img._on .txt em{font-size: 20px; line-height: 30px;}

		#tag-slider.ctg_tag_wrap{margin-top: 25px; padding: 0;}
		.ctg_tag_wrap .swiper-slide{margin: 0 0 0 7px;}
		.ctg_tag_wrap a span{height: 36px; line-height: 36px; font-size: 16px;}

		.ctg_tag_wrap .tag_inner .swiper-button-prev,
		.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-next,
		.ctg_tag_wrap .tag_inner .swiper-button-next,
		.ctg_tag_wrap .tag_inner .swiper-container-rtl .swiper-button-prev{height: 36px;}

		#recommend.typeSlider {padding: 10px 0 0;}
		#recommend.typeSlider .slick-list{margin: 0 -10px;}
		#recommend.typeSlider .slick-slide{margin: 0 10px;}
		#recommend.typeSlider .masking{width: 100%;}

		.category_tit{position: relative; margin-top: 38px; padding: 0; text-align: left;}
		.category_tit h3{float: none; font-size: 20px; line-height: 30px;}
		.category_tit .sel_area{margin: 11px 0 0 -6px; padding-left: 0; float: none;}
		.category_tit .sel_area:before{display: none;}
		.category_tit .sel_area select{margin-left: 6px; min-width: inherit;}
		.selectbox2 {padding: 0 20px 0 12px; font-size: 14px; width: calc(33.333% - 6px); height: 38px; line-height: 36px; background-size: 10px auto;    background-position: right 8px center;}
		.select-option-color2{font-size: 14px;}
		.category_tit .slide-button{margin-top: 0; position: absolute;top: 0;right: 0;}
		.category_tit .slide-button a{font-size: 14px;}
		.category_tit .slide-button .fa-solid{width: 12px;}
		.category_tit .slide-button select{width: auto; height: 30px; line-height: 30px;}

		.ctg_wrap .hidden-block{display: none;}

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


		/* 일반 리스트 */
		.shop-listtype .list_banner{height: 136px}
		.shop-listtype .top-slide-title{
			justify-content: center;
			font-size: 2.6rem;
		}

		.shop-listtype{padding-bottom: 0;}
		.shop-listtype .list_tit h3{font-size: 20px; line-height: 30px;}
		.shop-listtype .list_tit .sort_btn{padding-top: 0;}
		.shop-listtype .list_tit .sort_btn a{font-size: 14px; line-height: 30px;}
		.shop-listtype .list_tit select{height: 30px; line-height: 30px;}

		.shop-listtype .eb-pagination-wrap{padding: 36px 0 41px;}


		/* 상세페이지 */
		.swiper-container.tablet {display: block;}
		.more_link {display: block;}
		.m_double_wrapper {width: 100%;}
		.desktop {display: none;}
		.tablet {display: none;}
		.mobile {display: block;}
		#timer-info {float: none !important; margin: 0 auto !important; display: flex; flex-direction: column; margin-top: 0 !important; height: auto; padding: 23px 10px;}
		#timer-caption {margin: 0 auto; border-radius: 10px;;}
		.timer_notice {padding: 0 0 0 0;}
		.timer_notice > p {font-size: 20px; line-height: 26px; margin-top: 4px;}
		.timer {margin-top: 10px;}
		#timer-info2 {margin-top: 16px; padding-left: 0;}
		#timer-info2 p {}
		.timer_notice {align-items: center;}
		.timer > span.at {width: 20px; text-align: center;}
		.clock {margin: 0 0;}
		.clock > em {margin: 0 2px;}

		#player {position: relative; margin-bottom: 0;}
		#player.type-player {position: relative; margin-bottom: 0; height: 0; /*padding-bottom: 57.39%;*/}
		#player iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
		#player-area img {height: 55.6vw;}
		#play-list-pc {display: none;}
		#play-list {background-color: #202022; margin-top: 0; border-top: 1px solid #333333;}
		#play-list-mobile {margin-top: 0 !important;}

		.sumail-list>p {margin: 15px 0 !important;}
		.sumail-list {position: relative;}

		.m_close {position: absolute; top: 15px; right: 15px; color: #fd6a59; border: 1px solid #fd6a59; display: flex; border-radius: 15px !important; padding: 0 10px;}

		.recommend-list-item .product-sumnail {width: 100% !important; height: auto !important;}
		.recommend-list-item {height: auto !important;}

		.info_area .content_tab_menu_blank {margin-top: -15px;}
		.info_area .content_tab_menu .tab_btn {font-size: 16px; line-height: 52px; margin-right: 30px;}

		#order {height: auto !important;}
    /* .m_double_wrapper {flex-direction: column; gap: 0px;}
    .m_double_wrapper>* {margin: 0 !important; margin-top: 10px !important;} */

    #product-sumnai-info {top: unset !important; font-size: 6px; bottom: 3vw !important; left: 3vw !important;}

    .item-price {font-size: 12px !important;}
    .item-month {font-size: 8px !important; margin: 0; display: flex; align-items: flex-end; height: 100%;}
    .item-discount {width: 15px; height: 15px; font-size: 9px; display: flex; justify-content: center; align-items: center;}
    .dis-percent {font-size: 9px;}
    .span_wrapper {display: flex; align-items: center;}

    /* 상세 반응 - Mobile */
    .detail_top {padding-top: 16px;}
    .detail_top .tag_area {padding-top: 0;}
    .detail_top .player-tag {}
    .detail_top .player-tag + .player-tag {margin-left: 2px;}
    .detail_top .player-title {padding-top: 16px; font-size: 24px; line-height: 30px;}
    .detail_top .player_name {padding-top: 16px; font-size: 14px; line-height: 20px;}

    #play-list .thumb_list li {width: 25%;}
    #play-list .thumb_list li.on:after {background-size: 34px auto;}
    #play-list .thumb_list li.noimg:after {font-size: 14px; border-right: 1px solid #151426;}
    #play-list .thumb_list li.noimg:last-child:after {border-right: none;}

    #play-info,
    #play-info.video {margin: 16px 0 0 0; padding: 0 0 0 0;}
    #play-list {position: static; width: auto;}
    #play-list.play-list-movie {width: auto;}
    #play-info .pay_infomation {display: block; position: fixed; z-index: 1000; width: 100%; top: auto !important; bottom: -80vh; left: 0 !important; margin-top: 0; transition: bottom 0.4s; max-height: 80vh; overflow: scroll;}
    #play-info .pay_infomation.on {top: auto; bottom: 50px;}
    .order-bg {display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
    .order-bg:before{content: ''; position: absolute; bottom: calc(80vh + 60px); left: 50%; margin-left: -20px; width: 40px; height: 40px; border-radius: 20px; border: 1px solid #000; background-color: #fff; font-size: 0; background-repeat: no-repeat; background-position: center; background-image: url(../image/img/button/btn_close.png); background-size: 16px;}
    .order-bg.on {display: block;}


    #play-list.play-list-movie {max-height: 652px;}
    #play-list.play-list-movie .play-thumb-haed {
    	padding: 14px 20px;
    	margin: 0 0 0 0 !important;
    	position: absolute;
    	left: 0;
    	right: 0;
    	top: 192px;
    	z-index: 12;
    }



    #order {width: auto; border-radius: 4px; padding: 0 0 0 0;}
    #order .tab-menu {max-height: none; padding: 20px 20px 40px; overflow-y: hidden;}
    /* 상세페이지 - 가격정보 영역 */
    #order .tab-menu .tm-title {margin-top: 8px; font-size: 20px; line-height: 24px;}
    #order .tab-menu .tm-desc {margin-top: 6px; font-size: 14px; line-height: 20px;}

    #order .tab-menu .tmTop .tm-share{right: 15px;}

    #order .tab-menu .tm-hr {margin: 12px 0;}
    #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-option {margin-top: 33px;}
    #sit_sel_option .option-cal .option-cal-input .div-round-border {width: 60px; height: 30px; margin-right: 2px;}
    #sit_sel_option .option-cal .option-cal-input .Qtychangebtn {width: 30px; height: 30px; font-size: 20px; line-height: 30px; margin-left: 4px;}
    #order .tab-menu .tm-buy-btn {display: flex; position: fixed; width: 100%; left: 0; bottom: 0; margin: 0 0 0;}
    #order .tab-menu .tm-buy-btn .tmb-btn,
    #order .tab-menu .tm-buy-btn .tmb-btn:not(:first-child) {flex: 1; margin: 0 0; border-radius: 0;}
    /* 0919추가 */
    #order .tab-menu .tm-buy-btn .tmb-btn.mobile{display: flex; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0; background-color: transparent;}
    #order .tab-menu .tm-buy-btn .tmb-btn.mobile span{display: block; width: 50%; height: 50px; line-height: 50px; background-color: #02c7d2;}
    #order .tab-menu .tm-buy-btn .tmb-btn.mobile span:first-child{background-color: #fd6d58;}
    #order .tab-menu .tm-buy-btn .tmb-btn.mobile.active{display: none;}
    /* 0919추가 */

    .info_area .menu_contents .content_inner {padding: 40px 5px;}
    .click_menu {justify-content: left;}
    .detail-more-view {font-size: 16px;}

    /* 탭 고정 */

    /* 생생수강후기 */
    .top_info_area .tia-txt .tiat-txt02 {display: none;}
    /* .top_info_area .tia-score {display: flex; align-items: center; padding-top: 16px;} */
    .top_info_area .tia-score .tias-star .star-img {width: 170px;}
    .top_info_area .tia-score .tias-score {padding-left: 10px;}

    .reply-list-bg-wrap.swiper-container {margin: 30px 0 0; padding-right: 32px;}
    .reply-list-bg-t2 {padding: 42px 40px 45px;}
    .reply-list-bg-t2 .rlb-score {margin-bottom: 15px;}
    .reply-list-bg-t2 .rlb-score .score-txt {padding-left: 4px; font-size: 14px;}

    .detail-qna-box .qna-list {padding: 17px 0 18px;}
    .detail-qna-box .qna-list > span {font-size: 14px;}
    .detail-qna-box .qna-list .question {padding-right: 50px;}

    /* td 추천 티칭 */
    .detail-td {margin-top: 80px;margin-bottom: 20px;}
    .detail-td .detail-td-header-inner .dthi-title {font-size: 20px;}
    .detail-td .detail-td-header-inner .more_link {font-size: 13px; color: #fff;}

    #product-sumnai-info {z-index: 3; left: 0 !important; bottom: 0 !important; padding: 0 16px 16px;}
  }

  @media all and (min-width:1px) and (max-width:430px) {

  	/* ===== 카테고리 리스트 ===== */
  	.category-banner-slide { margin-left: -150px; margin-right: -150px; }
  	/*#category_slide_left{ right:60px !important;}*/
  	/*#category_slide_right{ right:20px !important;}*/
  	/* .clock {font-size: 40px;} */
  	.timer > span.at {font-size: 38px; height: 55px; line-height: 55px;}
  	.clock > em {width: 40px; height: 55px; font-size: 38px; line-height: 55px;}

  	/* ===== 상세페이지 ===== */
  	.info_area .content_tab_menu .tab_btn {font-size: 14px; margin-right: 20px;}
  }




/* MIDEA QUERY 202303 :: DSC  */
/* 1200보다 작아질때 레이아웃 */


@media all and (max-width:1200px){
	.shop-item{padding:0 20px}
	.info_area{
		max-width: 100% !important;
		padding:20px !important;
	}
	.shop-listtype .top-slide-title{justify-content: center}
	.shop-listtype .list_tit{padding:0 20px}
	.shop-listtype .list_tit{}

}

/* PC 전용 */
@media all and (min-width:961px) {
	.for-pc {display: block;}
	.for-m {display: none;}
	#play-info .pay_infomation.fixed {
		position: fixed; top: 146px; left: 1271px; z-index: 5;
	}
}

/* 961px 이하 공통 */
@media all and (max-width:960px){
	#category-list{
		padding:0 14px;
	}

}

/* 태블릿 701 ~ 960 */
@media all and (min-width:701px) and (max-width:960px){
	.shop-item{
		max-width: 100% !important;
		padding:20px !important
	}
	.shop-listtype .top-slide-title{
		justify-content: center;
	}
}

/* 모바일 (320)0 ~ 700 */
@media all and (min-width:320px) and (max-width:700px){
	.pay_infomation {order: 0; width: 100%;}
	.info_area .content_tab_menu.first.fixed{
		margin-left:-2px;
	}
	.shop-listtype .list_banner{
		height: 106px;
	}
	.shop-listtype .list_tit{
		padding:20px 14px 0;
	}

}