/* 홍보 영상 */

.promotion ul>li{margin-bottom: 32px;}
.promotion ul li > div{border:1px solid #ddd; cursor: pointer;}
.promotion ul li .promotion_bg{display: block; width:100%; padding-bottom: 70%; }
.promotion02 ul li .promotion_bg{display: block; width:100%; height:216px;}

.promotion ul li .promotion_bg img{width:100%;}
.promotion ul li .text_box{padding:20px 20px;position:relative}
.promotion02 ul li .text_box{height:120px;}
.promotion ul li .text_box .con_title{font-size:1.25rem; font-weight: 600; margin-bottom: 8px;}
.promotion ul li .text_box .con_text{font-size:15px; color:#666;line-height: 1;}
.promotion ul li .text_box .con_text.target03{text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 95%;
    -webkit-line-clamp: inherit; display: block;
    -webkit-box-orient: inline-axis;
}
.promotion ul li .text_box .con_date{font-size:15px; text-align: right;margin-top:30px; color:#888;

}
.promotion ul li .text_box .progress{font-size:14px; font-weight: 800; margin-bottom:8px}
.promotion ul li .text_box .progress .new{background-color:#FF6C0F ; border-radius: 55px; padding:4px 8px; color:#fff;font-size:11px; margin-right:8px;}
.promotion ul li .text_box .progress .ing{color:#FF6C0F; font-weight: 600;}
.promotion ul li .text_box .progress .end{color:#999; font-weight: 600;}


.promotion.event ul li .text_box{padding:20px 20px;  position:relative}
.promotion .panel ul


/*  자주하는 질문 */
dl.accordion{width:100%;margin:0 auto 20px; border-top: 1px solid #000;}
.accordion dt{font-size:1.125rem; font-weight: 300; border-bottom: 1px solid #ddd; padding:20px 55px;	margin:0 0 2px;position:relative; cursor: pointer;}
.accordion dt span{font-weight: 600 !important;}
.questions_point01{font-size:1.575rem;font-weight: 600;margin-right:5px; color:#444;position:absolute; top:50%; transform: translateY(-50%); left:20px;}
.questions_point02{font-size:1.575rem; font-weight: 500;margin-right:5px; color:#e52d18; position:absolute; top:50%; transform: translateY(-50%);  left:20px;}

.questions .accordion{border-top: 1px solid #000;}
.info.questions .accordion>div{border: 1px solid #ddd; margin: 16px 0; border-radius: 5px;}
.info .accordion dt{border-bottom: 0; font-weight: 600;}

.accordion dt i{width:16px; display: block;position:absolute;top:50%;transform: translateY(-50%); right:20px;}

.accordion dt i.on{transform: rotate(180deg) translateY(20px);}


.accordion dd{font-size:1.125rem; font-weight: 300;color:#4d4d4d;	
    background:#f5f5f5; padding:20px 50px;margin:0 0 2px;display:none;position:relative;
}
/* search_box */
.questions .questions_top{margin-top:30px;}
.questions .questions_top .search {margin-left: auto; border: 1px solid #ddd;width: 20%; display: flex; align-items: center;}
.questions .questions_top .search input { border: none; outline: 0; font-size: 14px;
    padding: 10px; border-right: 1px solid #ddd; width: 90%;}
.questions .questions_top .search button { height: 28px; border: none; padding: 0 10px;
    cursor: pointer; background-color: #fff; margin: 0 auto;}
.questions .questions_top .search button i { font-size: 1.25rem; color: #333;}


.page_but i.fa{color:#666}
.page_but { margin-top: 60px;}
.page_but ul { width: 100%; display: flex; align-items: center; justify-content: center;font-size: 15px;
    color: #666}
.page_but ul li.arrow {width: 35px; height: 35px; color: #000; font-size: 16px; border: 1px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.page_but ul li.arrow i{display: flex; align-items: center; justify-content: center;}
.page_but ul li { padding: 0 3px; margin: 0 8px; color: #888; font-size: 14px; cursor: pointer;}
.page_but ul li.active {border-bottom: 2px solid #FF6C0F; color: #FF6C0F; font-size: 16px;}

.side_nav b{font-size: 1.7rem; font-weight: 600; display: block; margin-bottom: 24px;}
.side_nav .side_sub_depth>span{font-size: 1.4rem; display: block; font-weight: 700; margin-bottom: 16px;}
.side_nav .side_sub_depth + .side_sub_depth{margin-top: 32px; border-top: 1px solid #ddd; padding-top: 32px;}
.side_nav .side_sub_depth a.on{color: #FF6C0F; opacity: 1; font-weight: 700;}
.side_nav .side_sub_depth a {display: block; font-weight:500; font-size: 18px; opacity: 0.7;}
.side_nav .side_sub_depth a + a{padding-top:16px;}
.side_info{background-color: #f5f5f5; padding:32px 24px; margin-top: 72px;}
.side_info .top p{font-size: 17px;font-weight: 600;}
.side_info .mid a{display: block; color: #FF6C0F; font-size: 23px; font-weight: 600; margin: 8px 0;}
.side_info .btm{font-size: 14px; border-top: 1px solid #ddd; padding-top: 16px;}
.side_info .btm p{display: block;}
.side_info .btm p + p{margin-top: 4px;}


/* 공지사항 */

.notice h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.notice .notice_top {display: flex;justify-content: flex-end;margin:30px auto;width:100%}
.notice .notice_top button.write{background-color: #FF6C0F; color: #fff; border-radius: 5px; padding: 12px 24px; margin-left: 8px;}
.notice.my_inquiry .my_inquiry_btn{padding: 12px 32px; font-size: 15px; background-color: #fb2780; color: #fff; margin-left: 10px;}
.notice .notice_top .search{width: 250px; max-width: 100%; display: flex;align-items: center; background-color: #f5f5f5; border-radius: 10px; margin: 0 !important;}
.notice .notice_top .search input{ border: none; outline: 0;font-size: 14px;padding:14px 16px; width:90%; background-color: #f5f5f5; }
.notice .notice_top .search button{width: 50px; height: 50px; border: none; cursor: pointer; margin: 0 auto; }
.notice .notice_top .search button i{color:#333; display: flex; align-items: center; justify-content: center;}

.commu_write .con_wrap{display: flex; border-bottom: 1px solid #ddd;}
/* .commu_write .con_wrap .left{width: 250px; background-color: #f5f5f5; padding: 16px;} */
.commu_write .con_wrap .right{width: 100%; padding: 16px 0;}
.commu_write .con_wrap .right input{border: 1px solid #ddd; width: 100%; padding:12px 12px; border-radius: 5px;}
.commu_write .con_wrap .right textarea{padding: 12px 12px; resize: none; border-radius: 5px; height: 450px;}
.commu_write .con_wrap .right select{width: 173px;border: 1px solid #ddd; padding:12px 12px; background-position: 93% 50%; border-radius: 5px;}
.commu_write .btn_wrap{display: flex; justify-content: center; margin-top: 32px;}
.commu_write .btn_wrap button{border-radius: 5px; padding: 12px 16px; min-width: 120px; font-size: 15px;}
.commu_write .btn_wrap button + button{margin-left: 8px;}


.notice.my_inquiry .table .body_table li > div{display: table;}
.notice.my_inquiry .table .body_table li > div p{display: table-cell;}

.notice .table ul li > div{display: flex; text-align: center;align-items: center; justify-content: space-between;}
.notice.my_inquiry .table .body_table li > div .t_date{width: auto;}


.notice .table ul li > div:first-child{}
.notice .table ul p{padding:16px 8px; cursor: pointer;}
.notice .table .head_table{font-weight: bold; color:#999;border-bottom:1px solid #ddd; border-top: 1px solid #000;}
.notice .table .body_table li{border-bottom:1px solid #ddd;padding:10px 0;}
.notice .table .t_no{width:10%;color: #888;}
.t_kind{width:10%;color: #888;}
.notice .table .t_title{width:50%;}
.notice .table .body_table .t_title{text-align: left;}
.notice .table .body_table .t_title span{color: #FF6C0F; font-weight: 600; margin-left: 4px;}
.notice .table .t_name{width:10%;color: #888;}
.notice .table .t_date{width:10%;color: #888;}
.notice .table .t_views{width:10%;color: #888;}


.commu02.notice .dis-f .left{border-left: 1px solid #ddd; border-right: 0; position: sticky; top: 50px;left: 0; width: 300px;}
.ad_wrap img{border: 1px solid #ddd;}
.notice .dis-f .left{width: 250px; border-right: 1px solid #ddd; padding: 32px; padding-top: 80px;}
.notice .dis-f .right{width: calc(100% - 250px); padding: 32px; padding-top: 80px;}
.t_img{width: 15%;}
.t_img>i{border: 1px solid #ddd; padding:4px; display: block; width: 100px; height: 100px; padding: 32px;}



/* 공지사항 view */
textarea{outline: 0;}
input{outline: 0;}
.notice_view .top .sub_info{display: flex; align-items: center; gap: 16px;}

.notice_view .top .view_title{font-size:2rem; font-weight: 700; width:100%; margin-bottom: 16px;}
.notice_view .top > div{display: flex;justify-content: space-between; color:#888; font-size: 0.975rem;}
.notice_view .body{border-bottom: 1px solid #ddd; min-height: 400px;height: 100%; font-size: 17px;}
.notice_view .btn_wrap{display: flex; align-items: center; gap: 8px; padding: 8px 0;}
.notice_view .btn_wrap button{border: 1px solid #ddd; padding: 8px; border-radius: 3px;}

.notice_view .body .text_box_sec{min-height: 400px; font-size: 17px;}
.notice_view .body textarea{border:none}
.notice_view .body .body_in_file {border-top:1px solid #ddd; padding:10px 0;}
.notice_view .body .body_in_file p{color:#888;font-size:13px; margin-right: 16px;}
.notice_view .body .body_in_file p:last-child{margin-right: 0;}
.notice_view .body .body_in_file p a{cursor: pointer;}
.notice_view .bottom .post {border-bottom: 1px solid #000; border-top: 1px solid #000;}
.notice_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.notice_view .bottom .tit{display: flex;width: 100px; justify-content: space-between; align-items: center;padding-left:10px}
.notice_view .bottom .tit i img{width: 10px;}

.notice_view .bottom .post_text{padding-left:30px; width: calc(100% - 100px); font-weight: 600;}
.notice_view .bottom .button{text-align: right;margin-top:40px;}
.notice_view .bottom .button button{padding:12px 50px; border:1px solid #bbb; background-color: #bbb; color:#fff; font-size: 16px; border-radius: 5px;}

.notice_view .top{border-bottom: 1px solid #222; padding-bottom: 24px;}

.qna_view #content{min-height: 300px;}
.qna_view .answer .fa-arrow-right:before{font-size: 13px;background-color: #f5f5f5;margin-top:10px;}
.qna_view .top{border-bottom: 1px solid #222;padding-bottom: 24px;}



/* 1:1문의 */
.qna h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.qna .qna_top {display: flex;justify-content:flex-end ;    width: 100%;
    margin: 30px auto;}
.category_list{margin-right:10px; position:relative; width:180px;}
.category_list p{background-color: #f5f5f5;  padding:12px 32px 12px 12px;font-size: 14px; position:relative;width: 100%;}
.category_list p::after{content: ''; display: block; width:6px; height:6px; border-top:2px solid #ddd; border-right:2px solid #ddd; transform: rotate(135deg) translateX(-50%); position:absolute; right:20px; top:42%;}
.category_list ul{padding:10px; font-size:14px; border:1px solid #ddd; line-height: 2em;position:absolute; width:100%;background-color: #fff;top:43px;display: none;}
.qna .qna_top .search{background-color: #f5f5f5; width: calc(100% - 180px);
 display: flex;align-items: center;margin-right: 10px;}
 .qna .qna_top > button{padding:12px 32px; background-color: #FF6C0F; color: #fff; font-size: 15px; border-radius:3px;}
.qna .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px 16px;background-color: #f5f5f5; width:90%;}
.qna .qna_top .search button{width: 48px; height: 48px; border: none; padding:0 13px;cursor: pointer;margin: 0 auto;}
.qna .qna_top .search button i{font-size: 1rem;}

.qna .table ul li:last-child > div:last-child{border-bottom: 0;}

.qna .table ul li > div{display: flex; cursor: pointer;  text-align: center;align-items: center;border-bottom:1px solid #ddd;}
.qna .table ul li > div.after_answer{background-color: #f5f5f5; border-bottom: 0;}
.qna .table .head_table{font-weight: bold; color:#999;border-bottom: 1px solid #ddd;}
.qna .table .head_table li{border-bottom: 0;}
.qna .table ul li{border-bottom: 1px solid #ddd;}
/* .qna .table .body_table{border-top:1px solid #888;} */
.qna .table .body_table li{border-bottom:1px solid #ddd;padding:10px 0;}
.qna .table .t_no{width:10%}
.qna .table .t_category{width:15%}
.qna .table .t_title{width:40%;}
.qna .table .t_title img{width: 15px; margin-left: 4px;}
.qna .table .body_table .t_title{width:40%; text-align: left;}
.qna .table .t_name{width:15%;}
.qna .table .t_date{width:20%;}

.qna .table .body_table .t_no{font-size:0.937rem;color:#555;}
.qna .table .body_table .t_name{font-size:0.937rem;color:#555;}
.qna .table .body_table .t_date{font-size:0.937rem;color:#555}

.qna .table .after_answer .t_no{width:10%;}
.qna .table .after_answer .t_no img{width: 18px; margin: 0 auto; display: block; opacity: 0.8; position: relative; top: -5px; left: 6px;}
.qna .table .after_answer .t_title{width:40%;}
.qna .table .after_answer .answer{width:15%; padding-top: 11px; padding-bottom: 11px;}
.qna .table .after_answer .answer span{font-size:14px; color:#fff; background-color: #FF6C0F; padding:5px 16px; display: inline-block; height:100%; border-radius: 3px;}
.qna .table .t_title i.fa{padding-left:5px;color:#888}


/* 문의하기 view */
.contact{width:100%;margin:0 auto;}
.contact ul{border-top: 1px solid #000;}
.contact ul li.goods > div{display: flex; border-bottom:1px solid #ddd; padding:20px 0;justify-content: space-between;}
.contact ul li.goods .goods_img{width:150px; height:150px; border:1px solid #ddd; position:relative}
.contact ul li.goods .goods_text{width:calc(100% - 150px);padding-left:30px;}
.contact ul li.goods .goods_text .text_title{font-size:1rem;}
.contact ul li.goods .goods_text .text_title:hover{text-decoration: underline;}
.contact ul li.goods .goods_text .text_price{font-size:1.125rem;margin-top:10px; font-weight: 600;}
.contact ul li.goods .goods_text .button button{border-color:#ddd;padding:8px 20px; margin:5px 0;font-size:0.875rem}
.contact ul li.goods .yes_goods .goods_img::before{width:100%; height:100%; content:''; display: block; position:absolute;background-color: #f5f5f5; z-index: -1;} 

.contact ul li.goods .goods_text{display: flex;justify-content:space-between;align-items: center;}
.contact ul li.in_list .left{width:150px;}
.contact ul li.in_list .right{width:calc(100% - 150px);}
.contact ul li.in_list .right .text_input{border:0; background-color: #f5f5f5; padding:10px; width:100%; border-radius: 5px;}
.contact ul li.in_list {display: flex;align-items: center; width:100%;padding:20px 0px; border-bottom:1px solid #ddd}
.contact ul li.in_list .left p{margin-top:8px; font-weight: 600;}
.trade_write .contact ul li.in_list .left p{margin-top: 0;}
.contact ul li.in_list > div:nth-child(2n){border-right:none;}
.contact ul li.check_box_list{display: flex; align-items: center;}
.contact ul li.check_box_list .right{display: flex;}
.contact ul li.check_box_list .right > div{margin-right: 20px;}
.contact ul li.check_box_list > div input { width: auto;}

.contact ul li.in_list .right>div{background-color: #f5f5f5; width: 100%;}
.trade_write .contact ul li.in_list .right>div{ width: auto;}

.contact ul li.in_list .right>div p{padding: 10px;}
.contact .bottom_button{display: flex; justify-content:center;margin-top:30px}
.contact .bottom_button button{padding:16px 0px; border:1px solid #ddd; margin:0 10px;width:100%; font-size: 16px; border-radius: 5px;}
.contact .bottom_button button:first-child{background-color: #FF6C0F;border-color:#FF6C0F; color:#fff; border-radius: 5px; }


/*문의하기 view02 */
textarea{outline: 0;}
input{outline: 0;}

.qna_view .top .view_title{font-size:1.5rem; width:100%;}
.qna_view .top > div{display: flex;justify-content: space-between;font-size:0.975rem; color:#888}
.qna_view .body{border-bottom: 1px solid #ddd; padding:20px 0;}
.qna_view .body textarea{border:none;padding:16px 0; font-size: 16px;}
.qna_view .body .answer{background-color: #f5f5f5;padding:20px;}
.qna_view .body .answer p{color: #FF6C0F; font-weight: 600;}
.qna_view .body .answer textarea{background-color: #f5f5f5; height:100px;}
.qna_view .bottom .post { border-bottom:1px solid #000}
.qna_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.qna_view .bottom .tit{display: flex;width: 13%; justify-content: space-between; align-items: center;padding-left:10px}


.qna_view .bottom .post_text{padding-left:30px;}
.qna_view .bottom .button{text-align: right;margin-top:0;}
.qna_view .bottom .button button.list_but{padding:16px 50px; border:1px solid #bbb; background-color: #bbb; color:#fff; font-size: 16px;}



.qna_view .bottom .delete{text-align: left;margin-top: 10px;}
.qna_view .bottom .delete button{font-size: 16px; color:#888;position: relative;padding: 0;
    margin-right: 5px;
    padding-right: 5px;}
    .qna_view .bottom .delete button:last-child{color:#be3434}
.qna_view .bottom .delete button:first-child::after{content:'';display: block;width:2px; height: 14px; background-color: #ddd;position:absolute;top:53%;transform: translateY(-50%); right:-2px;}



/* 체크박스 디자인 */
.contact .d-block{display: flex; align-items: center;}
.contact .d-block input[type="checkbox"] {display: none;}
.contact .d-block input[type="checkbox"] + label {
        display: inline-block; width:15px; height: 15px; background: #fff;border:1px solid #888;
        cursor: pointer; border-radius: 4px;float:left; margin-right:7px;}
.contact .d-block:after {display:block; clear:both; content:"";}
.contact .d-block input[type="checkbox"]:checked + label {
    background: url(../img/s3/16640603736987.png)no-repeat center/15px 15px; float: left;border:1px solid #FF6C0F;}


.contact ul li.secret .right .text_input{width:150px; float:left}
.contact ul li.secret .right .secret_checkbox{width:calc(100% - 150px); float:left;padding-left: 20px; background-color: #fff !important;}
.contact ul li.secret .right > p{width:100%;}
.contact ul li.secret .secret_checkbox{display: flex;height: 40px;}

.contact ul li.secret .secret_checkbox .d-block{margin-right:10px;} 
.campaign_write .d-block input[type="checkbox"] + label span{position: absolute; left: 0; top: -1px; padding-left:28px;}
.campaign_write .d-block input[type="checkbox"] + label{width: 20px; height: 20px;}
.campaign_write .d-block input[type="checkbox"]:checked + label{background-size: 20px 20px; }



/* 이벤트 */

.all{width:760px;
	margin:auto;
}
.event .tabSet{margin-bottom:30px;}
.event .tabSet ul.tabs {display: flex;justify-content: flex-start; margin-bottom: 32px;}
.event .tabSet ul.tabs li{}
.event .tabSet ul.tabs li + li{margin-left: 24px;}
.event .tabSet ul.tabs li a{color:#888;display:block;font-weight:bold;font-size:19px; padding: 8px 0;}
.event .tabSet ul.tabs li a.on{border-bottom: 2px solid #FF6C0F; color: #FF6C0F;}
.panels{min-height:180px;margin-top: 30px;}
/* .panel{display:none;} */


/* 개인정보처리방침 */
.privacy .pr_con{border:1px solid #ddd;}


/* 상세보기 상단 스와이퍼 */
.top_shop_detail{display: flex; align-items: center;}
.top_shop_detail >ul{width: 50%;flex-direction: column;display:flex;
    justify-content: flex-start;
    align-items: center;}

/* 댓글 */
.reply_wrap .reply_num p {font-size: 18px; padding-bottom: 0;}
.reply_wrap .reply_num p span{ color: #FF6C0F; font-weight: 600; padding-right: 4px;}
.reply_wrap .reply_con>div{width: 100%; flex-direction: row !important; }
.reply_wrap .reply_con textarea{height: 70px; padding: 16px; border: 0; border-radius: 5px; background-color: #f5f5f5;}
.reply_wrap .reply_con a.submit-btn{display: flex; align-items: center; justify-content: center; width: 140px; background-color: #fb2780; color: #fff; vertical-align: middle;}
.reply_wrap .reply_list ul li .origin{padding: 16px; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd;}
.reply_wrap .reply_list ul li .top{display: flex; min-height: auto !important; border: 0 !important; padding: 0 !important; background: transparent; align-items: center;}
.reply_wrap .reply_list ul li .top .thumb{width: 45px; height: 45px; margin-bottom: -8px; overflow: hidden; border-radius: 50%;border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; margin-right:12px;}
.reply_wrap .reply_list ul li .top .name{font-size:16px;display: flex; margin-bottom: 0;}
.reply_wrap .reply_list ul li .top .name{font-size: 16px; font-weight: 600; padding-right: 16px;}
.reply_wrap .reply_list ul li .top .date{color: #888; font-weight: 300; font-size: 16px;}
.reply_wrap .reply_list ul li .bottom p{font-size: 15px; color: #888; font-weight: 400;}
.reply_wrap .reply_list ul li .bottom{padding-left: 57px; margin-top: -4px;}
.reply_wrap .reply_list ul li .submit{color: #888; font-size: 15px;}
.reply_wrap .reply_list ul li .submit a + a{padding-left: 4px;}

.reply_wrap .reply_list ul li.no_post{padding: 32px 0;}
.reply_wrap .reply_list ul li{position: relative;}
.reply_wrap .reply_list .like-btn{padding: 0; margin-left: 8px; align-items: center;}
.reply_wrap .reply_list .like-btn span{font-size: 15px; margin-left:4px;}
.reply_wrap .reply_list .like-btn img{width:21px; height: 20px;}
.reply_wrap .reply_list .like-btn>div{cursor: pointer;}
.reply-con{display: flex; align-items: center; }
.reply-con img{width: 23px; margin-right: 4px;}

.reply_wrap .my_reply_check{width: 130px; position: relative; 
    display: flex; align-items: center; justify-content: flex-end;
    border: 1px solid #ddd; border-radius: 5px; padding: 8px 8px;
}
.reply_wrap .my_reply_check span{font-size: 14px;}
.reply_wrap .my_reply_check input[type="checkbox"] + label span{top: 50%; left: 15px;}
.reply_wrap .d-block input[type="checkbox"]:checked + label span{color: #fb2780;}
.reply_wrap .reply_num {margin-bottom:8px; flex-direction: row !important;}

.reply_wrap .pic-wrap{position: absolute; left: 16px; bottom: 16px; height: 25px; 
    width: auto !important; display: flex;
}
.reply_wrap .pic-btn-wrap{}
.reply_wrap .pic-btn-wrap input{  background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/MKYU/165385221624492.png)no-repeat center center / 24px 24px;
    width: 25px !important; text-indent: -9999px; cursor: pointer; }
.reply_wrap .icon-btn{width: 40px;}
.reply_wrap .icon-btn a{opacity: 0.3;}
.reply_wrap .icon-btn a.on{opacity: 1;}
.reply_wrap .icon_list{position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);
    flex-wrap: wrap; display: flex; flex-direction: column; width: 960px;
    background-color: #fff; padding: 16px; border-radius: 15px;
    align-items: flex-start; z-index: 2;
    box-shadow: 1px 1px 10px rgba(0 , 0, 0 , 0.3);
} 
.reply_wrap .icon_list ul{display: flex; flex-wrap: wrap;}
.reply_wrap .icon_list ul li{margin-bottom: 16px;}
.reply_wrap .icon_list .icon-tab{border-bottom: 1px solid #ddd;
     padding-bottom: 16px; margin-bottom: 16px; width: 100%;
     text-align: left;
}
.reply_wrap .x-btn{position: absolute; right: 24px; top: 16px; font-size: 25px; font-weight: 300; color: #999;}


.reply_wrap .reply_list ul li .top .profile{width: 30px; height: 30px; position: relative; border-radius: 50%; margin-right: 8px; border: 1px solid #ddd;}

/* 모바일 전체메뉴 */
.m_all_menu_wrap{ position: fixed; display: none; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; min-height: 90vh; overflow-y: auto; overflow-x: hidden;}
.m_all_menu_wrap .top{display: flex; background-color: #fff; flex-wrap: wrap; align-items: center;
     justify-content: space-between; padding: 48px 24px 24px 24px; border-bottom: 1px solid #ddd;
}
.m_all_menu_wrap .top>div{width: 100%;}
i.arrow{display: block; border-right: 1px solid #999; border-bottom: 1px solid #999; 
    transform: rotate(-45deg); width: 10px; height: 10px; margin-left: 8px;
}
.m_all_menu_wrap .top.no_login .name{font-size: 16px;}
.m_all_menu_wrap .top.no_login .name span{display: flex; align-items: center; margin-top: 8px;}
.m_all_menu_wrap .top.no_login .name span a{display: block; font-weight: 600;}
.m_all_menu_wrap .top .name{font-size: 18px;}
.m_all_menu_wrap .top .name span{font-weight: 700; font-size: 1.5em;}

.m_all_menu_wrap .logout{background-color: #f5f5f5; border-radius: 55px; padding: 4px 12px; }

.m_all_menu_wrap .mo_title p{font-weight: 600; font-size: 17px;}
.m_all_menu_wrap .mo_title.on span{transform:rotateZ(90deg);}
.m_all_menu_wrap .menu_list{ padding: 0 24px;}
.m_all_menu_wrap .menu_list ul li{border-bottom: 1px solid #ddd; padding: 16px 0; }
.m_all_menu_wrap .menu_list ul li .con_wrap .mo_title{display: flex; justify-content: space-between; cursor: pointer;}
.m_all_menu_wrap .menu_list ul li .con_wrap .m-sub-depth{display: none; padding-top: 8px;}
.m_all_menu_wrap .menu_list ul li .con_wrap .m-sub-depth a{display: block; padding: 4px 0; font-size: 15px;}
.m_all_menu_wrap .top00{display: flex; justify-content: space-between; padding: 24px 24px 0 24px;}
.m_all_menu_wrap .top00 .x_btn{ font-weight: 800; font-size: 20px; cursor: pointer; }
.m_all_menu_wrap .top00 .x_btn span{font-weight: 700;}





/* 학습하기 메뉴 */

.study .tab ul li.on{background-color: #FF6C0F; color: #fff; opacity: 1;}
.study .tab.type02{margin-bottom: 24px; margin-top: 8px;}
.study .tab.type02 ul li p{padding:16px 24px;}
.study .tab.tab02 ul{display: flex;}
.study .tab.tab02{margin-bottom:12px;}
.study .tab.tab02 ul{justify-content: center;}
.study .tab.tab02 ul li p{cursor: pointer; padding: 16px 32px; border-radius: 5px; background-color: #fff; opacity: 0.3;}
.study .tab.tab02 ul li p img{margin-bottom: -2px; width: 10px; display: none;}
.study .tab.tab02 ul li{display: flex; align-items: center; justify-content: center;}
.study .tab.tab02 ul li p{font-size: 18px; font-weight: 600;}
.study .tab.tab02 ul li.current p{opacity: 1; background-color: transparent !important; font-size: 27px; font-weight: 700; color: #222; position: relative; padding: 0px 14px;}
/* .study .tab.tab02 ul li.current p::after{content: ""; width: 100%; height: 25px;
     background: url(../img/sub/level_point.svg)no-repeat center center /cover;
     position: absolute; left: 50%; bottom: 20px;  z-index:-1 ;transform: translateX(-50%);
} */
.study .tab.tab02 ul li.current p i{font-weight: 700;}
.study .list ul.inner li{width: calc(33.333% - 13px);}

.study .list ul.inner {display: flex;justify-content: flex-start; gap: 16px; flex-wrap: wrap;}
.study .list ul.inner li .con_wrap{display: flex; align-items: center; padding: 16px; height: 100%; justify-content: space-between; border: 1px solid #ddd; border-radius: 5px; cursor: pointer;}
.study .list ul.inner li .con_wrap .img_wrap{width: 120px; padding-bottom: 25%;  position: relative; overflow: hidden; }
.study .list ul.inner li .con_wrap .img_wrap img{width: 100%; position: absolute; border: 1px solid #ddd; border-radius: 15px; height: 100%; left: 50%;top: 50%; transform: translate(-50%, -50%);}

.study .list ul li .con_wrap .left_con{display: flex; align-items: center;}
.study .list ul li .con_wrap .left_con .txt_wrap{padding-left: 24px;}
.study .list ul li .con_wrap .left_con .txt_wrap .txt b{font-size: 14px;;color: #FF6C0F; display: inline-flex; margin-bottom:4px; font-weight: 600;}
.study .list ul li .con_wrap .left_con .txt_wrap .txt p{font-size: 17px; font-weight: 600;}
.study .list ul li .con_wrap .left_con .txt_wrap .info{ margin-top: 8px;}
.study .list ul li .con_wrap .left_con .txt_wrap .info dl{display: flex; align-items: flex-start;}
.study .list ul li .con_wrap .left_con .txt_wrap .info dl + dl{margin-top: 4px}
.study .list ul li .con_wrap .left_con .txt_wrap .info dl dt{width:80px; opacity: 0.4;}
.study .list ul li .con_wrap .left_con .txt_wrap .info dl dd{width: calc(100% - 80px);}


.study .list ul li .con_wrap:hover .right_con a{background-color: #FF6C0F;}
.study .list ul li .con_wrap .right_con a{display: flex; align-items: center; justify-content: center; background-color: #ddd; width: 40px; height: 40px; border-radius: 50%; }
.study .list ul li .con_wrap .right_con a img{filter: brightness(50);}

/* 레벨페이지 */
.level .level_top{display: flex; justify-content: center; align-items: center;}
.level .level_top div{}
.level .level_top div p img{margin-left: 12px; width: 15px;}
.level .level_top div p{font-size:21px; font-weight: 600; display: flex; align-items: center; cursor: pointer; justify-content: center; color: #ff6709;}
.level .level_top div p i{font-weight: 600; margin-left: 4px;}
.guide_week.level .level_top div p{font-size: 26px;}
.guide_week .tab{width: 1500px; max-width: 100%; margin: 0 auto 0 auto; display: flex; align-items: center; gap: 16px;}
.guide_week .tab p{border: 1px solid #ddd; cursor: pointer; color: #999; padding: 10px 20px; font-weight: 600; border-radius: 5px;}
.guide_week .tab p.on{background-color: #ff8131; color: #fff; border: 1px solid #000;}
.guide_week .tab p:hover{border: 1px solid #000;}


.level .level_top span{margin: 0 16px; display: block; width: 12px; display: none;}
.level .level_top .lv{position: relative;}
.level .level_top .lv_con{position: relative;}
.level .level_top .lv_con.lv02 {margin-left:0; padding-left: 16px; position: relative;}
/* .level .level_top .lv_con.lv02::before{content: ""; width: 2px; height: 15px; position:absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #999;} */
.level .level_top .lv_in{position: absolute; display: none; top: 32px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.15); left: 50%; transform: translateX(-50%); width: 100%; padding:8px; z-index: 2; background-color: #fff;}
.level .level_top .lv_in p{font-size: 17px;}
.level .level_top .lv_in p:hover{color: #FF6C0F;}
.level .level_top .lv_in p + p{margin-top: 8px;}


/* .level .level_top .lv::after{content: ""; width: 100%; height: 30px; background: url(../img/sub/level_point.png)no-repeat center center /contain;
    position: absolute; left: -24px; bottom: 5px; z-index: -1;
} */
.level .level_top .lv02{position: relative; margin-left: 12px;}
/* .level .level_top .lv02::after{content: ""; width: 100%; height: 30px; background: url(../img/sub/level_point02.png)no-repeat center center /contain;
    position: absolute; left: -24px; bottom: 5px; z-index: -1;
} */

.level .list{width: 100%; max-width: 100%; margin: 0 auto;}
.level .list ul{display: flex; flex-wrap: wrap;}

.level .list ul.day li{text-align: center; margin-bottom: 8px;}
.level .list ul.day li p{height: 55px; font-weight: 600; width: 95%; ; color: #fff; padding: 12px;  font-size: 20px; border-radius: 5px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.level .list ul.day li p:last-child{display: none;}

.level .list ul.day li:nth-child(1) p{background-color: #ffb042}
.level .list ul.day li:nth-child(2) p{background-color: #ff6709}
.level .list ul.day li:nth-child(3) p{background-color: #ff4242}
.level .list ul.day li:nth-child(4) p{background-color: #a63fff}
.level .list ul.day li:nth-child(5) p{background-color: #ff42e8}

.level .left_img{padding: 16px; width:35%; border-radius: 4px;}
.level .left_img img{width: 100%;}

.left_img .t_btn{margin-bottom: 100px;}
.t_btn{display: flex; align-items: center; margin-bottom: 24px;}
.t_btn .level_top{margin-bottom: 0;}
.t_btn button{font-family: 'SejonghospitalBold' !important; margin-right: 16px; position: relative; background-color: #fff; color: #333; border: 1px solid #ddd;
     font-weight: 800; padding:16px; border-radius: 5px; display: flex; align-items: center; justify-content: center; transition-duration: 0.3s; text-align: center; font-size: 20px;

}
.t_btn button:hover{background-color: #FF6C0F; color: #fff;}
.t_btn button:hover img{filter: invert(100%) sepia(0%) saturate(7499%) hue-rotate(182deg) brightness(3004%) contrast(100%);}

.level .bd-lg{width:65%; padding: 16px;}
.level .bd-lg h2{font-size: 35px; font-weight: 600; display: block; margin-bottom:48px; text-align: left;}
.level .list ul li{width: 20%; margin-bottom:8px;  }
.level .list ul li.check .con_wrap{position: relative; }
.level .list ul li.check .con_wrap b{opacity: 1;}
.level .list ul li.check .con_wrap span{opacity: 1;}

.level .list ul li.check .con_wrap::after{content:"" ; width: 100px; height: 85px; position: absolute; right:-4px; bottom: -19px;
    background: url(../img/sub/level_check.png)no-repeat center center /contain; opacity: 1;
}
.level .list ul li.check .con_wrap{background-color:#FF6C0F; color: #fff;}
.level .list ul li.check .con_wrap span{border-color: #fff;}


.level .list ul li.day{cursor: pointer;}
.level .list ul li.day b{opacity: 1 !important; }
.level .list ul li.day span{opacity: 1 !important;}
.level .list ul li .con_wrap:hover{border: 1px solid #FF6C0F; color: #FF6C0F;}
.level .list ul li .con_wrap{width: 95%; position: relative;  margin: 0 auto; border: 0; border-radius: 5px; height: 112px; padding: 16px; border: 1px solid #ddd; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.level .list ul li .con_wrap b{font-size:30px; font-weight: 600;line-height: 1; }
.level .list ul li .con_wrap span{display: block; margin-top: 4px;  font-size: 16px; border-top: 1px solid #222; border-bottom: 1px solid #222;}
.level .btn_wrap{text-align: center; margin-top:24px;}
.level .btn_wrap button{border-radius: 5px; padding: 12px 32px; margin: 0 auto; max-width: 100%; font-size: 16px;}
.level .list ul li.character{position: relative;}
.level .list ul li.character::before{content: ""; width: 150px; height: 150px;
     position: absolute; right: 50%; transform: translateX(50%); top:-105px; background: url(../img/sub/img01.png)no-repeat center center / contain;

}

.level .list02 ul li{cursor: pointer; font-size: 1.2em; font-weight: 600;}
.level .list02 ul li p{font-weight: 600;}
.level .list02 ul li.lv{height:50px; cursor: default; border: 1px solid #FF6C0F; color: #FF6C0F; background-color: transparent !important; }
.level .list02 ul li.lv p{font-weight: 600;}
.level .list02 ul li:nth-child(1) {background-color:#FFC700 ;}
.level .list02 ul li:nth-child(2) {background-color:#FFC700  ;}
.level .list02 ul li:nth-child(3) {background-color:#FF6C0F ;}
.level .list02 ul li:nth-child(4) {background-color:#ff6e6e ;}
.level .list02 ul li:nth-child(5) {background-color:#ff4545 ;}






.level .list02 ul li{height: 112px; width: 112px; border-radius: 5px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 8px; color: #fff;  background-color: #FF6C0F;}
.lang p.on{opacity: 1; background-color: #FF6C0F; color: #fff; border: 1px solid #FF6C0F;}
.lang p span{display: block; margin-top: 8px; }
.lang p + p{margin-left: 24px;}
.lang p{display: flex; width: 100px; cursor: pointer; border: 1px solid #ddd; color: #999; height: 100px; justify-content: center; align-items: center; flex-direction: column; border-radius: 50%;; background-color: #fff;}
.lang{position: absolute; display: flex; align-items: center; right: 0; top: 0%;}


.level02{position: relative;}
.level02::after{content: ""; z-index: -1; width: 100%; height: 335px; position: absolute; bottom: -30px; left: 0; background: url(../img/sub/img02.png)no-repeat center center;}
.level02 .con{display: flex; justify-content: space-between; align-items: center;}
.level02 .con>div{width: 50%; padding:0 32px;}

.level02 .con .left{width: 830px; max-width: 100%; cursor: pointer; position: relative;}
.level02 .con .left svg {display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}


.level02 .con .left .clock {
    z-index: 2;
    position: absolute; 
    left: 50%;
    top: 50%; transform: translate(-50%, -50%);
	min-height: 10em;
	min-width: 10em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	background-image: url("https://imvpn22.github.io/analog-clock/clock.png");
	background-position: center center;
	background-size: cover;
	border-radius: 50%;
	border: 4px solid var(--main-bg-color);
	box-shadow: 0 -15px 15px rgba(255, 255, 255, 0.05),
		inset 0 -15px 15px rgba(255, 255, 255, 0.05), 0 15px 15px rgba(0, 0, 0, 0.07),
		inset 0 15px 15px rgba(0, 0, 0, 0.1);
	transition: all ease 0.2s;
}
.level02 .con .left .clock:before {
	content: "";
	height: 0.75rem;
	width: 0.75rem;
	background-color: #FF6C0F;
	border: 2px solid var(--main-bg-color);
	position: absolute;
	border-radius: 50%;
	z-index: 1000;
	transition: all ease 0.2s;
}
.hour,
.min,
.sec {
	position: absolute;
	display: flex;
	justify-content: center;
	border-radius: 50%;
}
.hour {
	height: 6em;
	width: 6em;
}
.hour:before {
	content: "";
	position: absolute;
	height: 50%;
	width: 4px;
	background-color: #666;
	border-radius: 4x;
}
.min {
	height: 7em;
	width: 7em;
}
.min:before {
	content: "";
	height: 50%;
	width: 4px;
	background-color: #666;
	border-radius: 4px;
}
.sec {
	height: 7em;
	width: 7em;
}
.sec:before {
	content: "";
	height: 60%;
	width: 2px;
	background-color: #f00;
	border-radius: 2px;
}



.level02 .con .right{width: calc(100% - 830px);}
.level02 .con .right .top{font-family: 'KCC-Ganpan' !important; min-height: 440px;border-radius: 5px; background-color: #1D8F74; color: #fff;border: 17px solid #CFB29F; padding: 48px;}

.level02 .con .right .btm{display: flex; margin: 32px auto 0 auto; width: 95%; justify-content: center; align-items: center;}
.level02 .con .right .btm button{border-radius: 5px; font-weight: 600; padding:22px 16px; font-size: 19px; margin: 0 8px;}
.level02 .con .right .btm button.list{background-color: #4a4a4a; color: #fff; flex: 0.5;}
.level02 .con .right .btm button.prev{background-color: #cfcfcf; flex: 1;}
.level02 .con .right .btm button.next{background-color: #FF6C0F;  color: #fff; flex: 1;}



.level02 .con .right .top .day_con{display: flex; flex-direction: column;padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid rgba(255,255,255,0.5); }
.level02 .con .right .top .day_con>div{display: flex;}

.level02 .con .right .top .day_con .in01{font-size: 40px; margin-right: 24px;}
.level02 .con .right .top .day_con .in02{font-size: 20px;}
.level02 .con .right .top .day_con .in02 span{display: block; margin: 0 8px;}
.level02 .con .right .top dl.name{display: flex; align-items: center;}
.level02 .con .right .top dl dt{font-size: 22px;}
.level02 .con .right .top dl dd{font-size: 22px;}
.level02 .con .right .top dl + dl{margin-top: 12px;}

.level02 .con .right .stamp {align-items: center;}
.level02 .con .right .stamp button{font-size: 16px; font-weight: 600; padding: 12px 18px;}
.level02 .con .right .stamp button img{width: 18px; margin-left: 8px; margin-bottom:-2px;}
.level02 .con .right button{background-color: #666; padding: 8px 12px; border-radius: 5px; margin-bottom: 16px; color: #fff;}
.level02 .con .right .teacher_con{display: flex; justify-content: flex-end;}


.level02 .con .right .top .day p{font-size: 18px;}

.level03 video{width: 100vw; height: 100vh; margin-bottom: -8px;}


.btn_area{width: 1720px; max-width: 100%; text-align: right; position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: flex-end; }
.level03 .btn_wrap{display: flex; align-items: center; gap: 20px;}
.level03 .btn_wrap .btn{ padding: 0; width: 45px; height: 45px;border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: rgba(0 , 0, 0 , 0.4); color: #fff; transition-duration: 0.3s;}
.level03 .btn_wrap .btn:hover{background-color: rgba(0 , 0, 0 , 1);}
.level03 .btn_wrap .btn p{font-size: 13px;}

/* 라이브방송 */
.live_con{}


.live_con .list ul{display: flex; flex-wrap: wrap; gap:0 24px; align-items: flex-start; margin-bottom: -42px; margin-left: 0 !important; margin-right: 0 !important;}
.live_con .list ul li { margin-bottom:16px; cursor: pointer; width: calc(16.666% - 24px); padding: 0;}
.live_con .list ul li .txt_wrap{display: flex; margin-top: 8px; position: relative;}
.live_con .list ul li .txt_wrap b{display: block; font-size: 16px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width: 95%; }
.live_con .list ul li .txt_wrap span{display: inline-block; vertical-align: middle; margin-top: 2px; margin-right: 4px; font-size: 14px;}
.live_con .list ul li .txt_wrap span.time{position: relative;padding-left: 10px; margin-left: 0;}
.live_con .list ul li .txt_wrap span.time::before{content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #999; position: absolute; left: 0; top: 9px;}
.live_con .list ul li .txt_wrap .more_btn{position: absolute; right:0 ; top: 0; width: 20px; height: 20px; text-align: right;}
.live_con .list ul li .txt_wrap .more_btn .in{display: none; position: absolute; z-index: 99; width: 160px; right: 0; top: 25px;  background-color: #fff; box-shadow: 0 0 10px rgba(0 , 0, 0 , 0.3); padding: 12px; border-radius: 5px;}
.live_con .list ul li .txt_wrap .more_btn .in span{display: flex; align-items: center; text-align: left;}
.live_con .list ul li .txt_wrap .more_btn .in span img{width: 15px; margin-right: 16px;}
.live_con .list ul li .txt_wrap .txt .dis-f{display: inline-block; vertical-align: middle;}
.live_con .list ul li .txt_wrap .txt{width: calc(100% - 60px); padding-right: 8px; text-align: left;}
.live_con .list ul li .thumb_wrap{background-color: #f5f5f5;border: 1px solid #000; width: 100%; overflow: hidden; padding-bottom: 56.25%; position: relative; overflow:hidden; border-radius:5px;}
.live_con .list ul li .thumb_wrap img{position: absolute; left:50%; top: 50%; width: 100%; transform: translate(-50%, -50%); object-fit: cover; height: 100.6%;}
.live_con .list ul li .state{position: absolute; z-index: 1; right: 12px; bottom: 12px; display: flex; align-items: center;}
.live_con .list ul li .state p{border-radius: 55px; line-height: 1; background-color: rgba(0 , 0, 0 , 0.6); color: #fff; font-size: 13px; padding: 6px 8px; margin-right: 8px; }
.live_con .list ul li .state p:last-child{margin-right: 0;}
.live_con .list ul li .state p.live_on{background-color: #e52d18;}
.live_con .list ul li .state p.secret{background-color: #e52d18;}
.live_con .list ul li .state p.pay{background-color: #e52d18;}
.live_con .list ul li .state p.free{background-color: rgba(115 , 115, 115 , 0.5);}
.live_con .list ul li .profile{margin-right: 12px; width: 40px; height: 40px; position: relative; border-radius: 50%; border: 1px solid rgba(0 , 0, 0 , 0.3); overflow: hidden;}
.live_con .list ul li .profile img{position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); width: 102%; height: 102%;}

.live_con.category_con .list ul li{width: 20%;}

.live_con.my_show_list b.date{font-family: 'SejonghospitalBold' !important; display: block; margin-bottom: 16px; font-size: 22px; font-weight: 700;}
.live_con.my_show_list ul li{width:calc(16.666% - 24px);}
.live_con ul li .con_wrap{position: relative;}
.live_con ul li .con_wrap .btn_wrap{position: absolute; z-index: 2; right: 10px; top: 10px; 
    display: flex; align-items: center; justify-content: center; gap: 8px;
    opacity: 0;
}
.live_con ul li .con_wrap .btn_wrap .btn{background-color: rgba(0 , 0, 0 , 0.6); 
    border-radius: 50%; padding: 6px; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center;
}
.live_con ul li .con_wrap .btn_wrap .btn img{width: 20px; position: static; transform: inherit;}
.live_con ul li .con_wrap .btn_wrap .btn.share img{width: 14px;}

.live_con ul li .con_wrap:hover .btn_wrap{opacity: 1;}



.live_con ul li .con_wrap .x-btn img{width: 20px;}
.live_con.my_show_list .list + .list{margin-top: 60px;}


.all_del{display: flex; justify-content: flex-end; align-items: center;}
.all_del button{ margin-bottom: 12px;border-radius: 5px; padding: 6px 12px; }

.notice_type02 ul{display: flex; flex-wrap: wrap; margin-bottom: -32px;}
.notice_type02 ul li{width: 33.3333%; margin-bottom:32px; }
.notice_type02 ul li .con_wrap{border: 1px solid #ddd; border-radius:15px;padding: 48px 32px; cursor: pointer; transition-duration: 0.3s;}
.notice_type02 ul li .con_wrap:hover{border: 1px solid #FF6C0F;}
.notice_type02 ul li .con_wrap .txt_wrap span{display: block; margin-bottom:16px; font-weight: 600; opacity: 0.5;}
.notice_type02 ul li .con_wrap b{display: block; font-weight: 700; font-size: 22px; margin-bottom: 16px; transition-duration: 0.3s;}
.notice_type02 ul li .con_wrap:hover b{color: #FF6C0F;}
.notice_type02 ul li .con_wrap p{opacity: 0.8; font-size: 17px; 
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.notice_type02 ul li .con_wrap button{display: flex;padding: 12px; background-color: #f5f5f5;  transition-duration: 0.3s; border-radius: 50%; width: 40px; height: 40px; margin-top: 32px;}
.notice_type02 ul li .con_wrap:hover button{background-color: #FF6C0F;}
.notice_type02 ul li .con_wrap button span{transition-duration: 0.3s; display: block; width: 10px; height: 10px; border-right: 2px solid #999; border-bottom: 2px solid #999; transform: rotate(-45deg);}
.notice_type02 ul li .con_wrap:hover button span{border-color: #fff;}


.video_con ul{display: flex; flex-wrap: wrap; margin-bottom: -32px;}
.video_con ul li{width: 33.333%; margin-bottom: 32px; cursor: pointer;}
.video_con ul li .thumb_wrap{border-radius: 15px;overflow: hidden; position: relative; padding-bottom: 60%;}
.video_con ul li .thumb_wrap img{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.video_con ul li .txt_wrap{margin-top: 16px; display: flex; flex-direction: column;}
.video_con ul li .txt_wrap b{font-size: 19px; font-weight: 600; display: block;margin-bottom: 8px;}
.video_con ul li .txt_wrap span{opacity: 0.7;}

.video_view{width: 100vw; height: 100vh;}
.video_view video{background-color: #666; width: 100%; height:s 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.video_view .top{position: fixed; width: 100%; top: 0; left: 0; z-index: 2; display: flex; align-items: center; padding: 16px;}
.video_view .top .back{width: 50px; height: 50px; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.15); background-color: #fff; display: flex; align-items: center; justify-content: center;}
.video_view .top .back span{display: block; width: 16px; cursor: pointer; height: 16px; border-right: 2px solid #666; border-bottom: 2px solid #666; transform: rotate(135deg);}
.video_view .top .logo{width: 120px; margin-left: 16px; margin-bottom: -5px;}
.video_view .top .x_btn button{cursor: pointer; width: 80px; background-color: #fff; height: 80px; display: block; border-radius: 50%; box-shadow:0px 0px 10px rgba(0 , 0, 0 , 0.15); position: relative;}
.video_view .top .x_btn img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: 35px;}
.video_view .top .x_btn:hover button{background-color: #FF6C0F;}
.video_view .top .x_btn:hover img{filter: brightness(40);}

.video_view .top .clock p{font-size: 25px; font-weight: 600; position: absolute; left: 50%; transform: translateX(-50%); top: 40px;}
.guide_con .left{width: 45%;position: relative; padding-bottom: 30%; overflow: hidden; border-radius: 5px;}
.guide_con .left img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.guide_con .right{width: 55%; padding-left: 62px;}
.guide_con .right h3{font-size: 2rem; font-weight: 600; display: block; margin-bottom: 32px;}
.guide_con .right h3::after{content: ""; width: 50px; height: 3px; background-color: #FF6C0F; margin: 16px 0; display: block;}

.guide_con .right .list{}
.guide_con .con01 .right dl{display: flex; align-items: center; padding: 4px 0; font-size: 15px;}
.guide_con .con01 .right dl dt{width: 150px; padding-right: 16px; font-weight: 600;}
.guide_con .con01 .right dl dd{width: calc(100% - 150px); background-color: #f5f5f5; border-radius: 5px; padding: 16px;}
.guide_con .con01 .right dl + dl{margin-top: 8px;}

.guide_con .con + .con{margin-top: 80px;}
.guide_con .con .sub_t{font-size: 25px; display: block; width: 100%; font-weight: 600; border-bottom: 2px solid #222; padding-bottom: 24px; margin-bottom: 24px;}



.guide_con .con02 ul{}
.guide_con .con02 .list02>ul>li{border-bottom: 1px dashed #ddd; padding-bottom: 24px; margin-bottom: 24px;}
.guide_con .con02 .list02>ul>li + li{margin-top: 24px;}
.guide_con .con02 ul li .con_wrap{display: flex; align-items: center;}
.guide_con .con02 ul li .left_con{font-size: 23px; font-weight: 600; border-radius: 5px; color: #fff; width: 100px; height: 100px; display: flex; flex-direction: column; padding: 24px; text-align: center;}
.guide_con .con02 ul li .left_con span{font-size: 0.75em;}
.guide_con .con02 ul li .right_con{width: calc(100% - 100px); padding-left: 32px; display: flex; flex-wrap: wrap;}
.guide_con .con02 ul li .right_con ul{display: flex; flex-wrap: wrap; width: 100%; }
.guide_con .con02 ul li .right_con ul li{width: 20%; padding: 8px 8px;}

.guide_con .con02 ul li dl{border: 1px solid #ddd; width: 100%;height:100%; border-radius: 5px; padding: 24px;}
.guide_con .con02 ul li dl dt{text-align: center; font-weight: 600; border-bottom: 1px solid #ddd; padding-bottom: 16px; margin-bottom: 16px; font-size:18px;}
.guide_con .con02 ul li dl dd p{position: relative; padding-left:16px;}
.guide_con .con02 ul li dl dd p::before{content: ""; width: 5px; height: 5px; background-color: #ddd; position: absolute; left: 0; top: 7px;}

.guide_con .con02 ul li:nth-child(1) .left_con{background-color:#FFC700 ;}
.guide_con .con02 ul li:nth-child(2) .left_con{background-color:#FF6C0F  ;}
.guide_con .con02 ul li:nth-child(3) .left_con{background-color:#32C4DE ;}
.guide_con .con02 ul li:nth-child(4) .left_con{background-color:#B56EFF ;}
.guide_con .con02 ul li:nth-child(5) .left_con{background-color:#706eff ;}
.guide_con .con02 ul li:nth-child(6) .left_con{background-color:#6ed6ff ;}
.guide_con .con02 ul li:nth-child(7) .left_con{background-color:#6effe0 ;}
.guide_con .con02 ul li:nth-child(8) .left_con{background-color:#b4ff6e ;}
.guide_con .con02 ul li:nth-child(9) .left_con{background-color:#ffe96e ;}
.guide_con .con02 ul li:nth-child(10) .left_con{background-color:#ff6e9e ;}
.guide_con .con02 ul li:nth-child(11) .left_con{background-color:#ff6e6e ;}
.guide_con .con02 ul li:nth-child(12) .left_con{background-color:#6effff ;}
.guide_con .con02 ul li:nth-child(13) .left_con{background-color:#7aff6e ;}
.guide_con .con02 ul li:nth-child(14) .left_con{background-color:#fff06e ;}
.guide_con .con02 ul li:nth-child(15) .left_con{background-color:#9f45ff ;}





.edu_con .list02{margin-top: 60px;}
.edu_con .list02 ul li{position: relative;}
.edu_con .list02 ul li .ch {position: absolute;top: -95px;z-index: 2;width: 160px;right: 20px;}
.edu_con .list02 ul li:nth-child(2) .ch {bottom: -9%;top: inherit;left: 80%;}
.edu_con .list02 ul li:nth-child(3) .ch {top: -25%;right: 34%;}
.edu_con .list02 ul li .con_wrap{position: relative; overflow: hidden; border-radius:85px; display: flex; flex-direction: column; justify-content: space-between; height: 450px; padding:84px 48px; color: #fff;}
.edu_con .list02 ul li .con_wrap::after{content: ""; position: absolute; left:66%; top: 10%; width: 180px; height: 180px; background: url(../img/sub/point01.png)no-repeat center center /cover;}
.edu_con .list02 ul li .con_wrap::before{content: ""; position: absolute; left:10%; top: 50%; width: 200px; height: 200px; background: url(../img/sub/point02.png)no-repeat center center /cover;}


.edu_con .list02 ul li:last-child .con_wrap::after{background: url(../img/sub/point03.png)no-repeat center center /cover;}
.edu_con .list02 ul li:last-child .con_wrap::before{background: url(../img/sub/point04.png)no-repeat center center /cover;}



.edu_con .list02 ul li .con_wrap b{font-size: 30px; font-weight: 600; display: block; margin-bottom: 16px;}
.edu_con .list02 ul li .con_wrap p{font-size: 18px;}


.edu_con .list02 ul li .con_wrap .btn_wrap{display: flex; justify-content: flex-end;}
.edu_con .list02 ul li .con_wrap button{transition-duration: 0.3s; width: 70px; height: 70px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.15); padding: 27px; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.edu_con .list02 ul li .con_wrap button:hover{transform: translateX(10px);}


.edu_con .lv01{background-color: #FFC700;}
.edu_con .lv02{background-color: #FF6C0F;}
.edu_con .lv03{background-color: #32C4DE;}

.edu_con .lv01 button img{filter: invert(23%) sepia(77%) saturate(2231%) hue-rotate(0deg) brightness(104%) contrast(103%);}
.edu_con .lv02 button img{filter: invert(61%) sepia(47%) saturate(6367%) hue-rotate(353deg) brightness(101%) contrast(101%);}
.edu_con .lv03 button img{filter: invert(33%) sepia(74%) saturate(1576%) hue-rotate(150deg) brightness(92%) contrast(88%);}




.edu_view_wrap{position: relative;}
.edu_view_wrap::after{content: "";z-index: -1;width: 100vw;height: 100vh;position: absolute; opacity: 0.8; bottom: 0;right: 0;background: url(../img/sub/edu_view_bg.png)no-repeat center center /contain;}
.edu_view{display: flex; position: relative; align-items: center; justify-content: center; height: 100vh;}
.edu_view::after {content: "";z-index: -1;width: 270px;height: 390px;position: absolute;bottom: 0;right: 0;background: url(../img/sub/ch04.png)no-repeat center center /contain;}
.edu_view .con{width: 48%;}


.edu_view .con .step{display: flex; align-items: center; margin-bottom: 16px;}
.edu_view .con .step h2{line-height: 1; font-size: 23px; font-weight: 600; display: block; margin-right: 16px; background-color: #FF6C0F; border-radius: 5px; padding: 12px 24px; height: 70px; display: flex; align-items: center; justify-content: center;}
.edu_view .con .step h2 i{font-weight: 600; padding-left: 4px;}
.edu_view .con .step p{line-height: 1; font-size: 23px; height: 70px; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.1); background-color: #fff; padding:12px 24px; display: flex; align-items: center; justify-content: center;}
.edu_view .con .step p span{font-weight: 600; opacity: 0.4; margin: 0 4px;}
.edu_view .con .step p span.current{opacity: 1;}
.edu_view .con .step p i{font-size: 0.65em; font-weight: 600;}


.edu_view .left .img_wrap{overflow: hidden; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.1); border-radius: 15px; padding: 24px; background: #fff; padding-bottom:47vh; position: relative;}
.edu_view .left .img_wrap img{position: absolute; max-height: 70%; left: 50%; top: 50%; transform: translate(-50%, -50%);}




.edu_view .right .top_con{display: flex; flex-direction: column; align-items: center; justify-content: center;}
.edu_view .right .btn_wrap{display: flex; justify-content: space-between;position: fixed; bottom: 50px; left: 50%; transform: translateX(-50%)}
.edu_view .right .btn_wrap button{border-radius: 5px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.1); font-weight: 600; font-size: 18px; width: 80px; border-radius: 50%; height: 80px; display: flex; align-items: center; justify-content: center; padding: 12px 16px; color: #fff;}
.edu_view .right .btn_wrap button.prev{background-color: #fff;}
.edu_view .right .btn_wrap button.prev img{filter: invert(41%) sepia(47%) saturate(6367%) hue-rotate(353deg) brightness(101%) contrast(101%);}


.edu_view .right .btn_wrap button.prev img{margin-left: -8px;}
.edu_view .right .btn_wrap button.next{background-color: #FF6C0F; margin-left:32px;}
.edu_view .right .btn_wrap button.next img{margin-right: -8px;}
.edu_view .right .btn_wrap button img{width: 20px;}


.edu_view .right .input_wrap{width: 100%;}
.edu_view .right .input_wrap input{width: calc(100% - 0px); border: 0; font-size: 20px; padding: 16px 16px; border: 1px solid #ddd; border-radius: 5px;}
.edu_view .right .input_wrap input:focus{outline: 0;}
.edu_view .right .input_wrap input::placeholder{font-size: 16px;}
/* .edu_view .right .input_wrap button{background-color: #333; padding: 12px 24px; color: #fff; border-radius: 5px; width: 120px; font-size: 17px;} */

.edu_view .right .sound_con + .input_wrap{margin-top: 56px;}

.edu_view .right .sound_con{display: flex; align-items: center;}
.edu_view .right .sound_con .click_con + .click_con{margin-left:56px;}
.edu_view .right .sound_con .click_con{position: relative; width: 150px; cursor: pointer; height: 150px; border-radius: 50%; background-color: #fff; overflow: hidden;}
.edu_view .right .sound_con .click_con img{width: 100%; opacity: 0.4; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.edu_view .right .sound_con .click_con.on img{opacity: 1;}


.edu_view .right .select button + button{margin-top: 16px;}
.edu_view .right .select button{border-radius: 55px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.1);  font-size:20px;  padding:16px 32px ;  width: 450px; background-color: #fff; display: flex;align-items: center;}
.edu_view .right .select button i{font-weight: 600; width: calc(100% - 45px);}
.edu_view .right .select button img{width: 45px;}

.edu_view .right .select button.select_on{background-color: #FF6C0F; color: #fff;}

/* 라이브 */

.live_view_con{}
.live_view_con .bd-lg{height: 100%; border-left: 1px solid transparent; border-right: 1px solid transparent;}
.live_view_con .video_wrap{width:calc(100% - 440px);overflow: hidden; }
.live_view_con .video_wrap .video_con{position: relative; padding-bottom: 56%; overflow: hidden; width: 100%; }
.live_view_con .video_wrap video{width: 100%; position: absolute; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.live_view_con .video_wrap .end_live{position: absolute; flex-direction: column; width: 100%; height: 100%; background: rgba(0 , 0, 0 , 0.9); display: flex; align-items: center; justify-content: center; color: #fff; z-index: 10;}
.live_view_con .video_wrap .end_live button{padding: 8px 24px; border-radius: 5px; font-size: 16px;}
.live_view_con .video_wrap .end_live button + button{margin-left: 12px;}
.live_view_con .video_wrap .end_live .btn_wrap{margin-top: 32px;}
.live_view_con .video_wrap .end_live p + p{margin-top: 4px;}
.live_view_con .video_wrap .end_live p{font-size: 19px;}


.live_view_con .video_wrap .video_con iframe{position: absolute; border-left: 1px solid #ddd; border-right: 1px solid #ddd; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}


.live_view_con .video_wrap .txt_wrap{padding: 32px 0;}
.live_view_con .video_wrap .txt_wrap .title{font-size: 22px; display: flex;align-items: center;}
.live_view_con .video_wrap .txt_wrap p.pay{border-radius: 55px; font-size: 14px; padding: 4px 12px; width: 50px; margin-bottom: 4px;}
.live_view_con .video_wrap .txt_wrap .title button.edit{margin-left: 16px; border-radius: 55px; padding: 8px 16px; background-color: #999; color: #fff;}
.live_view_con .video_wrap .txt_wrap .title button.delete{margin-left:8px; border-radius: 55px; padding: 8px 16px;border: 1px solid #e52d18; color: #e52d18;}


.live_view_con .video_wrap .txt_wrap .title b{font-weight: 600;}
.live_view_con .video_wrap .txt_wrap .thumb{width: 40px; border-radius: 50%; height: 40px; position: relative; overflow: hidden; border: 1px solid #ddd;}
.live_view_con .video_wrap .txt_wrap .thumb img{position: absolute; background-color: #f5f5f5; left: 50%; top: 50%; transform:translate(-50%, -50%);}

.live_view_con .video_wrap .info_wrap{display: flex; justify-content: space-between;} 

.live_view_con .video_wrap .info_con{display: flex; align-items: center; margin-top: 16px;}
.live_view_con .video_wrap .info_con .info{padding-left: 16px;}
.live_view_con .video_wrap .info_con a{font-weight: 600; display: block; font-size: 18px; margin-bottom: 4px;}
.live_view_con .video_wrap .info_con .info span{font-size: 15px; opacity: 0.8;}
.live_view_con .video_wrap .info_con .info span + span{margin-left: 8px;}

.live_view_con .video_wrap .info_wrap .btn_wrap{display: flex; align-items: center;}
.live_view_con .video_wrap .info_wrap .btn_wrap button{font-size: 16px; }
.live_view_con .video_wrap .info_wrap .btn_wrap button span{display: flex; align-items: center; justify-content: center; width: 100%; font-size: 16px; height: 100%; padding: 8px 16px; border-radius: 55px;}
.live_view_con .video_wrap .info_wrap .btn_wrap button img{width: 18px; margin-right: 8px;}


.live_view_con .chat{width:400px; height: 100%; border: 1px solid #ddd; border-radius: 15px; display: flex; flex-direction: column; justify-content: space-between;}
/* .live_view_con .chat>div{flex: 1;} */
.live_view_con .chat .chat_list{padding: 16px; height: 65vh; overflow-y: auto; overflow-x: hidden; }
.live_view_con .chat .chat_list ul li + li{margin-top: 4px;}
.live_view_con .chat .chat_list ul li .con_wrap{display: flex; align-items: flex-start; }
.live_view_con .chat .chat_list .left{display: flex; align-items: center; cursor: pointer; position: relative;}
.live_view_con .chat .chat_list .left .profile{ background-color: #f5f5f5; margin-right: 8px; overflow: hidden; width: 40px; height: 40px; border-radius: 50%; position: relative;}
.live_view_con .chat .chat_list .left .profile img{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.live_view_con .chat .chat_list .left .drop_menu{display: none; padding: 6px; overflow: hidden; position: absolute; left: 45%; top: 40px; z-index: 99;  border-radius: 5px;  background-color: #fff; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.15);}
.live_view_con .chat .chat_list .left .drop_menu button{padding:4px 8px; display: block; font-size: 15px;}
.live_view_con .chat .chat_list .left .drop_menu button:hover{color: #FF6C0F;}
.live_view_con .chat .chat_list .right{margin-left: 16px;}
.live_view_con .chat .chat_list .right p{font-weight: 600; font-size: 16px; padding-top: 8px;}




.live_view_con .chat .top_con{border-bottom: 1px solid #ddd;}

.live_view_con .btm_con{border-top: 1px solid #ddd; padding: 16px;}
.live_view_con .btm_con .input_con{width: 100%; max-height: 80px; overflow-y: auto; overflow-x: hidden; background-color: #f5f5f5; border-radius: 5px;padding: 16px 62px 16px 12px;}
.live_view_con .btm_con .input_con:focus{outline: 0;}

.live_view_con .btm_con .count{display: flex; justify-content: space-between; align-items: center;}
.live_view_con .btm_con .count button{padding: 12px 16px;}

.live_view_con .btm_con .input_area{position: relative;}
.live_view_con .btm_con .input_area button{padding: 8px 12px; border-radius: 5px; position: absolute; right: 8px; top: 50%; transform: translateY(-50%);}



.live_view_con .group_select{display: flex; justify-content: flex-end; padding: 12px; box-shadow: 0px 5px 10px rgba(0 , 0, 0 , 0.05);}
.live_view_con .group_select select{border: 1px solid #ddd; border-radius: 5px; padding: 8px 16px 8px 8px; cursor: pointer; font-size: 14px;}


.live_view_con .btm_con .btn_wrap button{position: relative; opacity: 0.5;}
.live_view_con .btm_con .btn_wrap button:hover{opacity: 1;}
.live_view_con .btm_con .btn_wrap button:hover p{opacity: 1;}
.live_view_con .btm_con .btn_wrap button p{opacity: 0;transition-duration: 0.3S; border-radius: 3px; position: absolute; left: 50%; padding: 4px 12px; transform: translateX(-50%); top: -40px; background-color: #666; color: #fff; }
.live_view_con .btm_con .btn_wrap button p::after{content: ""; width: 0; height: 0; position: absolute; left: 50%; bottom: -12px;transform: translateX(-50%);
    border-top: 7px solid #666;
    border-bottom: 7px solid transparent;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
}
.live_view_con .btm_con .btn_wrap button img{}

.live_view_con02{height: auto; width: calc(100% - 450px); padding: 0 16px;}
.live_view_con02 .video_wrap{width: 100%;}
.live_view_con02 .video_wrap .video_con{padding-bottom: 56.25%;background-color: #fff;}
.live_view_con02 .video_wrap video{height: 100%; width: 100%; border-left: 1px solid #ddd; border-right: 1px solid #ddd;}

.live_view_con02 .reply_wrap{padding:0 16px;}

.live_view_con .video_wrap .ex_info{background-color: #f5f5f5; margin-top: 12px; padding: 16px; border-radius: 5px;}




/* 마이페이지 */
.admin .con.con02 .btn_wrap{display: flex; align-items: center; gap: 16px;}
.admin .con.con02 .btn_wrap>div{}
.admin .con.con02 .btn_wrap button{font-size: 16px;  display: flex; align-items: center; justify-content: center; width: 100%; font-size: 16px; height: 100%; padding: 8px 16px; border-radius: 55px;}
.admin .con.con02 .btn_wrap button img{width: 18px; margin-right: 8px;}
.admin .con.con02 .ch_name{margin-bottom: 16px;}
.admin .con.con02 .ch_name b{font-family: 'SejonghospitalBold' !important; font-size: 27px; font-weight:800; display: block; margin-right: 16px;}
.admin .con.con02 p{font-size: 16px;}

.admin .con.con02 .ch_info{display: flex; margin-top: 4px;}
.admin .con.con02 .ch_info dl{display: flex; align-items: flex-start;}
.admin .con.con02 .ch_info dl dt{margin-right: 8px; opacity: 0.8;}
.admin .con.con02 .ch_info dl dd{font-weight: 500;}
.admin .con.con02 .ch_info dl + dl{margin-left: 8px; padding-left: 10px; position: relative;}
.admin .con.con02 .ch_info dl + dl::after{content: ""; width: 3px; height: 3px; background-color: #333; border-radius: 50%; position:absolute; left: 0; top: 9px;}

.admin .con.con03{margin-top:32px;}
.admin .con.con03 .tab{border-bottom: 1px solid #ddd; margin-bottom: 16px;}
.admin .con.con03 .tab p{min-width: 150px;}


/* 구독자 리스트 */
.sub_list ul{margin-bottom: -16px;}
.sub_list ul li{margin-bottom: 16px;}
.sub_list ul li .con_wrap{border-radius: 5px; height: 100%; padding: 24px; display: flex; align-items: center; border: 1px solid #ddd;}
.sub_list ul li .con_wrap:hover{border: 1px solid #FF6C0F;}
.sub_list ul li .con_wrap .thumb{width: 50px; height: 50px; border: 1px solid #ddd; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.sub_list ul li .con_wrap .thumb img{width: 100%;}
.sub_list ul li .con_wrap .txt_wrap{display: flex; flex-direction: column; width: calc(100% - 50px); padding-left: 16px;}
.sub_list ul li .con_wrap:hover .txt_wrap b{color: #FF6C0F;}
.sub_list ul li .con_wrap .txt_wrap b{font-family: 'SejonghospitalBold' !important;  font-size: 18px; font-weight: 700; margin-bottom: 4px; cursor: pointer;}
.sub_list ul li .con_wrap .txt_wrap span{font-size: 15px; opacity: 0.7;}
.sub_list ul li .con_wrap .btn_wrap button{border-radius: 5px; padding: 8px 12px;}
.sub_list ul li .con_wrap .txt_wrap span.date i{margin-right: 4px;}
.membership{font-size: 12px;width: 20px; height: 20px; border-radius: 50%;
    display: inline-flex;align-items: center; justify-content: center; background-color: #e52d18; color: #fff;
    margin-right: 4px;
}

.sub_list ul li .con_wrap{position: relative;}
.sub_list ul li .con_wrap .btn_wrap{position: absolute; z-index: 2; right: 10px; top: 10px; 
    display: flex; align-items: center; justify-content: center; gap: 8px;
    opacity: 0.3;
}
/* type02는 opacity가 없음 */
.sub_list ul li .con_wrap .btn_wrap.type02{opacity: 1;}

.sub_list ul li .con_wrap .btn_wrap .btn{background-color: rgba(0 , 0, 0 , 0.6); 
    border-radius: 50%; padding: 6px; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center;
}
.sub_list ul li .con_wrap .btn_wrap .btn img{width: 20px;}

.sub_list ul li .con_wrap:hover .btn_wrap{opacity: 1;}



.bad_word_wrap dl dd{}
.bad_word_wrap dl dd input{width:450px; max-width: 100%; border: 1px solid #ddd; padding: 12px; border-radius: 5px;}
.bad_word_wrap .word button{border-radius: 5px; padding: 10px 12px; margin-left: 4px;}
.bad_word_wrap .word_list{ gap: 4px;} 
.bad_word_wrap .word_in{margin-top: 24px; background-color: #f5f5f5; padding: 24px;}
.bad_word_wrap .word_list p{border-radius: 5px; padding: 6px 12px; font-size: 14px; display: flex;}
.bad_word_wrap .word_list p span{display: inline-block; vertical-align: middle; width: 18px; height: 18px; }
.bad_word_wrap .word_list p span img{width: 100%; height: 100%; display: block; cursor: pointer; margin-left: 4px;}
.bad_word_wrap .word_list p + p{}


/* 회사소개 */
.company_con .top{text-align: center; margin-bottom: 80px;}
.company_con .top b{font-size: 40px; margin-bottom: 24px; display: block;}
.company_con .top b span{display: block;}
.company_con .top b span i{position: relative;}
.company_con .top b span i::after {content: "";width: 105%;height: 30px;
    background: url(../img/sub/level_point.svg)no-repeat center center /cover;
    position: absolute;left: 50%;transform: translateX(-50%); bottom: -5px; z-index: -1; opacity: 0.8;
}
.company_con .top p{font-size:19px; opacity: 0.8;}
.company_con .top p + p{margin-top: 4px;}

.company_con .mid{width: 100%;}
.company_con .mid video{width: 100%;}

.company_con .howto>div{background-color: #f5f5f5; padding: 24px; border-radius: 5px;}
.company_con .howto>div p + p{margin-top: 4px;}
.company_con .howto>div p{font-size: 17px;}



/* 가격안내 */
.price .con.top{position: relative;}
.price h2{font-size: 33px;font-weight: 600; display: flex; align-items: center; flex-direction: column; justify-content: center; font-weight: 700; text-align: center; margin-bottom: 60px;}
.price .con.top h2 span{display: block; }
.price .con.top img{position: absolute; opacity: 0.7;}
.price .con.top img:nth-child(1){left: 29%; top: -30px;}
.price .con.top img:nth-child(2){left: 67%; top: -30px;}
.price .con.top img:nth-child(3){right: 50%; bottom: -80px;}

.price .con.mid ul{display: flex;flex-wrap: wrap;}
.price .con.mid ul li{margin-bottom: 32px;}


/* .price .con.mid ul li.pink .con_wrap .txt_wrap span.type{background-color: #4f00cc; color: #fff;}
.price .con.mid ul li.pink .con_wrap .txt_wrap button{text-align: center; background-color: #4f00cc; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;}
.price .con.mid ul li.gray .con_wrap .txt_wrap span.type{background-color: #FFC700; color: #fff;}
.price .con.mid ul li.gray .con_wrap .txt_wrap button{text-align: center; background-color: #FFC700; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;}
.price .con.mid ul li.blue .con_wrap .txt_wrap span.type{background-color: #32C4DE; color: #fff;}
.price .con.mid ul li.blue .con_wrap .txt_wrap button{text-align: center; background-color: #32C4DE; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;}
.price .con.mid ul li.yellow .con_wrap .txt_wrap span.type{background-color: #FF6C0F; color: #fff;}
.price .con.mid ul li.yellow .con_wrap .txt_wrap button{text-align: center; background-color: #FF6C0F; color: #fff; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 32px;} */

.price .con.mid + .mid{margin-top: 32px;}
.price .con.mid b.tit{font-size: 26px; font-weight: 600; margin-bottom: 24px; padding-bottom: 16px; border-bottom:2px solid #222; display: block;}
.price .con.mid ul li .con_wrap{border: 1px solid #ddd;  border-radius: 5px; height: 100%;}
.price .con.mid ul li .con_wrap .txt_wrap{display: flex; flex-direction: column;padding: 32px; align-items: center; justify-content: center; }
.price .con.mid ul li .con_wrap .txt_wrap span.type{ border-radius: 55px; margin-bottom: 16px; display: inline-block; font-size:31px; color: #FF6C0F; font-family: 'SejonghospitalBold' !important; font-weight: 600;}
.price .con.mid ul li .con_wrap .txt_wrap span.type img{width: 150px; margin: 0 auto;object-fit: contain;}
.price .con.mid ul li .con_wrap .txt_wrap p.sale{position: relative;color: #bbb;}
.price .con.mid ul li .con_wrap .txt_wrap p.sale::after{content: ""; width: 100%; height: 1px; background-color: #bbb; position: absolute; left: 0; top: 49%;}
.price .con.mid ul li .con_wrap .txt_wrap p.price{font-size: 17px; font-weight: 600; text-align: center;}
.price .con.mid ul li .con_wrap .txt_wrap p.price i{font-weight: 600; font-size: 1.8em;}
.price .con.mid ul li .con_wrap .txt_wrap p.ex{text-align: center; margin-top: 16px; height: 70px; display: flex; justify-content: center; align-items: center; width: 100%; font-size: 22px; border-radius: 5px; border: 1px solid #FF6C0F90; margin-bottom: 16px; background-color: #FF6C0F10; color: #FF6C0F;}
.price .con.mid ul li .con_wrap .txt_wrap p.ex span + span{margin-top: 4px; }
.price .con.mid ul li .con_wrap .txt_wrap p.ex span{display: block;}
.price .con.mid ul li .con_wrap .txt_wrap button{text-align: center; background-color: #f5f5f5; transition-duration: 0.3s; font-size: 17px; padding: 12px 32px; width: 100%; border-radius: 5px; margin-top: 8px;}
.price .con.mid ul li .con_wrap .txt_wrap button:hover{background-color: #FF6C0F; color: #fff;}
.price .con.mid ul li .con_wrap .info{padding: 32px; border-top: 1px solid #ddd;}
.price .con.mid ul li .con_wrap .info dl + dl{margin-top: 24px;}
.price .con.mid ul li .con_wrap .info dl{display: flex; flex-direction: column; font-size: 18px; padding-left: 38px;  position: relative;}
.price .con.mid ul li .con_wrap .info dl dt{font-weight: 700; }
.price .con.mid ul li .con_wrap .info dl.yes::before{content: ""; width: 25px; height: 13px; background: url(../img/s3/165886018485467.png)no-repeat center center /contain; position: absolute; left: 0; top: 6px;}
.price .con.mid ul li .con_wrap .info dl.no::before{content: ""; width: 25px; height: 25px; background: url(../img/s3/165886040493146.png)no-repeat center center /contain; position: absolute; left: 0; top: -1px;}
.price .con.mid ul li .con_wrap .info dl dd{ margin-top: 4px;}

.vat_txt{position: absolute; color: #888; top: 16px; right: 32px; font-size: 15px;}
.price .con.mid ul li .con_wrap .txt_wrap.price_txt_wrap{background: #fff; border-radius: 5px;}
.price .con.mid ul li .con_wrap .txt_wrap.price_txt_wrap p.price {text-align: left; width: 100%; display: flex; justify-content: space-between; align-items: baseline; border-bottom: 1px dashed #ddd; padding: 6px 0;}
.price .con.mid ul li .con_wrap .price_txt_wrap b{display: block; width: 100px;}


/* 체크박스 디자인 */
.checkbox-wrap > div{padding: 24px ; border-radius: 5px; background-color: #FF6C0F10; width: calc(100% / 4); }
.checkbox-wrap .d-block{display: flex; align-items: center; position:relative;}
.checkbox-wrap .d-block input[type="checkbox"] {display: none;}
.checkbox-wrap .d-block input[type="checkbox"] + label {
	display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #FF6C0F30;
	cursor: pointer; border-radius: 4px; float:left; margin-right:6px;}
.checkbox-wrap .d-block:after {display:block; clear:both; content:"";}
.checkbox-wrap .d-block input[type="checkbox"]:checked + label {
background: url(../img/sub/check.png)no-repeat center/20px 20px; float: left;border:1px solid #FF6C0F;}

.checkbox-wrap .d-block input[type="checkbox"] + label span{position: absolute; left: 30px; top: 50%; transform: translateY(-50%); width: 100%;}

.checkbox-wrap{display: flex ;display: flex; margin-bottom: 30px; gap: 10px; width: 100%; padding: 24px; border-radius: 5px; background-color: #fff; box-shadow: 0 0 12px rgba(0,0,0,.06);} 
.checkbox-wrap > div label{display: inline-block; font-size: 18px; cursor: pointer;}



.price .bottom{background-color: #f5f5f5; border-radius: 15px; padding: 24px; margin-top: 32px;}
.price .bottom b{display: block; margin-bottom: 16px; color: #FF6C0F; font-weight: 600; font-size: 18px;}
.price .bottom ul li + li{margin-top: 8px;}
.price .bottom ul li p{position: relative; padding-left: 16px; font-size: 16px;}
.price .bottom ul li p::before{content: ""; width: 4px; height: 4px; background-color: #999; position: absolute; left: 0; top: 5px;}
.price .btn_wrap{display: flex; align-items: center; justify-content: center;}
.price .btn_wrap a{display: block; padding: 12px 32px; border-radius: 5px ; background-color: #FF6C0F; color: #fff;}
.live_modal.on{display: block ;}
.price label{position: static; padding-left: 0; margin-bottom: 0;}
.price label span.on{width: 100%; height: 50px; border-radius: 5px;}
.price label i{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 17px;}
.price label span.on:after{left: 41.5%; top: 40%; transform:rotate(45deg) translateY(-50%);}
.price .check_wrap{position: relative;  width: 100%; height: 50px; }
.price .end{display: flex; justify-content: space-between; margin-top: 60px;}

/* 20250318 체크스타일 수정 */
.price label{height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    /* background: #ddd; */
    border-radius: 4px;
}
/* 
.price label.checked{background-color: #FF6C0F;}

.price label span{border-color: #ccc; margin-left: -10px;}
.price label span, .price label span.on{
    position: static; background: transparent !important; width: max-content; height: max-content;
}
.price label i{position: static;transform: translate(0,0);} */

/* .price label i{position: static;transform: translate(0,0);} */

.price-col .chk_box input[type="checkbox"]:checked + .on:after{display: none;}

.price-col label i{position: relative !important; top: auto !important; left: auto !important; transform: translate(0) !important;}

.price-col label i:before {content:''; width: 6px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: -15px; top: 4px; opacity: 0; visibility: hidden;}
.price-col .chk_box input[type="checkbox"]:checked ~ i:before { opacity: 1; visibility: visible;}




.price .end  b{font-size: 22px; margin-bottom: 20px; display: block; font-weight: 600;}
.price .end b i{font-weight: 600; }
.price .end .list_in{display: flex; margin-top: 8px; margin-bottom: 20px ; gap: 8px; flex-wrap: wrap; border-bottom: 1px solid #ddd; }
/* .price .end .list_in span{position: relative; padding-right: 8px; margin-right: 8px;} */
.price .end .list_in span{position: relative; display: block; padding: 8px 18px !important; background-color:#FF6C0F; color: #fff; align-items: center; border-radius: 20px; margin-bottom: 20px;}
/* .price .end .list_in span::after{content: ""; width: 1px; height: 15px; background-color: #ddd; position: absolute; right: 0; top: 50%; transform: translateY(-50%);} */
.price .end .list_in span:last-child::after{display: none;}
.price .end .list_in span:last-child{padding-right: 0;margin-right: 0;}

.price .end{display: block;}

.portone-ui-container {width: 650px; margin: 0 auto; max-width: 100%;}


.reservation_wrap03 ul li b.title{display: block; width: 100%; font-size: 30px; font-weight: 600; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 2px solid #222;}
.reservation_wrap03 ul li + li{margin-top:60px;}
.reservation_wrap03 ul li.agree .in .txt_wrap{background-color: #f5f5f5; padding: 16px; max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.reservation_wrap03 ul li.agree .in .txt_wrap p{position: relative; padding-left: 16px;}
.reservation_wrap03 ul li.agree .in .txt_wrap p::after{content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 10px; background-color: #999;}
.reservation_wrap03 ul li.agree .in .txt_wrap p + p{margin-top: 4px;}
.reservation_wrap03 ul li.agree .in>div + div{margin-top: 16px;}
.reservation_wrap03 ul li.agree .in .check_box{margin-bottom: 8px;}
.reservation_wrap03 tr td{vertical-align: middle;}
.reservation_wrap03 ul li.input input{border: 1px solid #ddd;}
.reservation_wrap03 ul li.input .in{display: flex; flex-wrap: wrap; justify-content: space-between;}
.reservation_wrap03 ul li.input .in dl{width: 49%; margin-bottom: 32px;}
.reservation_wrap03 ul li.input .in dl dd{width: 100%;}
.reservation_wrap03 ul li.input .in dl dd input{width: 100%; padding: 16px 8px;}
.reservation_wrap03 ul li.input .in dl dt p{font-weight: 600; display: block; margin-bottom: 4px;}
.reservation_wrap03 ul li.input .in dl dt p span{color: #ff4d5f;}
.reservation_wrap03 ul li.input .in dl:last-child{width: 100%;}
.reservation_wrap03 ul li.input .in dl textarea{resize: none; padding-inline-start: 8px; padding: 8px;}
.reservation_wrap03 ul li.input .in dl.time select{width: 120px; border: 1px solid #ddd; padding: 8px; background-position: 90% 50%; }

.reservation_wrap03 ul li.count .in dl{display: flex;}
.reservation_wrap03 ul li.count .in dl dt{width: 130px; font-weight: 600;}
.reservation_wrap03 ul li.count .in dl dt p{font-weight: 600; padding-top: 2px;}
/* .reservation_wrap03 ul li.count .in dl dd{width: calc(100% - 130px);} */
.reservation_wrap03 ul li.count .in dl + dl{margin-top: 16px;}
.reservation_wrap03 ul li.count .txt_wrap{margin-top: 16px; background-color: #f5f5f5; padding: 16px;}
.reservation_wrap03 ul li.count .txt_wrap p{position: relative; padding-left: 16px;}
.reservation_wrap03 ul li.count .txt_wrap p::before{content: ""; width: 5px; height: 5px; background-color: #999; position: absolute; left: 0; top: 10px;}
.reservation_wrap03 ul li.count button.all{width: 150px; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #FF6C0F; font-size: 18px; margin: 32px auto 0 auto; padding: 16px; color: #fff;}
.reservation_wrap03 ul li.count dl.money dd p i{color: #FF6C0F; font-weight: 600;}
.reservation_wrap03 ul li.count dl.money dd p{font-size: 20px;}
.reservation_wrap03 ul li.count dl.money dd{}
.reservation_wrap03 .table_wrap table thead tr th{background-color: #f5f5f5; padding: 16px 8px;}
.reservation_wrap03 .table_wrap table tr td{padding: 16px 8px;}
.reservation_wrap03 .table_wrap table tr td.t_price{ width: 150px; text-align: center;}
.reservation_wrap03 .table_wrap table tr th.t_price{ width: 150px; text-align: center;}


.reservation_wrap03 .chk_box{font-size: 15px;}
.reservation_wrap03 label span.on{top: 1px;}


.purchase_list{display: flex; align-items: center; gap:4px; flex-wrap: wrap;}
.purchase_list p i{color: #FF6C0F;}
.purchase_list p::after{content: ","; display: inline-block; margin-left: 2px; margin-right: 4px;}
.purchase_list p:last-child::after{display: none;}



/* 엘리플레이 뷰  */
.epliplay_view .img_wrap{width: 100%; height: 100vh; position: relative;}
.epliplay_view .img_wrap img{position: absolute; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; object-fit: cover;}


/* 에듀서비스 결과 */
.edu_result_wrap{height: auto;}
.edu_result{height: auto;}
.edu_result .bd-lg{height: 100%;}
.edu_result b.title{font-size: 40px; text-align: center; display: block; margin-bottom:48px;}
.edu_result .in{background-color: #fff; border-radius: 5px; padding: 24px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.15);}


.edu_result .table_wrap{max-height: 65vh; overflow-x: auto; overflow-y: hidden;}
.edu_result .table_wrap thead{border-bottom: 1px solid #ddd; background-color: #f5f5f5;}
.edu_result .table_wrap .body_wrap{}
.edu_result .table_wrap {width: 100%;}
.edu_result .table_wrap table{width: 100%;}
.edu_result .table_wrap .thumb img{max-height: 150px; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.edu_result .table_wrap .sound img{width: 50px; cursor: pointer;}
.edu_result .table_wrap .sound.no_sound img{opacity: 0.3; pointer-events: none;}
.edu_result .table_wrap span.yes{width: 45px; height: 45px; margin: 0 auto; display: block; border-radius: 50%; border: 8px solid #32C4DE;}
.edu_result .table_wrap span.no{ margin: 0 auto; display: block; border-radius: 50%; font-size: 53px; font-weight: 600; color: #e52d18;}


.edu_result .table_wrap tr th{vertical-align: middle; text-align: center; padding: 12px 12px;  border: 1px solid #ddd; font-family: 'SejonghospitalBold' !important;}
.edu_result .table_wrap tr td{vertical-align: middle; text-align: center; padding: 12px 12px; border: 1px solid #ddd; font-size: 17px; font-weight: 600;}

.edu_result .btn_wrap{display: flex; align-items: center; justify-content:center; margin-top:32px;}
.edu_result button{border-radius: 55px;  padding: 12px 24px; background-color: #FF6C0F; color: #fff; font-size: 17px;}




/* 결제 */
.pay_con ul li b.title{display: block; width: 100%; font-size: 30px; font-weight: 600; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 2px solid #222;}
.pay_con ul li + li{margin-top:60px;}
.pay_con ul li.agree .in .txt_wrap{background-color: #f5f5f5; padding: 16px; max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.pay_con ul li.agree .in .txt_wrap p{position: relative; padding-left: 16px;}
.pay_con ul li.agree .in .txt_wrap p::after{content: ""; width: 5px; height: 5px; position: absolute; left: 0; top: 10px; background-color: #999;}
.pay_con ul li.agree .in .txt_wrap p + p{margin-top: 4px;}
.pay_con ul li.agree .in>div + div{margin-top: 16px;}
.pay_con ul li.agree .in .check_box{margin-bottom: 8px;}
.pay_con tr td{vertical-align: middle;}
.pay_con ul li.input input{border: 1px solid #ddd;}
.pay_con ul li.input .in{display: flex; flex-wrap: wrap; justify-content: space-between;}
.pay_con ul li.input .in dl{width: 49%; margin-bottom: 32px;}
.pay_con ul li.input .in dl dd{width: 100%;}
.pay_con ul li.input .in dl dd input{width: 100%; padding: 16px 8px;}
.pay_con ul li.input .in dl dt p{font-weight: 600; display: block; margin-bottom: 4px;}
.pay_con ul li.input .in dl dt p span{color: #ff4d5f;}
.pay_con ul li.input .in dl:last-child{width: 100%;}
.pay_con ul li.input .in dl textarea{resize: none; padding-inline-start: 8px; padding: 8px;}
.pay_con ul li.input .in dl.time select{width: 120px; border: 1px solid #ddd; padding: 8px; background-position: 90% 50%; }

.pay_con ul li.count .in dl{display: flex;}
.pay_con ul li.count .in dl dt{width: 130px; font-weight: 600;}
.pay_con ul li.count .in dl dt p{font-weight: 600;}
.pay_con ul li.count .in dl dd{width: calc(100% - 130px);}
.pay_con ul li.count .in dl + dl{margin-top: 16px;}
.pay_con ul li.count .txt_wrap{margin-top: 16px; background-color: #f5f5f5; padding: 16px;}
.pay_con ul li.count .txt_wrap p{position: relative; padding-left: 16px;}
.pay_con ul li.count .txt_wrap p::before{content: ""; width: 5px; height: 5px; background-color: #999; position: absolute; left: 0; top: 10px;}
.pay_con ul li.count button.all{width: 150px; border-radius: 5px; display: flex; align-items: center; justify-content: center; text-align: center; background-color: #FF6C0F; font-size: 18px; margin: 32px auto 0 auto; padding: 16px; color: #fff;}
.pay_con ul li.count dl.money dd p i{color: #FF6C0F; font-weight: 600;}
.pay_con ul li.count dl.money dd p{font-size: 20px;}
.pay_con ul li.count dl.money dd{}

.card_wrap{display: flex; }
.card_wrap .con{border-radius: 5px; flex-direction: column;
    display: flex; align-items: center; justify-content: center;
   
    min-width:180px;
    position: relative;
    color: #fff;
    width: 245px;
}
.card_wrap .con + .con{margin-left: 16px;}
.card_wrap .con.add_card{border: 1px solid #ddd; cursor: pointer; color: #222;}
.card_wrap .con.add_card a{display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center;  padding: 24px 24px; opacity: 0.6; transition-duration: 0.3s;}
.card_wrap .con.add_card:hover a{opacity: 1;}
.card_wrap .con.add_card p{font-weight: 600;font-size: 16px;}
.card_wrap .con.add_card:hover{border: 1px solid #ffb042; color: #ffb042;}
.card_wrap .con.add_card p + p{margin-top: 16px; }



/* .card_wrap .con:last-child{margin-left: 0;} */
.card_wrap .con .info{display: flex; justify-content: space-between; font-size: 12px;}
.card_wrap .con .card{width: 100%; padding: 24px;}
.card_wrap .con .card p{font-size: 16px; padding: 8px 0;}
.card_wrap .x-btn{position: absolute; right: 16px; top: 6px; cursor: pointer; font-size:20px;}
.card_wrap .con p.card_name{font-weight: 600; font-size: 19px;}




.cancel_reason > p{margin-bottom:10px; cursor: pointer;}
.reason02{margin-top:20px; }
.reason02 input{width:100%; border:1px solid #ddd; padding:10px;}

.reason02_01{margin-top:20px;overflow: hidden;}
.reason02_01 > p{ font-size: 1rem;}
.reason02_01 button{width:100%; border:1px solid #ddd; padding:15px 0; border-radius: 5px;margin-top:10px; font-size: 16px;}
.reason02_01 button img{width: 16px;}
.correction_customer .reason02_01 button{width: auto; padding:12px 16px;}
.reason02_01 .img_box ul li{display: inline-block; width:85px; height:85px; padding-bottom: 0; margin-right:10px; position:relative; margin-bottom: 8px;}
.reason02_01 .img_box ul li:last-child{margin:0}
.join .reason02_01 .img_box ul li{margin-top: 0 !important; border: 1px solid #ddd;}
.join .reason02_01 .img_box .sc_event02 ul li{width: 240px; max-width: 100%; padding-bottom: 70%; border-radius: 0;}

.reason02_01 .img_box{width:100%;}
.reason02_01 .img_box .img_im{overflow: scroll;}
.reason02_01 .img_box ul{width: 640px; display: flex;justify-content: flex-start; border-top: 0;}
.reason02_01 .img_box .sc_event{width:100%; overflow-x: auto; }
.mypage_correction_company .reason02_01 .img_box .sc_event{overflow-x: hidden;}
.reason02_01 .img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;}

.reason02_01 .img_box ul li img{width:20px; background-color: rgba(0 , 0, 0 , 0.8);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px;}


/* 댓글관리 */
.reply_list .list + .list{margin-top: 60px;}
.reply_list .list ul{}
.reply_list .list ul li{border: 1px solid #ddd; border-radius: 5px;}
.reply_list .list ul li + li{margin-top: 8px;}
.reply_list .list ul li { padding: 24px 24px;}
.reply_list .list ul li:hover{background-color: #f5f5f5;}
.reply_list .list ul li .con_wrap{display: flex; justify-content: space-between; position: relative;}
.reply_list .list ul li .con_wrap .txt_wrap{width: calc(100% - 100px);}
.reply_list .list ul li .con_wrap .txt_wrap p{margin-bottom: 4px; cursor: pointer; font-weight: 700;}
.reply_list .list ul li .con_wrap .txt_wrap span{display: block; font-size: 0.95em; opacity: 0.7; margin-top: 8px;}
.reply_list .list ul li .con_wrap .thumb_wrap{margin-top: 24px; cursor: pointer; border-radius: 5px; width:100px; height: 65px;overflow: hidden; position: relative;}
.reply_list .list ul li .con_wrap .thumb_wrap img{width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.reply_list .list ul li .con_wrap .btn_wrap{position: absolute; right: -15px; top: -15px; }
.reply_list .list ul li .con_wrap .btn_wrap .btn{width: 25px; height: 25px; background: rgba(0 , 0, 0 , 0.5); border-radius: 50%;  display: flex; align-items: center; justify-content: center; padding: 2px;}
.reply_list .con b.date{display: block; font-size: 22px; margin-bottom: 12px; font-weight: 600;}
.reply_list .list ul li .con_wrap .txt_wrap .type img{width:80px;}
.reply_list .list ul li .con_wrap .txt_wrap .type{margin-bottom: 8px; font-size: 0.95em;}

/* 채널홈 커뮤니티 */
.commu_list .input_wrap:hover{background-color: #ebebeb;}
.commu_list .input_wrap{display: flex; cursor: pointer; align-items: center; border: 1px solid #ddd; padding:12px; border-radius: 5px;width: 100%; background-color: #f5f5f5;}
.commu_list .input_wrap .img_wrap{width: 35px;background-color: #fff; height: 35px; margin-right: 16px; overflow: hidden; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.commu_list .input_wrap input{width: 100%; }
.commu_list .input_wrap p{opacity: 0.7;}
.commu_list>div + div{margin-top: 12px;}



.commu_list .input_write{}
.commu_list .input_write b{font-family: 'SejonghospitalBold' !important; font-size:18px; font-weight: 700; display: block; margin-bottom:12px; padding-bottom: 12px; border-bottom: 1px solid #ddd;}
.commu_list .input_write .in{border-top: 1px solid #ddd;padding-top: 12px; background-color: #f5f5f5; border: 1px solid #ddd; border-radius: 5px; padding:24px;}
.commu_list .input_write .in textarea{resize: none; min-width: 450px; height: 450px; background-color: #f5f5f5; border: 0; }
.commu_list .input_write .btn_wrap{}
.commu_list .input_write .btm{display: flex; justify-content: space-between; align-items: center; position: sticky; background-color: rgba(245 , 245, 245 , 0.5); bottom: 0; left: 0; gap: 16px;  border-top: 1px solid #ddd; padding-top: 12px; margin-top: 12px;}
.commu_list .input_write .btm p{font-size: 0.85em; opacity: 0.7;}
.commu_list .input_write .btm button{font-family: 'SejonghospitalBold' !important; font-size: 16px; padding: 12px 12px; border-radius: 5px; min-width: 80px;}
.commu_list .input_write .btm button:hover{background-color: #FF6C0F;}
.commu_list .input_write .btm .add_img label{border-radius: 5px; padding: 10px 12px; background-color: #fff;  cursor: pointer;}
.commu_list .input_write .btm .add_img label img{margin-right: 8px; filter: invert(0.5); }
.commu_list .input_view{}





.commu_list .input_write .btn_wrap{margin-top:12px; display: flex; gap: 16px; align-items: center; justify-content: flex-end;}
.commu_list .input_write .btn_wrap button{opacity: 0.7; font-family: 'SejonghospitalBold' !important; padding: 12px 24px;  font-size: 16px; border-radius: 5px;}
.commu_list .input_write .btn_wrap button:hover{opacity: 1;}


.commu_list .list .con_wrap{position: relative; padding: 24px 24px 24px 88px; border-radius: 5px; border: 1px solid #ddd; background-color: #f5f5f5;}
.commu_list .list .con_wrap .thumb_wrap{position: absolute; background-color: #fff; left: 16px; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center;}
.commu_list .list ul li + li{margin-top: 12px;}
.commu_list .list .con_wrap .more_view{cursor: pointer; box-shadow:0 0 10px rgba(0 , 0, 0 , 0.1); ; position: absolute; right:16px; display: flex; align-items: center; justify-content: center; top:16px; width: 30px; height: 30px; background-color: #fff; border-radius: 5px;}
.commu_list .list .con_wrap .more_view .list{position: absolute; right: 0; top:36px; border-radius: 5px; padding: 16px; background-color: #fff;
    z-index: 3; box-shadow: 0 0 10px rgba(0 , 0, 0 , 0.3); display: none;
}
.commu_list .list .con_wrap .more_view .list button{display: flex; font-size: 1rem; font-weight: 600; align-items: center; justify-content: center}
.commu_list .list .con_wrap .more_view .list button img{width: 15px; margin-right:8px;}
.commu_list .list .con_wrap .more_view .list button + button{margin-top: 4px;}
.commu_list .list .con_wrap .more_view .list button:last-child{color: #e52d18;}
.commu_list .list .con_wrap .more_view .list button:last-child img{filter: invert(33%) sepia(94%) saturate(5658%) hue-rotate(354deg) brightness(93%) contrast(92%);}

.commu_list .list .con_wrap .in{display: flex; justify-content: space-between; }
.commu_list .list .con_wrap .in .img_wrap{width: 120px; height: 120px; position: relative;  margin-top: 32px; border: 1px solid #ddd; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.commu_list .list .con_wrap .in .img_wrap img{height: 100%;}
.commu_list .list .con_wrap .in .img_wrap i.count{position: absolute; color: #fff; font-size: 14px; right: 4px; bottom: 4px; background-color: rgba(0 , 0, 0 , 0.5); width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; z-index: 2;}
.commu_list .list .con_wrap .in .txt_wrap{width: calc(100% - 120px); padding-right: 32px;}
.commu_list .list .con_wrap .in .txt_wrap .txt{margin-top: 8px; overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}


.commu_list .list .con_wrap .in .txt_wrap button.more{font-size: 1em; opacity: 0.7;}
.commu_list .list .con_wrap .in .txt_wrap .info{display: flex; align-items: center; }
.commu_list .list .con_wrap .in .txt_wrap .info b{font-size: 17px; margin-right: 8px; font-family: 'SejonghospitalBold' !important;}
.commu_list .list .con_wrap .in .txt_wrap .info span.date{opacity: 0.8;}
.commu_list .list .con_wrap .in .txt_wrap .info i.new{margin-left: 8px; width: 15px; font-size: 9px; height: 15px; border-radius:3px; background-color: #e52d18; color: #fff; display: flex; align-items: center; justify-content: center;}
.commu_list .list .con_wrap .in.re{margin-top: 24px; cursor: pointer;}
.commu_list .list .con_wrap .in.re p{color: #FF6C0F;}



.commu_list .list.list_view .con_wrap .in .txt_wrap .txt{text-overflow: initial; -webkit-line-clamp: initial;}
.commu_list .list.list_view .con_wrap .txt_wrap{width: 100%;}
.commu_list .list.list_view .con_wrap .in .reply_wrap{border-top: 1px solid #ddd; padding-top: 24px;}
.commu_list .list.list_view .con_wrap .in{width: 100%;display: block;}
.commu_list .list.list_view .con_wrap .in textarea{background: #e3e3e3 ;}


/* 레벨테스트 */
.level_test{position: relative; border-radius: 15px; text-align: center; margin-top: 80px; border: 1px solid #ddd; border-top: 20px solid #f5f5f5; padding:72px 32px; background-color: #fff;}
.level_test::after{content: ""; position: absolute; width: 100%; height: 45px; background: url(../img/sub/book_btm.svg)no-repeat center bottom/ cover; bottom:-24px; z-index: -1; left: 50%; transform: translateX(-50%);}
.level_test h3{font-size: 45px; display: block; margin-bottom: 4px;}
.level_test p{font-size: 16px; margin-bottom: 32px;}
.level_test .object{position: absolute; top: -55px; left: 50%; display: flex; justify-content: space-between; width: 90%; height: 45px; transform: translateX(-50%);}
.level_test .object span img{width: 50px;}

.level_test button{background-color: #FF6C0F;width: 180px; max-width: 100%; color: #fff;border-radius: 55px; padding: 12px; font-size: 18px; font-weight: 600;}
.level_test button img{margin-bottom: -3px; margin-left: 8px;}

/* 단체 신청 현황 */
.my_crew_state table tr td{text-align: center;}



/* 내 알람 */
.my_alarm {background-color: #fff; padding: 24px;
border-radius: 5px; box-shadow: 0px 0px 10px rgba(0 , 0, 0 , 0.15);
position: absolute; top: 50px; right: 0; width: 400px;overflow-y: auto;overflow-x: hidden;max-height: 70vh; 
display: none;

}
.my_alarm ul li .con_wrap{display: flex; align-items: center;}
.my_alarm ul li .con_wrap .thumb{width: 50px; height: 50px; display: flex; align-items: center; border: 1px solid #ddd; justify-content: center; border-radius: 50%;}
.my_alarm ul li .con_wrap .txt_wrap{width: calc(100% - 50px); padding-left: 16px;}
.my_alarm ul li + li{margin-top:24px;}
.my_alarm ul li .con_wrap .txt_wrap span.ex{display: block; opacity: 0.7;}
.my_alarm ul li .con_wrap .txt_wrap h3{font-size: 17px; font-weight: 600;}
.my_alarm ul li .con_wrap .txt_wrap span.date{display: block; font-size: 0.85em; opacity: 0.7; margin-top:4px;}





/* shop */
.main_slide .swiper-slide{width: 100% !important;   min-height: 580px;}
.main_slide.swiper-wrapper{height:100%;}
.main_slide .swiper-slide img{width:80%; }
.shop_main{overflow: hidden;margin: 0 auto;}
.shop_main .sub_slide{height: 100px; cursor: pointer;}
.shop_main .sub_slide img{}
.shop_main .swiper-button-next{right: -15px;}
.shop_main .swiper-button-prev{left: -15px;}

.shop_main .swiper-button-next, .shop_main .swiper-button-prev{width: 40px; height: 40px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd;}
.shop_main .swiper-button-next:after, .shop_main .swiper-button-prev:after{font-size: 15px; color: #222;}


.shop .top_minilist{margin-bottom:20px;}
.top_minilist span.on{color:#000; font-weight: bold;position:relative;padding-right:15px;}
.top_minilist span.on::after{content:''; display: none; width:7px; height:7px;border-top:1px solid #333; border-right:1px solid #333;position:absolute; right:0; top:36%; transform: translateY(-50%) rotate(135deg);}


.top_minilist span{position:relative; margin-right:10px;padding-right:10px;color:#666; font-size:14px;}
.top_minilist span::before{width:8px; height:8px; border-top:1px solid #666; border-right:1px solid #666; content:'';display: block;transform: rotate(45deg) translateY(-50%);position:absolute; top:49%; right:0;}
.top_minilist span:last-child:before{border:none}


.sub-p-banner{width:100%; height:500px;}
.sub-p-banner .img-bg{width:100%; height:100%; background-attachment: fixed;}

.sub-p-list-container
{display: flex; display: -webkit-box; display: -ms-flexbox;
    -webkit-box-orient: horizontal; -ms-flex-direction: column; flex-direction: column;}


.tab-list-con{margin-right:auto; width: 272px;}
.tab-list-con h5{color:#777; font-weight: 300; line-height: 1.2;}
.tab-list-con .sel-list{width:272px; z-index: 100;}
.tab-list-con .sel-list > li{padding:8px;}
.tab-list-con .sel-list-tit{padding-left:0;}
.tab-list-con .sel-list-tit .sel-arrow{top:42%; background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-b-arrow.png); width:18px; height:10px;}


.tab-con{margin:4px 16px; font-size:1.15em; cursor: pointer; opacity:.5; padding-bottom:4px; position: relative;transform: translateY(1px);}
.tab-con:first-child{margin-left:0;}
.tab-con.current{border-bottom: 2px solid #FF6C0F; opacity: 1; color: #FF6C0F; font-weight: 700;}


/* 제품필터 */
.filter-list-con{max-width:96px; width:100%;position: absolute; right:16px; bottom:0;}

.sel-list-tit{ display: block; cursor: pointer; padding:4px 8px; padding-right:16px; position: relative;} 
.sel-list-tit .sel-arrow{ position: absolute; right:4px;}
.sel-list-tit .sel-arrow.sel-arrow-st1{position: absolute; top:14px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #aaa;}
.sel-list-tit .sel-arrow.sel-arrow-st2{position: absolute; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
    background-size:9px 5px; width:9px; height:5px; background-repeat: no-repeat; background-image:url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-arrow-st2.png);}

    .sel-list-tit.open .sel-arrow{transform: rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
    .sel-list-tit.open .sel-arrow.sel-arrow-st2{transform: rotate(180deg) translateY(45%); -webkit-transform:rotate(180deg) translateY(45%); -ms-transform:rotate(180deg) translateY(45%);}
.sel-list{border:1px solid #d1d1d1; display: none; position: absolute; width: 100%; z-index:10; background-color:#fff;}
.sel-list > li{ display: block; cursor: pointer; padding:4px 8px;}
.sel-list > li:hover{background-color:#f6f6f6;}

/* 제품상세 */
.pd-view-t-container li{display: flex; display: -webkit-box; display: -ms-flexbox;     width: 100%;
    -webkit-box-orient: vertical; -ms-flex-direction: row; flex-direction: row; align-items: center;}
.pd-view-t-container .pd-img-con{padding-bottom:0; background-color:#fff;}

.pd-sle-con{ margin-bottom:10px}
.pd-detail > div:first-child > dl:last-child{ margin-bottom:0px}
.pd-sle-con .right{width:100%;}
.pd-sle-con .right select{width:100%; padding:16px;border-radius: 5px; border:1px solid #ddd; cursor: pointer;color: #333;}
.pd-sle-con02:first-child {border-top:1px solid #888; border-bottom:none;}
/* .pd-sle-con02 {border-top:1px solid #888; border-bottom:1px solid #888} */
.pd-sle-con02 .select_list{display: flex;justify-content: space-between;
    align-items: center; font-size: 0.875rem; border-top: 1px solid #ddd; background-color: #f5f5f5;
    padding: 15px;}
.pd-sle-con02 .select_list .select_name {width: 45%;}
.pd-sle-con02 .select_list .select_numder { display: flex;width: 20%;
    justify-content: flex-end;}
    .count-container {width: fit-content;}
.pd-sle-con02 .select_list .select_price {text-align: right; width: 20%;}
.pd-sle-con02 .select_list .product_price {font-size: 1.125rem;}
.pd-sle-con02 .select_list .product_price span{}
.pd-sle-con02 .select_list .product_accumulate {font-size: 13px; /* margin-top: 4px; */}
.pd-sle-con02 .select_list .span_accumulate {}
.pd-sle-con02 .select_list .product_tit { font-size: 1rem;}
.pd-sle-con02 .select_list .select_product {color: #888; margin-top: 3px;}
.pd-sle-con02 .select_list .span_ac_point {color: #be3434; border: 1px
 solid #be3434; padding: 2px 2px 0px; font-size: 10px; border-radius: 3px
;  margin-right: 5px;}
.pd-sle-con02 .select_list .close {width: 13px;  display: block;  margin-left: 5px;}

/* 제품상세 상단 이미지 사이즈 */
.shop_view .pd-view-t-container .row-too-short{display: flex;align-items: center;flex-direction: column;}

.pd-detail{margin:auto; border-top:1px solid #d1d1d1; /* padding-top:16px; */}
.pd-detail .option{margin-bottom:16px;}
.pd-view-t-container dl{display: block; /* line-height:3; */ font-size:1em;margin-bottom: 16px ; }
.pd-view-t-container dt{min-width:130px;}

.pd-view-t-container .pd-total dt{min-width:100px; font-weight: 700;}


.pd-view-t-container dl.sh_basics_tit{font-size:15px;color:#888}
.pd-view-t-container .basics_option{border-bottom:1px solid #ddd; margin-bottom:20px;}
.pd-view-t-container dt, .pd-view-t-container dd{display: table-cell;}


.pd-view-t-container .pd-total{display: flex; margin-top: 16px;justify-content: space-between;align-items: center;}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt{ font-weight: 600;}
.pd-total dd {font-size:1.8rem; font-weight: 700;}
.pd-total dd .price{font-weight: 600; color: #FF6C0F;}
.pd-detail > div:first-child{padding-top:15px;}
.pd-total dd span.total_munbel{font-size: 0.65em; opacity: 0.7;}




/* 제품 수량 */
.count-container{font-size:0;border: 1px solid #ddd;padding:12px 12px;background: #fff; border-radius: 5px;}
.count-container span{text-align: center; display: inline-block; font-size:22px; font-weight: 500; line-height:1em; }
.count-container span.count{position: relative; top:-3px;}
.count-container span.num{/* border:1px solid #d1d1d1;  */background-color: #fff;transform: translateY(1px);cursor: pointer;width: 40px; height: 16px;}
/* .count-container span.num:hover{border:1px solid transparent; background-color:#626262; color:#fff;} */

.count-container span input{border:0; text-align: center; width:30px; font-size:15px;  background-color: transparent;transform: translateY(-1px);    padding-bottom: 2px; font-weight: 500;}
.count-container span input[type="number"]::-webkit-outer-spin-button,.count-container span input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
/* 제품 수량 사이즈 조절 */
.count-container.count-small span{font-size:16px; line-height:1;}
.count-container.count-small span.num{width:22px; height:22px; font-family: sans-serif;}
.count-container.count-small span input{width:36px;}


/* 제품상세 버튼 */
.pd-btn-container.row{margin-left: -2px; margin-right: -2px;}
.pd-btn-container.row > p{padding:0 2px;}
.pd-btn-container .btn{width:100%; min-width: unset;}
.pd-btn-container .btn img{height:27px;}
.pd-btn-container .btn-icon:hover{background-color:#222; border:1px solid transparent;}

/* 별점 */
.star-container{position: relative; background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star0.png); width: 128px; height:22px; overflow: hidden;}
.star{position: absolute; top:0; left:-128px; width: 128px; height:22px; background-size:contain; display: block; text-align: left; background-image: url(https://ipschool1.s3.ap-northeast-2.amazonaws.com/images/IPIACOSMETIC/icon-star5.png);}
.star-container .star1{left:-107px;}
.star-container .star2{left:-80px;}
.star-container .star3{left:-54px;}
.star-container .star4{left:-27px;}
.star-container .star5{left:0;}

/* 중간영역 소개 탭 */
.view-tab-container{font-size:0; letter-spacing: 0;display: flex; position: relative;}
.view-tab-container::after{content: ""; width: 1000%; height: 1px; background-color: #ddd; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: -1;} 
.view-tab-container::before{content: ""; width: 1000%; height: 1px; background-color: #ddd; position: absolute; left: 50%; transform: translateX(-50%); top: 0; z-index: -1;} 
.view-tab-container li{font-size:17px; text-align: center; cursor: pointer; 
    color:#626262; position: relative;margin:0; padding:24px 8px; flex: 1;
   
}

.view-detail-wrap .bg-light-gray{padding:32px;}

.view-detail-wrap .qna .head_table{border-top:1px solid #888; color:#333}
.view-detail-wrap .qna .head_table p{ color:#333}


.table-container .pd-detail-table tr td:first-child{font-weight: 700;}
.table-container .pd-detail-table td{padding:8px 12px; }


/* btn-etc */
.btn-etc{text-decoration: underline;  cursor: pointer;}
.btn-etc-box a{color:#626262; background-color:#fff; line-height: 1; padding:10px 40px; border:1px solid #d1d1d1; font-size:0.85em; cursor: pointer;}
/* .btn-etc-box:hover, .btn-etc-box:focus{color:#fff; background-color:#626262; border:1px solid transparent;} */
button.btn-etc-box{font-size:1em; min-width: 96px; min-height:36px; padding:8px 16px;}



/* shop_view qna */
.shop_qna ul li{border-bottom: 1px solid #ddd; padding: 24px 0;}
.shop_qna ul li .state{margin-bottom: 8px;}
.shop_qna ul li .state b{ padding: 4px 12px; font-size: 13px; border-radius: 5px;}
.shop_qna ul li .info{opacity: 0.7; display: flex; align-items: center;}
.shop_qna ul li .info p.name{}
.shop_qna ul li .info i{margin: 0 8px; font-size: 12px;}
.shop_qna ul li p.txt img{width: 17px; }
.shop_qna ul li p.txt{padding: 8px 0;}


/* 전체 쇼핑몰 */
.tab_swiper_wrap{position: relative; margin: 0 auto; margin-bottom: 32px; padding-left: 24px; width: 1648px; }
.tab_swiper_wrap::after{content: ""; width: 100px; height: 100%; }


.tab_swiper{overflow: hidden; }
.tab_swiper .swiper-slide{width: auto; cursor: pointer;}
.tab_swiper .swiper-slide span{display: block; border-radius: 55px; padding:8px 16px; border: 1px solid #ddd; opacity: 0.7;}
.tab_swiper .swiper-slide span.on{background-color: #FF6C0F; color: #fff; border: 1px solid #FF6C0F; opacity: 1;}
.tab_swiper .swiper-slide span i{ font-family:"SUIT", sans-serif; font-weight: 600;}
.tab_swiper .swiper-button-next{right: -25px;}
.tab_swiper .swiper-button-prev{left: -25px;}

.tab_swiper .swiper-button-next, .tab_swiper .swiper-button-prev{width: 40px; height: 40px; border-radius: 50%; background-color: #fff; border: 1px solid #ddd; z-index: 1 !important;}
.tab_swiper .swiper-button-next:after, .tab_swiper .swiper-button-prev:after{font-size: 15px; color: #222;}


/* 주문배송 내역 */
.orderlist_new .list ul li .top_con{display: flex; border-bottom: 2px solid #222; padding-bottom: 12px; margin-bottom: 0; justify-content: space-between; font-size: 20px; font-weight: 600;}
.orderlist_new .list ul li .top_con img{width: 7px; margin-left: 6px;}
.orderlist_new .list ul li .top_con button{font-size: 17px;}
.orderlist_new .list ul li .top_con span.date{font-weight: 600;}

.orderlist_new .list ul li .table_wrap{margin-top: 0;}
.orderlist_new .list ul li .table_wrap tr th{background-color: #fff;text-align: left; border-left: 0; border-right: 0; border-top: 0; color: #666;}
.orderlist_new .list ul li .table_wrap tr th.name{font-weight: 800; color: #222;}
.orderlist_new .list ul li .table_wrap tr td.num{width: 80px;}
.orderlist_new .list ul li .table_wrap tr td.check{width:50px;}


.orderlist_new .list ul li .table_wrap tr td{border-left: 0; border-right: 0; border-top: 0;}
.orderlist_new .list ul li .table_wrap tr td.price{font-weight: 600;}
.orderlist_new .list ul li .table_wrap tr td.state{font-weight: 600;}
.orderlist_new .list ul li .table_wrap tr td div.ing{color: #FF6C0F; font-weight: 700;}
.orderlist_new .list ul li .table_wrap tr td span.list_rock{}
.orderlist_new .list ul li .table_wrap tr td span.list_rock img{width: 15px;display: inline;}
.orderlist_new .list ul li .table_wrap .info{display: flex; align-items: center;}
.orderlist_new .list ul li .table_wrap .info .thumb_wrap{width: 100px; height: 100px; overflow: hidden; display: flex; align-items: center; border: 1px solid #ddd; justify-content: center;}
.orderlist_new .list ul li .table_wrap .info .txt_wrap{margin-left: 24px;}
.orderlist_new .list ul li .table_wrap .info .txt_wrap a{display: block; margin-bottom: 8px; font-weight: 600;}
.orderlist_new .list ul li .table_wrap .info .txt_wrap span{display: block; opacity: 0.7;}
.orderlist_new .list ul li + li{margin-top: 60px;}


.point_wrap_new .list ul li .table_wrap{border-top: 2px solid #222;}

.mypage .orderlist_new .list ul li + li{margin-top: 32px;}
.mypage .orderlist_new .button button{padding:12px 16px; border-radius: 5px; width: 90px;}

.my_address.orderlist_new .list ul li .table_wrap thead tr:first-child{border-top: 1px solid #ddd;}
.my_address.orderlist_new .list ul li .table_wrap tr td{text-align: center;}
.my_address.orderlist_new .list ul li .table_wrap tr td.fc-o{width: 120px;}
.my_address .btn_wrap button{border-radius: 55px; padding: 8px 24px; font-size: 15px; min-width: fit-content; flex-shrink: 0;}
.my_address .btn_wrap {display: flex; align-items: center; gap: 12px; overflow-x: auto;}

.my_address_view .jion_list{width: 960px; max-width: 100%;}
.my_address_view .btn_wrap button{border-radius: 55px; padding: 8px 24px; font-size: 15px;}
.my_address_view .btn_wrap {display: flex; align-items: center; gap: 12px; margin-top: 60px;}


.search_area{display: flex; gap: 8px; margin-bottom: 32px; background-color: #f5f5f5; border-radius: 5px; padding: 12px;}
.search_area select{color: #999; cursor: pointer; width: 150px; background-position: 90% 50%; border: 1px solid #ddd; border-radius: 5px; padding: 12px;background-color: #fff;}
.search_area button{color: #999; border: 1px solid #ddd; border-radius: 5px; padding: 12px;background-color: #fff; font-weight: 600;}
.search_area input{border: 1px solid #ddd; border-radius: 5px; padding: 12px; color: #999;}
.search_area>div.on button{border: 1px solid; color: #222;}
.search_area.no_opacity button{color: #fff;}
.search_area.no_opacity select{color: #222;}



/* 마이페이지 리뷰 */
.mypage_review .tab{border-bottom: 1px solid #ddd;}
.mypage_review .tab p{padding-top: 0;}
.mypage_review .tab p:first-child{padding-left: 0;}


/* 마이페이지 문의리스트 */
.my_qna_list ul.in li{cursor: pointer; border: 1px solid #ddd; border-radius: 5px; padding: 24px;}
.my_qna_list ul.in li .con_wrap{}
.my_qna_list ul.in li .con_wrap .info{display: flex; font-size: 0.9rem; align-items: center; justify-content: space-between;}
.my_qna_list ul.in li .con_wrap a{font-weight: 600; font-size: 1.1rem; display: block; margin: 8px 0;}
.my_qna_list ul.in li .con_wrap p{text-overflow: ellipsis; overflow: hidden; width: 95%; white-space: nowrap;}
.my_qna_list ul.in li + li{margin-top: 12px;}

.my_qna_list ul.in li .info{display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px;} 
.my_qna_list ul.in li .info b.complete{background-color: #FF6C0F; color: #fff;}
.my_qna_list ul.in li .info b.answer{background-color: #000; color: #fff;}

.my_qna_list ul.in li .info b{border-radius: 55px; background-color: #f5f5f5; padding: 8px 16px; font-size: 13px;}
.my_qna_list ul.in li .info .date{opacity: 0.7;}

.my_qna_list ul.in li .con_wrap02{margin-top: 24px; border-radius: 5px; padding: 24px; background-color: #f5f5f5;}
.my_qna_list ul.in li .con_wrap02{display: none;}
.my_qna_list ul.in li .con_wrap02 p{width: 100%;}
.my_qna_list ul.in li .con_wrap01.on p{text-overflow: initial; overflow: inherit; white-space: wrap; width: 100%;}

.my_qna_list .pd_wrap{display: flex; align-items: center; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px dashed #ddd;}
.my_qna_list .pd_wrap .thumb_wrap{border: 1px solid #ddd; border-radius: 5px; width: 65px; height: 65px; overflow: hidden;}
.my_qna_list .pd_wrap .txt_wrap{padding-left: 16px; font-size: 15px;}
.my_qna_list .pd_wrap .txt_wrap a{font-size: 15px !important;}



/* 컨텐츠 결제내역 */
.my_contnets .total{ border-top:1px dashed #ddd; margin-top: 24px;padding-top: 24px; display: flex; justify-content: flex-end;}
.my_contnets .total p{font-size: 18px; font-weight: 600;}
.my_contnets .total p i{font-size: 23px;font-weight: 600; margin-left: 8px;}



/* 카테고리 페이지 */
.category_con .top_con{margin-bottom: 12px; display: flex; align-items: center;}
.category_con .top_con button{border-radius: 5px; padding: 6px 12px; margin-left: 12px;}
.category_con .top_con b{display: block; font-weight: 700; font-size: 1.25rem;}

/* 계좌관리 카테고리 */
.account_con .con02{background-color: #f5f5f5; padding: 32px; border-radius: 15px; margin-top: 0 !important;}
.account_con dl{display: flex; align-items: center;}
.account_con dl + dl{margin-top: 8px;}
.account_con dl dt{font-weight: 600; margin-right: 16px; width: 100px; font-size: 16px;}
.account_con dl dd{width: calc(100% - 100px);}
.account_con dl input{border: 1px solid #ddd; border-radius: 5px; background-color: #fff; padding: 10px; width: 370px; max-width: 100%;}
.account_con .btn_wrap{margin-top: 24px;}
.account_con .btn_wrap button{border-radius: 5px; padding:8px 16px; width: 80px; max-width: 100%; font-size: 16px;}


/* 배송지관리 */
.my_address_view .con02{background-color: #f5f5f5; padding: 32px; border-radius: 15px; margin-top: 0 !important;}
.my_address_view .con02 input{background-color: #fff !important;}
.my_address_view .jion_list li .jion_title{width: 150px;}
.my_address_view .jion_list li .jion_right{width: calc(100% - 150px);}



/* 카테고리 뷰페이지*/
.category_list_wrap{display: flex; align-items: flex-start; }
.category_list_wrap .category_side.mo_view{display: none;}
.category_list_wrap .category_side{width: 450px; max-height: 70vh; overflow: hidden auto; border-radius: 5px;border: 1px solid #ddd;}
.category_list_wrap .category_side .thumb_wrap{width: 120px; border: 1px solid #ddd; padding-bottom: 20%; position: relative; border-radius: 5px; overflow: hidden;}
.category_list_wrap .category_side .thumb_wrap img{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}

.category_list_wrap .category_side b.num{font-size: 0.85em; width: 15px;}
.category_list_wrap .category_side ul li{padding:0px 16px;}
.category_list_wrap .category_side ul li.on{background-color: #f5f5f5; padding-top: 8px; padding-bottom: 8px;}
.category_list_wrap .category_side ul li + li{margin-top: 12px;}
.category_list_wrap .category_side .con_wrap{display: flex; align-items: center; gap: 12px;}
.category_list_wrap .category_side .con_wrap .txt{font-size: 16px;}
.category_list_wrap .category_side .con_wrap .txt_wrap .txt b{display: block; font-size: 16px;;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}


.category_list_wrap .category_side .con_wrap .txt span.name{opacity:0.7; font-size: 0.9em;}
.category_list_wrap .live_view_con .video_wrap{width: 100%;}
.category_list_wrap .live_view_con .video_wrap02{}

.category_list_wrap .category_side .select_con{padding: 16px 16px 8px 16px;}
.category_list_wrap .category_side select{border: 1px solid #ddd; padding: 12px 24px 12px 12px; border-radius: 5px; background-position: 90%; }

.category_list_wrap .category_side .txt_wrap{width: calc(100% - 135px);}
.category_list_wrap .state{position: absolute; z-index: 1; right: 4px; bottom: 4px; display: flex; align-items: center;}
.category_list_wrap .state p{border-radius: 55px; background-color: rgba(0 , 0, 0 , 0.6); color: #fff; font-size: 11px; padding: 2px 6px; margin-right: 8px; }
.category_list_wrap .state p:last-child{margin-right: 0;}


.payment_way{min-height: auto;}


#chart {width: 700px;height: 700px; display: block;margin: auto;font-weight: 700; background-color: #fff;border: 20px solid #FFF4ED;border-radius: 50%; fill:#222 ;font-family:'Poppins', "SUIT", sans-serif;}
#chart path{fill:#FFDBC5; /*!important;*/ stroke: none;}
#chart text{font-size: 8px; fill:#222;}

#chart text:nth-child(2n){fill: #FF6C0F;}


.data_con {border-top: 2px solid #333;}
.data_con ul li{border-bottom: 1px solid #ddd; cursor: pointer;} 
.data_con ul li .con_wrap{ padding: 24px 0; display: flex; juustify-content: space-between;}
.data_con ul li .con_wrap b{font-size: 18px; font-weight: 600; width: calc(100% - 100px);}
.data_con ul li .con_wrap span{opacity: 0.7; width: 100px; text-align: right;}
.data_con ul li .con_wrap .txt_wrap{width: calc(100% - 100px);}

.guide_wrap{min-height: calc(100vh - 80px);width: 100%; padding-left:16px; padding-right: 16px;}
.guide_wrap .level_arrow{display: flex; align-items: center; margin-bottom: 16px;}
.guide_wrap .level_arrow b{margin: 0 16px; color: #FF6C0F; font-weight: 600; font-size: 23px;}
.guide_wrap .level_arrow button{width: 50px; height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center;background-color: #f5f5f5; }

.guide_new{width: 1500px; max-width: 100%;  margin: 0 auto; background-color: #fff; border-radius: 5px;}
.guide_new table .img_wrap{text-align: center; width: 160px; max-width: 100%; margin: 0 auto;}
.guide_new table .img_wrap .img_in{padding-bottom: 56.25%;}
/* .guide_new table .img_wrap img{width: 160px; margin: 0 auto;} */
.guide_new table {width: 100%; table-layout: fixed; border-top:2px solid #222;}
.guide_new table tr{border-bottom: 1px solid #ddd;}
.guide_new table tr th{background-color: #eee; text-align: center;  padding:12px 4px; vertical-align: middle;font-family: 'SejonghospitalBold' !important;}
.guide_new table tr th:first-child{}
.guide_new table tr td{padding:8px 8px; vertical-align: middle; text-align: center;}

.guide_week .guide_new table tr td{padding: 16px 4px 0 4px;vertical-align: top;}

.guide_new table tr td:first-child{}
.guide_new table tr td p.week{background-color: #fff; color: #fff; padding:12px 12px; border-radius: 2px;}
.guide_new table tr td p.week1{background-color: #FFC700; color: #fff;}
.guide_new table tr td p.week2{background-color: #FF6C0F; color: #fff;}
.guide_new table tr td p.week3{background-color: #ff6e6e; color: #fff;}
.guide_new table tr td p.week4{background-color: #ff4545; color: #fff;}




.guide_new table div.plus{cursor: pointer; position: absolute; font-size:30px; font-weight:200; height: 100%; display: flex; align-items: center; justify-content: center; width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.guide_wrap .title{text-align: center;}
.guide_wrap .title h2{font-size: 30px; font-weight: 600; display: block;}
.guide_wrap .title .gene{display: flex; justify-content: center;}
.guide_wrap .title .gene span{display: block; font-size:18px;  position: relative; margin-right: 16px; padding-right: 16px; opacity: 0.7;}
.guide_wrap .title .gene span::after{content: ""; width: 10px; height: 10px; border-right: 2px solid #ddd; border-bottom: 2px solid #ddd; transform: translateY(-50%) rotate(-45deg); position: absolute; right: 0; top: 50%; }
.guide_wrap .title .gene span:last-child:after{display: none;}
.guide_wrap .title .gene span:last-child{padding-right: 0; margin-right: 0;}

.guide_new table tr .activity b{font-size: 15px; display: block; opacity: 0.7;}
.guide_new table tr .activity:hover{background-color: #FF6C0F; color: #fff !important;}
.guide_new table tr .activity:hover i{color: #fff !important;}
.guide_new table tr .activity{cursor: pointer; transition-duration: 0.3s; text-align: center; padding: 16px; background-color: #fff; border-radius: 5px; }
.guide_new table tr .activity p{text-align: center; font-size: 24px; font-weight: 600;   font-family: 'SejonghospitalBold' !important;}

.guide_wrap02 .guide_new table tr{border-bottom: 0;}
.guide_wrap02 .guide_new table{border: 0; table-layout: inherit;}
.guide_wrap02 .guide_new table + table{margin-top: 24px;}
.guide_wrap02 .guide_new table thead tr th div{background-color: #FF9116;
    color: #fff; height: 50px; border-top-left-radius: 10px; border-top-right-radius: 10px; width: 100%; padding: 12px; font-size: 18px;
}


/* .guide_wrap02 .guide_new table thead tr th:nth-child(2) div{background-color: #FFC700; }
.guide_wrap02 .guide_new table thead tr th:nth-child(3) div{background-color: #32C4DE; }
.guide_wrap02 .guide_new table thead tr th:nth-child(4) div{background-color: #B56EFF; }
.guide_wrap02 .guide_new table thead tr th:nth-child(5) div{background-color: #8DC63F; }
.guide_wrap02 .guide_new table thead tr th:nth-child(6) div{background-color: #ff6e9e; }
 */
 .guide_wrap02 .guide_new table thead tr th.on div{filter: grayscale(0); opacity:1;}

.guide_new .table03 table thead tr th{background-color: transparent;}
.guide_new .table03 table thead tr th i:last-child{display: none;}
.guide_new .table03 table thead tr th div{color: #fff; padding: 16px 0; border-radius: 5px;}
.guide_new .table03 table thead tr th:nth-child(1) div{background-color: #a0a0a0;}
.guide_new .table03 table thead tr th:nth-child(2) div{background-color: #FFC700; }
.guide_new .table03 table thead tr th:nth-child(3) div{background-color: #32C4DE; }
.guide_new .table03 table thead tr th:nth-child(4) div{background-color: #B56EFF; }
.guide_new .table03 table thead tr th:nth-child(5) div{background-color: #8DC63F; }
.guide_new .table03 table thead tr th:nth-child(6) div{background-color: #FF6C0F; }



.guide_wrap02 .guide_new table thead tr th{background-color: transparent; padding-bottom: 0;}
/* .guide_wrap02 .guide_new table tr td{width: 16.666%;} */
/* .guide_wrap02 .guide_new table thead tr:first-child th:first-child{visibility: hidden;} */

/* .guide_wrap02 .guide_new table tr th:first-child{width: 150px; background-color: #f5f5f5; padding: 0 24px;} */
.guide_wrap02 .guide_new table tr td>div{border: 1px solid #000; border-radius: 5px;
     width: 100%;background-color: #fff; padding: 0; padding-bottom: 56.25%; overflow: hidden;
      display: flex;flex-direction: column; align-items: center; justify-content: center;
      position: relative;

}
/* .guide_wrap02 .guide_new table .img_wrap{position: relative; width: 100%; } */
.guide_wrap02 .guide_new table .img_in{width: 100%; height: 100%; aspect-ratio: 16/9; padding-bottom: 56.25%; position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.guide_wrap02 .guide_new table .img_in .x_btn{cursor: pointer; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background-color: #111; display: flex; align-items: center; justify-content: center;}
.guide_wrap02 .guide_new table .img_in .x_btn img{width: 15px; filter: brightness(1) contrast(1); }

.guide_wrap02 .guide_new .table01 table tbody tr th{}
.guide_wrap02 .guide_new .table01 table tbody tr th.w{background-color: #0099cc; color: #fff;}
.guide_wrap02 .guide_new .table01 table tbody tr th.w div{ font-size: 20px;}
.guide_wrap02 .guide_new .table01 table tbody tr th.name{background-color: transparent !important;}
.guide_wrap02 .guide_new .table02 table tbody tr th.name{background-color: transparent !important;}
.guide_wrap02 .guide_new .table02 table tbody tr th.w{background-color: #999; color: #fff;}
.guide_wrap02 .guide_new .table02 table tbody tr th.w div{ font-size: 20px;}

.guide_wrap02 .guide_new .table02{ margin-top: 32px; border: 1px solid #ddd;}
.guide_wrap02 .guide_new .table02 tr th p{}
.guide_wrap02 .guide_new .table01 tbody{background-color: #f5f5f5; border-radius: 15px;}
.guide_wrap02 .guide_new .table01 table tr th i:last-child{display: none;}
.guide_wrap02 .guide_new .table01 table tr th i{min-width:100px; display: block;}
.guide_wrap02 .guide_new .table01 table tr th {cursor: pointer;}
.guide_wrap02 .guide_new .table02 table tr td{padding-top: 22px; padding-bottom: 22px;}
.guide_wrap02{position: relative;}

.guide_wrap02 .guide_new .table01{display: flex; }
.guide_wrap02 .guide_new .table01>p{height: calc(auto - 50px);display: flex; align-items: center; justify-content: center; background-color: #0099cc; color: #fff; border-radius: 5px; padding: 12px; margin-right: 4px;}



/* .guide_wrap02::after{content: ""; width: 230px; height: 150px; position: absolute; left: 0; z-index: -1; bottom:0; background: url(../img/sub/join.png)no-repeat center center /cover;} */



.top_new{width: 1500px; max-width: 100%; padding: 0; margin: 12px auto 0  auto; align-items: center; position: relative; z-index: 2; }
.top_new .elikiz_header{margin-right: 16px;}
.top_new .elikiz_header img{max-width: 120px; max-height: 60px; object-fit: contain;}
.new_bg{width: 1720px; max-width: 100%; margin: 0 auto;}
.top_new .t_btn{margin-bottom: 0;}
.top_new .title{margin-left: 24px;}
.top_new .t_btn button{padding: 10px 12px; font-size: 18px;}



/*가이드 수정*/
.time_set{font-size: 18px; margin-top: 8px; display: flex; justify-content: center; gap: 4px;}
.time_set span{font-weight: 600;}

.edit_btn{width: 1720px; max-width: 100%; text-align: left; margin: 16px auto 0 auto;}
.edit_btn button{font-size: 16px; border: 1px solid #ddd; padding: 4px 12px; border-radius: 5px;}
.guide_wrap02 .guide_new table{display: block;}
.guide_wrap02 .guide_new table thead{display: flex; width: 100%;}
.guide_wrap02 .guide_new table thead tr{display: flex; width: 100%;}
.guide_wrap02 .guide_new table thead tr th{display: block; width: 20%;}
.guide_wrap02 .guide_new table tbody{display: flex; width:100%;}
.guide_wrap02 .guide_new table tbody tr{display: flex; flex-wrap: wrap; flex-direction: column; width: 20%;}
.guide_wrap02 .guide_new table tbody tr td{width: 100%;}

.guide_wrap02 .title02{width: 1720px; max-width: 100%; margin:12px auto 0 auto;}
.guide_wrap02 .title02 p{font-size: 17px !important; color: #999 !important;}


.guide_wrap03{margin-top: 70px;}
.guide_wrap03 .top{width: 1815px; max-width: calc(100% - 50px); }
.guide_wrap03 .top{display: flex; justify-content: space-between; align-items: flex-end;}
.guide_wrap03 .top .week_btn{display: flex; align-items: center; gap: 12px;}
.guide_wrap03 .top .week_btn button{border: 1px solid #FF6C0F; font-weight: 600; font-size: 18px; 
    color: #ff6709; padding: 10px 16px; border-radius: 5px; white-space: nowrap; transition-duration: 0.3s;
}
.guide_wrap03 .top .week_btn button:hover{background-color: #FF6C0F; color: #fff;}

.guide_wrap03 .schedule_wrap{width: 1815px; max-width: calc(100% - 50px); margin:16px 50px 0 0;}
.guide_wrap03 .schedule_wrap .s_con ul{display: flex; width: 100%; gap:0 24px}
.guide_wrap03 .schedule_wrap .s_con ul li.num{width: 95px;}
.guide_wrap03 .schedule_wrap .s_con ul li{width: calc(16.666% - 40px);}

/* 아이피 대표님이 주황색말고 다른날짜보다 조금만 더 진하게 해달라고 하셔서 임시로 수정했습니다 */
/* .guide_wrap03 .schedule_wrap .s_body ul li.today .con_wrap{box-shadow: 0 0 14px #FF5722; border: 1px solid #FF6C0F;} */
/* .guide_wrap03 .schedule_wrap .s_head ul li.today .con_wrap{background-color: #FF6C0F;} */

.guide_wrap03 .schedule_wrap .s_body ul li.today .con_wrap{box-shadow: 0 0 14px #553333; border: 1px solid #553333;}
.guide_wrap03 .schedule_wrap .s_head ul li.today .con_wrap{background-color: #555555;}



.guide_wrap03 .schedule_wrap .s_head ul{background-color: #979797; color: #fff; border-radius: 5px;}
.guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 25px;font-weight: 600;}
.guide_wrap03 .schedule_wrap .s_head ul li p span{font-size: 0.75em; font-weight: 600; margin-right: 4px;}
.guide_wrap03 .schedule_wrap .s_head ul li .con_wrap{display: flex; flex-direction: column; gap: 8px 0; height: 100%; justify-content: center; align-items: center; padding: 12px 16px;}
/* .guide_wrap03 .schedule_wrap .s_body ul:first-child li.num{border-top-left-radius: 5px; border-top-right-radius: 5px;} */
/* .guide_wrap03 .schedule_wrap .s_body ul:last-child li.num{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} */
.guide_wrap03 .schedule_wrap .s_head ul li .con_wrap b{background-color: #fff; color: #333; padding: 4px 12px; border-radius: 55px;
    display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 600;
}
.guide_wrap03 .schedule_wrap .s_head ul li .con_wrap b i{font-weight: 600;}
.guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap b{ background-color: transparent; color: #fff; font-size: 20px;}
.guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap{gap: 0;}
.guide_wrap03 .schedule_wrap .s_head ul li:first-child{}


.guide_wrap03 .schedule_wrap .s_body ul + ul{margin-top: 16px;}
.guide_wrap03 .schedule_wrap .s_body ul li.num{background-color: #EEE; border-radius: 10px; color: #111; font-weight: 600; 
    display: flex; align-items: center; justify-content: center; font-weight: 600;
}
.guide_wrap03 .schedule_wrap .s_body ul li.num p{font-weight: 600; text-align: center;  font-size: 25px;}
.guide_wrap03 .schedule_wrap .s_body ul li.num .con_wrap{border: 0;}
.guide_wrap03 .schedule_wrap .s_body ul li.num p span{display: block; text-align: center; font-size: 0.8em; font-weight: 600;}
.guide_wrap03 .schedule_wrap .s_body ul li.num .con_wrap{padding-bottom: 0; aspect-ratio: inherit;}



.guide_wrap03 .schedule_wrap .s_body ul li .add_btn{width: 100%; cursor: pointer; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #f5f5f5; display: flex;
     align-items: center; justify-content: center;  aspect-ratio: 16/9;}
.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap{position: relative; border: 1px solid #000; aspect-ratio: 16/9; overflow: hidden; border-radius: 5px; overflow: hidden;}
.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .img_wrap{background-position: center; background-size: cover; background-repeat: no-repeat; 
    background-image: url(../img/main/img16.png); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100.6%; height: 100%;
}

.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .time{position: absolute; right:0; bottom:0; display: flex; width: 100%; text-align: center;
     align-items: center; justify-content: center; gap: 16px; background-color: rgba(0 , 0, 0 , 0.5); border-radius: 2px; color: #fff; padding: 6px 14px;
    font-size: 14px;
}
.guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .unit{border-radius: 5px; padding: 6px 12px; position: absolute; left: 10px; top: 10px;
    background-color: rgba(0 , 0, 0 , 0.5);color: #fff; font-size: 14px;
}
.guide_wrap03 .schedule_wrap .s_body ul li .x_btn{position: absolute; right: 0; top: 0; display: flex; align-items: center; justify-content: center;
     background-color: rgba(0 , 0, 0 , 0.8); width: 25px; height: 25px; cursor: pointer;
}
.guide_wrap03 .schedule_wrap .s_body ul li .x_btn img{width: 15px;}

.guide_wrap03 .schedule_wrap .s_body ul li .x_btn.edit-btn{top: 30px;}


/* 2025-03-13 */
/* 클래스 추가 */
/* .class.guide_wrap03 .schedule_wrap .s_con ul{gap:0 16px} */
/* .class.guide_wrap03 .schedule_wrap .s_con ul li{width: calc((100% - 96px) / 7);} */
.class.guide_wrap03 .schedule_wrap .s_con ul li{cursor: pointer;;}
.class.guide_wrap03 .schedule_wrap .s_con ul li.num{width: 96px; position: relative;}
/* .class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li .add_btn{border: 1px solid #aaa; border-radius: 4px;  width: 40px; height: 25px; top: auto; bottom: 0px;}
.class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li .con_wrap{position: relative; top: -10px;} */

.class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li{aspect-ratio: 1 / 0.08; position: relative; width: 100% !important; border-radius: 5px; background-color: #f5f5f5; border: 1px solid #000; overflow: hidden;}
.class.guide_wrap03 .schedule_wrap .s_con ul li.plus-li .add_btn{height: 100%; aspect-ratio: none;}


.con_thumb_list{max-height: 20vh; overflow-y: auto;}
.con_thumb_list ul{display: flex; gap: 10px; flex-wrap: wrap;}
.con_thumb_list ul li{width: calc((100% - 60px) / 7); cursor: pointer;}
.con_thumb_list ul li .thumb_wrap{position: relative; width:100%; aspect-ratio: 1.6 / 1; border-radius: 3px;  overflow:  hidden; border: 1px solid #111; }
.con_thumb_list ul li .thumb_wrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}
.con_thumb_list ul li p{font-size: 13px; padding-top: 4px; text-align: left;}
.con_thumb_list ul li .floatbtn{position: absolute; right: 4px; top: 4px; background-color: #000; padding: 2px 6px; color: #fff; font-size: 12px; border-radius: 2px;z-index: 2;}
.con_thumb_list ul li.on .thumb_wrap{border: 2px solid #FF6C0F;}
.con_thumb_list ul li.on .thumb_wrap:after{content: ''; width: 100%; height: 100%; background-color: #FF6C0F; opacity: .5; display: block; z-index: 1; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.con_thumb_list ul li.on p{color: #FF6C0F;}

.con_thumb_list ul li:hover .thumb_wrap{border-color: #FF6C0F;}
.con_thumb_list ul li:hover p{color: #FF6C0F;}

/* 
.study_head03 .new_header{width: 1830px; max-width: calc(100% - 66px); padding: 0 0px 0 16px; left: 0; transform: translate(0);}
.study_head03 .new_header .left_con{padding-left: 0;}
.study_head03 .new_header .right_con{padding-right: 0;}

 */



.study_head03 .schedule_wrap_title{margin-left: 24px; display: flex; align-items:center; gap: 16px; font-size: 27px;}
.study_head03 .schedule_wrap_title h2{font-weight: 700; color: #999; position: relative; padding-right: 16px; }
.study_head03 .schedule_wrap_title h2::after{content: ""; width: 2px; height: 15px; margin-left: 16px; background-color: #666;
     position: absolute; right: 0; top: 50%; transform: translateY(-50%);
    }
.study_head03 .schedule_wrap_title h2:last-child::after{display: none;}
.study_head03 .schedule_wrap_title h2:last-child{color: #111; font-weight: 800;}





.guide_wrap03 .schedule_wrap .s_head ul li p#currentTime{font-size: 20px;}


.study_head03  .mid_con{display: none;}
.study_head03 .left_con .menu{display: none !important;}
.study_head03 .new_header .left_con .logo{margin-left:38px;}
.study_head03 .new_header .right_con{padding-right: 72px;}
.mo_view04.schedule_wrap_title{display: none;}


.table_mo_veiw{display: none;}
.guide_wrap03 .top{padding-left: 105px;}


/* 가입유형 */
.join_type .sub-main-title{margin-bottom:60px;}

.join_type .new_header .mid_con{display: none;}
.join_type .new_header .right_con .con.con02{display: none;}
.join_type .new_header .right_con .con.study_view{display: none;}
.join_type .new_header .right_con .con.shop_btn{display: none;}
.join_type .new_header .alarm{display: none;}
.join_type .new_header .thumb_wrap{display: none;}
.join_type .login_btn{display: none;}


.join_type .list {max-width: calc(100% - 50px);margin: 16px 50px 0 0;}
.join_type .list ul{display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between;}
.join_type .list ul li{width: calc(25% - 16px);}
.join_type .list ul li:hover .con_wrap{border: 1px solid #FF6C0F;}
.join_type .list ul li .con_wrap{border: 1px solid #333; background-color: #f9f9f9; border-radius: 5px; padding:38px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.join_type .bd{padding:0 16px;}
.join_type .list ul li .con_wrap dl{display: flex; align-items: flex-start; font-size: 17px; }
.join_type .list ul li .con_wrap dl + dl{margin-top: 22px;}
.join_type .list ul li .con_wrap dl dd{font-weight: 600; }
.join_type .list ul li .con_wrap dl dt{padding-right: 16px; min-width: 130px;}
.join_type .top {text-align: center; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #ddd;}
.join_type .top p.price{font-size:18px; text-align: center;}
.join_type .top p.price i{color: #FF6C0F; font-weight: 600; font-size: 27px;}
.join_type .top b{font-size: 28px; font-weight: 700; text-align: center; display: block; margin-bottom:16px;     font-family:"Pretendard Variable", sans-serif !important;}
.join_type .top b span{font-weight: 600;}

.join_type .join_btn{margin-top:48px;}
.join_type .join_btn a{display: block; transition-duration: 0.3s; padding:12px 16px; text-align: center; border-radius: 5px; color: #fff; background-color: #FF6C0F;}
.join_type .join_btn a:hover{background-color: #333; }


/* 가입유형 수정 */
.join_type .list ul li .con_wrap{padding: 30px;}
.join_type .join_btn{margin-top: 30px;}
.join_type .list ul li{width: calc(20% - 12px);}
.join_type .list ul{gap: 12px; flex-wrap: nowrap;}
.join_type .top{margin-bottom: 20px; padding-bottom: 20px;}
.join_type .top b{margin-bottom: 2px; font-size: 24px;}
.join_type .top p.price{font-size: 16px;}
.join_type .top p.price i{font-size: 23px;}
.join_type .list ul li .con_wrap dl dt{min-width: 90px; }
.join_type .list ul li .con_wrap dl{font-size: 16px;}
.join_type .list ul li .con_wrap dl + dl{margin-top: 20px;}




/* 24-08-26 수정 */
.edu_test .bottom{width: 100%; padding-left: 120px; padding-right: 120px; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #ddd;}
.edu_test .bottom h6 {display: flex; justify-content: flex-end; gap: 2px; font-size: 24px; font-weight: 600; color: #000;}
.edu_test .bottom h6 > span {color: #FF6C0F; font-weight: 600;}

.edu_test_detail .table-wrap > table {width: calc(100% - 35px);}
.edu_test_detail .table-wrap > table tr > th,
.edu_test_detail .table-wrap > table tr > td {padding: 12px 16px; text-align: center; border-right: 1px solid #ddd;}
.edu_test_detail .table-wrap > table tr > th {background-color: #f1f1f1; border-top: 2px solid #111;}
.edu_test_detail .table-wrap > table tr {border-bottom: 1px solid #ddd;}
.edu_test_detail .table-wrap > table tr > td >p {display: block;}
.edu_test_detail .table-wrap > table tr > td >p.edu-tt:hover {color: #FF6C0F; cursor: pointer;}


/* 24-11-12 원격 데스크톱 설명서 페이지*/
.exp .sub_h3{text-align: center; font-size: 1.2em; font-weight: 700;}
.exp .sub_h3 br{display: none;}
.exp_con{margin-top: 60px; }
.exp .subtit, .exp .subtit i {font-weight: 600; font-size: 1.8rem; color: #0f60bd;}
.exp .con + .con{ margin-top: 60px;}
.exp ol{margin: 24px 0;}
.exp ol .li_tit{font-size: 1.2rem;}
.exp ol li + li{margin-top: 28px;}
.exp ol li p + p{margin-top: 10px;}
.exp ol li p:last-child{margin-bottom: 16px;}
.exp ol li p a{text-decoration: underline;}
.exp ol li img{margin-top: 10px;}


#eduTestCategoryWrap .tab_in, #eduTestCategoryWrap button{flex-shrink: 0;}
.tab.type01.tab-right-btn{flex-shrink: 0;}
.tab-flex{align-items: flex-start;}


.flex-top{display: flex; align-items: center; gap: 20px; margin: 20px 0 10px;}
.flex-top .btn button{background-color: #FF6C0F; color: #fff; padding: 6px 16px; border-radius: 4px; font-size: 15px;}

/* 점수상세보기 버튼 */
.score-btn{margin-bottom: 16px;}
.score-btn button{padding: 12px 16px 12px 18px; border-radius: 50px; background-color: #FF6C0F; color: #fff; font-size: 17px; display: flex; justify-content: space-between; align-items: center; gap: 40px;}
.score-btn button > div{ display: flex; justify-content: center; align-items: center; gap: 8px;}
.score-btn button i{width: 22px; line-height: 1; height: max-content;}






/* ********************************************* *
 * 1600 max
 * ********************************************* */
 @media (max-width:1600px)
{  
    .bd-xl{padding: 0 20px;}
    .sub_list ul li .con_wrap .txt_wrap b{font-size: 16px;}
    .sub_list ul li .con_wrap .thumb{width: 55px; height: 55px;}
    .sub_list ul li .con_wrap .txt_wrap{width: calc(100% - 55px);}
    .sub_list ul li .con_wrap{padding: 16px;}
    .sub_list ul li .con_wrap .btn_wrap button{font-size: 12px; padding: 8px;}
    .sub_list ul li .con_wrap .txt_wrap span{font-size: 14px;}

    .category_list_wrap .live_view_con{width: calc(100% - 380px);}
    .category_list_wrap .category_side{width: 380px;}


    .level .list ul.day li p{font-size: 19px;}
    .btn_area{padding: 0 16px;}

    .study_head03 .schedule_wrap_title{font-size: 24px;}

    .join_type .top{margin-bottom: 26px; padding-bottom: 26px;}
    .join_type .top b{margin-bottom: 8px; font-size: 20px;}
    .join_type .top p.price{font-size: 16px;}
    .join_type .top p.price i{font-size: 24px;}
    .join_type .list ul{gap: 12px;}
    .join_type .list ul li{width: calc((100% - 36px) / 4);}
    .join_type .list ul li .con_wrap{padding:28px; }
    .join_type .list ul li .con_wrap dl{display: flex; align-items: flex-start; font-size: 16px; }
    .join_type .list ul li .con_wrap dl + dl{margin-top: 20px;}
    .join_type .list ul li .con_wrap dl dt{padding-right: 12px; min-width: 100px;}
    .join_type .join_btn{margin-top: 34px;}

}

/* ********************************************* *
 * 1500 max
 * ********************************************* */
 @media (max-width:1500px){
    .study_head03 .schedule_wrap_title{font-size: 22px;}
    .study_head03 .new_header .right_con{padding-right: 55px;}



 }


/* ********************************************* *
* 1400px max
* ********************************************* */

@media (max-width:1400px){

    /* 상품 사용후기 */
    .review .table .t_star{margin-right: 15px;}

    .sub_list ul li{width: 33.333%;}


    .category_list_wrap .live_view_con{width: calc(100% - 340px);}
    .category_list_wrap .category_side{width: 340px;}
    .live_view_con .video_wrap .txt_wrap .title{font-size: 20px;}
    .live_view_con .video_wrap .info_con a{font-size: 17px;}
    .live_view_con .video_wrap .txt_wrap .thumb{width: 45px; height: 45px;}

    .category_list_wrap .live_view_con{width: calc(100% - 380px);}
    .category_list_wrap .category_side{width: 380px;}

    .category_list_wrap .live_view_con .video_wrap .info_wrap{display: block;}
    .category_list_wrap .live_view_con .video_wrap .info_wrap .btn_wrap{margin-top: 16px;}
    .category_list_wrap .live_view_con .video_wrap .info_wrap .btn_wrap button span{font-size: 15px;}
    .category_list_wrap .live_view_con .video_wrap .info_con .info span{font-size: 14px;}
    .reply_wrap .reply_num p{font-size: 17px;}

    .live_con.category_con .list ul li{width: 33.333%;}

    .level02 .con .right .top{padding: 24px;}
    .level02 .con .right .top .day_con .in01{font-size: 30px;}
    .level02 .con .right .top .day_con .in02{font-size: 17px;}
    #chart{width: 600px; height: 600px;}
    .level02 .con .right{width: calc(100% - 550px);}



    .guide_wrap02 .guide_new .table01 table tr th.w{display: none;}
    .guide_wrap02 .guide_new .table02 table tbody tr th.w{display: none;}
    .guide_wrap02 .guide_new .table01 table tr td>div{min-height: auto; border: 0;}
    .study_head03 .new_header .left_con .logo{width: 120px;}

    .guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 22px;}
    .guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .unit{font-size: 12px;}
    .guide_wrap03 .schedule_wrap .s_body ul li.num p{font-size: 22px;}

    /* .study_head03 .new_header .right_con .con button, .shop_btn button{font-size: 11px;} */
    .shop_btn button img{width: 13px;}
    .study_head03 .new_header .right_con .con.con02 img{width: 15px;}
    .study_head03 .schedule_wrap_title{flex-direction: column; align-items: flex-start; gap: 4px;}
    .study_head03 .schedule_wrap_title{font-size: 20px;}
    .guide_wrap03 .top .week_btn button{font-size: 15px;}
    .study_head03 .new_header .right_con button img{margin-right: 8px;}
    .study_head03 .new_header .right_con button{padding: 6px;}

    .live_con .list ul li .profile{width: 25px; height: 25px;}
    .live_con .list ul li .txt_wrap .txt{width: calc(100% - 60px);}
    .live_con .list ul li .txt_wrap .txt b{font-size: 15px;}


    .join_type .list ul li .con_wrap dl dt{min-width: 80px;}
    .join_type .list ul{gap: 12px; flex-wrap: wrap;}

}

/* ********************************************* *
* 1200px max
* ********************************************* */
@media (max-width:1200px){

    /* 공지사항 */
    .side_nav b{font-size: 1.7rem;}
    .side_nav .side_sub_depth a{font-size: 18px;}
    .notice .dis-f .left{width: 220px;}
    .notice .dis-f .right{}
    .side_info .top p{font-size: 16px;}
    .side_info .mid a{font-size: 22px;}


    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 25%;}
    
    /* 상품 사용후기 */
    .review .table .t_category{width: 26%;}
    /* .review .table .t_title{width: 25%;} */
    .review .table .t_star{width: 119px;}

    .price .con.top h2{font-size: 36px;}
    /* .price .con.mid ul li .con_wrap .txt_wrap p.ex{margin-top: 4px;} */
    .price .con.mid ul li .con_wrap .txt_wrap p.ex{margin-top: 16px; margin-bottom: 0; font-size: 18px;}

    .price .con.mid ul li .con_wrap .txt_wrap p.price i{font-size: 1.3em;}
    /* .price .con.mid ul li .con_wrap .txt_wrap p.ex{font-size: 15px;} */
    .price .con.mid ul li.yellow .con_wrap .txt_wrap button{font-size: 16px;}
    .price .con.mid ul li.gray .con_wrap .txt_wrap span.type{font-size: 15px;}


    /* 공지사항 */
    .notice_type02 ul li .con_wrap{padding: 24px;}
    .notice_type02 ul li .con_wrap .txt_wrap span{font-size: 14px; margin-bottom: 4px;}
    .notice_type02 ul li .con_wrap b{font-size: 20px;}


    .edu_result b.title{font-size: 31px;}
    .edu_result .table_wrap span.no{font-size: 30px;}
    .edu_result .table_wrap tr th{font-size: 15px;}

    .edu_view .right .sound_con .click_con{width: 120px; height: 120px;}

    .level .level_top .lv::after{height: 23px;}
    .level .level_top .lv02::after{height: 23px;}
    .level .level_top span{margin:0 16px; margin-bottom: -4px;}
    .level .level_top span img{width: 15px; }

    .level02 .con .right .top{padding: 24px;}
    .level02 .con .right .top dl dt{font-size: 18px;}
    .level02 .con .right .top .day_con .in01{font-size: 30px;}
    .level02 .con .right .top dl dd{font-size: 18px;}
    .level02 .con .right .top{min-height:330px; height: auto;}
    .level02 .con .right .btm button{padding: 16px; font-size: 16px;}

    .live_view_con .video_wrap .txt_wrap .title{font-size: 20px;}
    .live_view_con .video_wrap .info_wrap .btn_wrap button span{font-size: 15px;}

    .admin .con.con02 .ch_name b{font-size: 23px;}
    .admin .con.con02 .btn_wrap button{font-size: 15px;}


    .crew_account .con.category ul.dis-f{flex-wrap: wrap;}
    .crew_account .con.category li + li{margin-top: 24px;}

    .reply_wrap .reply_num p{font-size: 16px;}

    .category_list_wrap .live_view_con{width: calc(100% - 320px);}
    .category_list_wrap .category_side{width: 320px;}

    .pay_con ul li b.title{font-size: 25px;}

    .reservation_wrap03 ul li b.title{font-size: 25px;}

    .price .con.mid b.tit{font-size: 20px;}
    .price h2{font-size: 30px;}
    /* .price .con.mid ul li .con_wrap .txt_wrap p.ex{height: auto;} */
    .price .con.mid ul li .con_wrap .txt_wrap p.ex{height: 60px;}
    .price .con.mid ul li .con_wrap .txt_wrap button{margin-top: 24px;}
    /* .price .check_wrap{margin-top: 24px;} */
    .price .check_wrap{margin-top: 16px;}


    .guide_con .con02 ul li .right_con ul li{width: 33.333%;}

    .study .list ul.inner li{width: calc(50% - 13px);}
    .level .list ul li .con_wrap b{font-size: 24px;}
    .level .list ul.day li p{font-size: 17px;}
    .level .list02 ul li{width: 95px; height: 95px;}
    .level .list ul li .con_wrap{height: 95px;}
    .guide_new table tr .activity p{font-size: 20px;}

    .tab_swiper_wrap{margin: 0 16px 0 16px;max-width: calc(100% - 90px); margin-bottom: 20px;}

    .guide_wrap02 .guide_new .table01 table tr th i:last-child{display: block;}
    .guide_wrap02 .guide_new .table01 table tr th i:first-child{display: none;}
    .guide_new .table03 table thead tr th i:first-child{display: none;}
    .guide_week2 .guide_new .table03 table thead tr th i:first-child{display: block !important;}
    .level .list02 ul li{font-size: 1em;}
    .level .level_top div p{font-size: 18px;}
    .level .bd-lg h2{font-size: 30px;}

    
    .level .left_img .t_btn{ margin-bottom: 12px;}
    .level .left_img .t_btn button{margin-right: 0; margin-bottom: 12px;}

    .guide_wrap02 .guide_new table thead tr th div{font-size: 16px;}
    .guide_week.level .level_top div p{font-size: 22px;}
    .guide_wrap .title h2{font-size: 25px;}
    .t_btn button{font-size: 15px;}
    .guide_wrap .title .gene span{font-size: 16px;}

    .level02 .con .left{width: 510px;}
    .level02 .con .right{width: calc(100% - 510px);}
    #chart{width: 510px; height: 510px;}

    .live_con .list ul{margin-bottom: 0;}


    .live_con .list ul{gap: 0 12px;}
    .live_con .list ul li{width: calc(20% - 12px);}
    .live_con .list ul li .profile{width: 30px; height: 30px;}
    .live_con .list ul li .txt_wrap .txt{width: calc(100% - 42px);}
    .live_con .list ul li .txt_wrap b{font-size: 15px;}
    .live_con .list ul li{margin-bottom: 8px;}


    .guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 20px;}
    .guide_wrap03 .schedule_wrap .s_head ul li .con_wrap{padding: 12px 6px;}

    .study_head03 .schedule_wrap_title{font-size: 22px;}

    .mo_view04.schedule_wrap_title{display: flex; margin-left: 0;}
    .new_header .schedule_wrap_title{display: none;}
    .study_head03 .new_header .left_con .logo{width: 70px; margin-left: 0;}
    .study_head03 .schedule_wrap_title{flex-direction: row; align-items: center;}
    .study_head03 .schedule_wrap_title h2{margin-right: 16px;}
    .guide_wrap03 .top{padding-left: 0; margin-top: 8px;}
    .story_btn{gap: 8px;}
    .story_btn button{width: 45px; height: 45px; font-size: 12px;}
    .guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .time{font-size: 12px; padding: 2px 14px;}
    .guide_wrap03 .schedule_wrap .s_body ul li.num p{font-size: 20px;}
    .guide_wrap03 .schedule_wrap .s_head ul li p#currentTime{font-size: 18px;}
    .guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 18px;}
    .guide_wrap03 .schedule_wrap .s_body ul li .con_wrap .unit{font-size: 11px; top: 2px; left: 2px; padding: 4px 6px;}
    .guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap b{font-size: 18px;}
    .guide_wrap03 .top .week_btn button{font-size: 14px;}

    .guide_wrap03 .schedule_wrap{max-width: 100%;}
    .guide_wrap03 .top{max-width: 100%;}
    .study_head03 .new_header .right_con{padding-right: 0;}

    .edu_test .bottom{padding: 40px 51px;}


    .join_type .list ul{gap: 16px;}
    .join_type .list ul li{width: calc((100% - 16px) / 2);}
    .join_type .list ul li .con_wrap{padding:32px; }
    .join_type .join_btn{margin-top: 34px;}


    /* 점수상세보기 버튼 */
    .score-btn button{padding: 10px 14px 10px 18px; font-size: 16px; }
    .score-btn button i{width: 20px;}

}
/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){
 
    .shop_view .pd-view-t-container .row-too-short{display: inherit;}

    /* 상품 사용후기 */
    .review .table .t_category span{display: block; margin: 0 auto;}
    .contact{width:100%;}
    .review .mypage_review .t_category span { margin: inherit;margin-right: 10px;}


    .price .con.mid ul{flex-wrap: wrap; margin-bottom: -32px;}
    .price .con.mid ul li{width: 50%; margin-bottom: 32px;}
    .price .con.mid ul li .con_wrap .info dl{font-size: 17px;}
    .price .con.mid ul li .con_wrap .info{padding: 24PX;}
    .price .con.mid ul li.all{width: 100%;}

    .level02 .con .left{margin: 0 auto;}
    .level02 .con{display: block;}
    .level02 .con>div{width: 100%;}
    .level02 .con .right{margin: 0 auto; margin-top: 48px;}
    .level02 .con .right .btm{width: 100%; }
    .level02 .con>div{padding: 0;}

    .top_shop_detail >ul{width: 100%;}
    .pd-detail-container .btn{font-size: 16px; padding: 12px 0;}
    .pd-total dd{font-size: 1.6rem;}
    .shop .pd-detail-container .con-tit h3 {font-size: 1.2em;}
    .shop .pd-detail-container .pd-price-con .price {font-size: 1.6rem;}
    .shop .pd-detail-container .pd-price-con, .shop .pd-detail-container .star-container{margin-top: 12px;}
    .pd-view-t-container dl{margin-bottom: 12px;}
    .view-tab-container li{font-size: 15px; padding: 16px 8px;}
    
    .level02 .con .left svg#chart{position: static; transform: inherit;}
    .level02 .con .right{width: 100%;}

    .top_new .t_btn button{font-size: 14px;}
    .guide_week.level .level_top div p{font-size: 20px;}
    .guide_wrap .title h2{font-size: 21px;}


    .guide_wrap03 .schedule_wrap .s_head ul li p span{display: block; text-align: center;}
    .guide_wrap03 .schedule_wrap .s_body ul li .x_btn{width: 20px;  height: 20px;}
    .guide_wrap03 .tab p{font-size: 14px; padding: 8px 12px;}
    .guide_wrap03 .tab{gap: 8px;}
    .guide_wrap03 .top .week_btn{gap: 8px;}
    .guide_wrap03 .top .week_btn button{font-size: 12px; padding:8px 12px;}
    .guide_wrap03 .schedule_wrap .s_head ul li .con_wrap b{font-size: 12px;}
    .guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 17px;}
   

    .con_thumb_list ul li{width: calc((100% - 40px) / 5);}

    /* 점수상세보기 버튼 */
    .score-btn button{padding: 8px 14px 8px 18px; font-size: 15px; gap: 30px;}
    .score-btn button i{width: 18px;}

}
/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
    .sub_top_wrap { width: auto;}
    .sub_top_title h2 { font-size: 40px;}
    .sub_top_title { height: 440px;}
    .sub_top_menu>div { height:80px; padding: 0 40px;font-size: 18px;border-right:none}


    h3.common { margin-bottom: 40px;}

    .review .table ul p{padding: 15px 0;}
    .review .table .t_category{width: 22%; margin-right: 1%;}
    .review .mypage_review .table .t_category{    width: 39%;}
    .review .mypage_review .table ul p {  padding: 0;  }

    /* 공지사항 */
    .notice .dis-f{flex-direction: column;}
    footer .top_con .dis-f{flex-direction: row ;}
    
    .notice .qna_top .dis-f{flex-direction: row;}
    .title_area {font-size: 1.8rem; margin-bottom: 16px;}
    .side_nav {width: 100%; text-align: center;}
    .side_nav b{display: none;}
    .notice .dis-f .left{width: 100%; margin-bottom: 0;padding-top: 48px !important; padding-bottom: 32px !important; padding-left: 0 !important; padding-right: 0 !important; border-right: 0;}
    .notice .dis-f .right{width: 100%; padding-left: 0;}
    .side_nav .side_sub_depth{display: flex; justify-content: center;}
    .side_nav .side_sub_depth a{opacity: 1; border: 1px solid #ddd;margin-right: 0;
         margin-right: 16px; font-size: 15px; display: block; padding:16px 24px; border-radius: 55px; line-height: 1;
         display: flex; align-items: center; justify-content: center;
    }
    .side_nav .side_sub_depth a:last-child{margin-right: 0;}
    .side_nav .side_sub_depth a + a{padding:16px 24px;}
    .side_info{display: none;}
    .side_nav .side_sub_depth a.on{background-color: #FF6C0F; color: #fff; border: 1px solid #FF6C0F;}

    .accordion dt{font-size: 1.025rem;}
    .promotion ul li .text_box .con_title{font-size: 1.15rem;}

    .notice.ad_commu .dis-f .left{display: none;}

    .event.notice .dis-f{display: block;}
    .notice .dis-f .right{padding-top: 0 !important; padding-right: 0;}
    .event .tabSet ul.tabs{margin-bottom: 0;}

    .ad_commu.notice .dis-f .right{padding-top: 48px !important;}

    .price .con.top h2{font-size: 30px;}

    /* 메인 */
    .live_con .list ul li .state p{font-size: 13px;}
    .live_con .list ul li .txt_wrap b{font-size: 14px;}

    .level .list ul li.character{display: none;}
    
    .new_bg{flex-direction: column;}
    .level .left_img{width: 100%;}
    .level .bd-lg{width: 100%; margin-top:32px;}
    .level .list ul li .con_wrap{}
    .level .list02 ul li{width: 100%;}
    .level .list02{width: 16.666%;}
    .level .list ul li.check .con_wrap::after{width: 80px; height: 75px;}


    .lang{position: static;}

    .live_view_con .video_wrap .info_wrap{display: block;}
    .live_view_con .video_wrap .info_wrap .btn_wrap{margin-top:12px;}
    .live_view_con .video_wrap .info_con a{font-size: 17px;}
    .live_view_con .video_wrap .info_con{margin-top: 12px;}
    .reply_wrap .reply_num p{font-size: 16px;}

    .orderlist_new .list ul li .table_wrap tr td{font-size: 14px;}
    .orderlist_new .list ul li .table_wrap tr th{font-size: 14px;}
    .admin .table_wrap table button{font-size: 14px; padding: 6px 12px;}

    .sub_list ul li{width: 50%;}

    .admin .con.con02 .ch_name b{font-size: 21px;}
    .orderlist_new .list ul li .top_con{font-size: 18px;}
    .my_contnets .total p{font-size: 16px;}
    .my_contnets .total p i{font-size: 20px;}

    .category_list_wrap{flex-direction: column;}
    .category_list_wrap .live_view_con{width: 100%; padding-right: 0;}
    .category_list_wrap .category_side{width: 100%; margin-top: 32px;}
    .category_list_wrap .category_side .thumb_wrap{height: 90px; padding-bottom: 0;}

    .category_list_wrap .category_side.mo_view{display: block;}
    .category_list_wrap .category_side.pc_view{display: none;}
    .category_list_wrap .category_side{height: 47vh;}

    .live_con.category_con .list ul li{width: 50%;}

    .reply_list .con b.date{font-size: 18px;}

    .price .con.mid ul li .con_wrap .txt_wrap span.type{font-size: 28px; margin-bottom: 8px;}
    .price label i{left: 52%;}

    .guide_con .con02 ul li .right_con ul li{width: 50%;}
    .guide_con .con01{display: block;}
    .guide_con .left{width: 100%; padding-bottom: 56%;}
    .guide_con .right{width: 100%; padding-left: 0; margin-top: 32px;}
    .guide_con .right h3::after{display: none;}


    .study .list ul.inner li{width: 100%;}

    .guide_wrap .title .gene span{font-size: 16px;}
    .guide_new table tr th{padding: 8px 2px;font-size: 14px;}
    .guide_new table tr td{font-size: 15px;}

    .level02 .con .right{width: 100%;}
    .level .bd-lg h2{font-size: 24px; margin-bottom: 24px;}
    .level .list ul.day li p{font-size: 16px;}
    .level .list ul li .con_wrap b{font-size: 22px;}

    .guide_wrap02 .guide_new .table01 table tbody tr th.name{display: block; width: 100%;margin-top: 12px;  font-size: 16px;}
    .guide_wrap02 .guide_new .table01 table tbody tr td{width: 100%; display: inline-block; vertical-align: middle; margin-right: -4px; padding: 8px 6px;}
    .guide_wrap02 .guide_new table tr{display: block;}
    .guide_wrap02 .guide_new .table01 table tbody tr th{display: none;}
    .guide_wrap02 .guide_new .table01 table thead tr{display: block;}
    .guide_wrap02 .guide_new .table01 table thead th{width: 20%; display: inline-block; vertical-align: middle; margin-right: -4px;}
    .guide_wrap02 .guide_new .table01 table thead th.no_view{display: none;}
    .guide_wrap02 .guide_new{width: 100%; overflow: hidden;}
    .guide_wrap02 .guide_new table{width: 100%;}
    .guide_wrap02 .guide_new .table01 table tr th i{min-width: auto;}
    .guide_wrap02 .guide_new table thead tr th div{height: auto;}
    .guide_wrap02 .guide_new .table02 tr th{width: 100%; display: block; margin-top: 12px; font-size: 16px;}
    .guide_wrap02 .guide_new .table02 tr th p br{display: none;}
    .guide_wrap02 .guide_new .table02 table tr td{padding: 12px 2px; width: 20%; display: inline-block; vertical-align: middle; margin-right: -4px;}
    .guide_wrap02 .guide_new .table02 table tr {display: block;}
    .guide_wrap02 .guide_new .table02{border: 0;}

    .notice_type02 ul li{width: 50%;}
    .notice .panels{min-height: auto;}
    .no_post img{width: 70px;}
    .no_post p{margin-top: 0;}

    .top_new{flex-wrap: wrap;}
    .top_new .title{width: 100%; text-align: left; margin-left: 0; padding-left: 0; margin-top: 8px;}
    .time_set{font-size: 15px;}

    .live_con .list ul li .profile{width: 25px; height: 25px; margin-right: 0;}
    .live_con .list ul li .txt_wrap .txt{width: calc(100% - 25px); padding-left: 8px;}

    .guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 17px;}
    /* .guide_wrap03 .top {display: flex;justify-content: space-between;align-items: flex-start;flex-direction: column-reverse;margin-top: 20px;} */

    .guide_wrap03{overflow: auto;}
    .guide_wrap03 .schedule_wrap{width:900px; max-width: 900px;}
    .table_mo_veiw{display:block; margin-top: 12px; color: #FF6C0F;}
    .study_head03 .new_header .right_con{padding-right: 0;}


    .join_type .list{max-width: calc(100% - 40px); margin: 16px 40px 0 0;}

    /* 250408 */
    .join_type .list{max-width: calc(100% ); margin: 0;}

    
}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){
    .guide_new table tr .activity p{font-size: 16px;}
    .guide_wrap03 .schedule_wrap .s_con ul li.num{width: 100px;}
    .guide_wrap03 .schedule_wrap .s_con ul li{width: 14.285%;}
    .guide_wrap03 .schedule_wrap .s_head ul li:first-child .con_wrap b{font-size: 18px;}

    .guide_wrap03 .top{flex-direction: column-reverse; align-items: flex-start; gap: 16px 0;}
    .week_side{justify-content: space-between; width: 100%;}

    .my_address .btn_wrap button{padding: 7px 18px; font-size: 14px;}
    .my_address .btn_wrap {gap: 8px; }
    

    .con_thumb_list ul li{width: calc((100% - 30px) / 4);}


}
/* ********************************************* *
* 768px max
* ********************************************* */

@media (max-width:768px){
    .sub_top_title { height: 350px;}
    .commu .table{border-top:1px solid #000;}
    .shop_view_bg{background: transparent;    height: auto;}
    .content { padding: 60px 20px;}
    .founded04 .content { margin: 60px 0;}
    .founded04 .content .txt_wrap{padding:0px;}
    .overview02 table td { padding: 10px 14px; font-size: 16px;}

    .commu .content [class*='bd']{padding-left:0;padding-right:0;}

    .mt-70.exp{margin-top: 30px;}
    .exp_con{margin-top: 30px;}
    .exp .subtit, .exp .subtit i{font-size: 1.6rem;}
    .exp ol{margin: 20px 0;}
    .exp .pb-120{padding-bottom: 0 !important;}

    /* 공지사항 */
    .notice .table .head_table { display: none;}
    .notice .table ul li > div { display: inherit;    text-align: left;}
    .notice .table ul p { padding: 5px 0px;}
    .notice .table .t_no {width: 20%;font-size: 1.125rem;color: #bbb; font-weight: bolder; }
    .notice .table .t_title {font-size: 1.25rem;    width: 85%;}
    .notice .table .t_date { width: 100%; text-align: right; font-size: 16px; padding-top: 0; }
    .notice .table .t_views{display: none;}
    .notice .table .body_table li { padding: 16px;}

    .notice_view .body .body_in_file {padding: 10px 0;}
    .notice_view .top .view_title {font-size: 1.7rem;}
    .notice .notice_top .search input {padding: 15px 5px; }
    .notice.qna .table .t_name{font-size: 16px; position: absolute; left: 16px; bottom: 22px; text-align: left; padding: 0; right: inherit; top: inherit;}


    .notice .table .body_table .t_title{margin-bottom: 0;}
    .notice .table .t_title{width: 95%;}
    .notice .table .t_no{display: none;}
    .notice.qna .table .t_no{display: block;}
    .notice .table ul li > div{position: relative;}

    .notice_type02 ul li .con_wrap{padding: 24px 16px;}
    .notice_type02 ul li .con_wrap b{font-size: 20px; margin-bottom: 8px;}
    .notice_type02 ul li .con_wrap p{font-size: 16px;}
    .notice_type02 ul li .con_wrap button{margin-top: 24px;}



    .trade .table ul .t_img{position: absolute; left: 0; top: 0;}
    .trade .table ul .t_kind{padding-left: 120px;}
    .trade .table ul .t_title {padding-left: 120px;}
    .trade .table ul li > div{padding-bottom: 27px;}
    .trade .table ul .t_kind.sell span{ background-color: #be3434; width: 58px; color: #fff !important; padding: 4px 10px; display: block; white-space: nowrap; }
    .trade .table ul .t_kind.buy span{ background-color: #fb2780; width: 58px; color: #fff !important; padding: 4px 10px; display: block; white-space: nowrap; }


    /* 홍보자료/홍보영상 */
    .promotion ul li .text_box {padding: 10px;}
    .promotion.promotion02 ul li .text_box {height: 81px; }


    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 100%;}
    .questions .questions_top {margin-top: 40px; }
    .questions .questions_top .search input {padding: 15px 10px;}
    .accordion dt {padding: 20px 75px 20px 50px;}
    .accordion dd { padding: 20px 20px 20px 50px;}
    .accordion dt span{font-weight: 600;}

    /* Q&A */
    .qna .table{margin-top:0}
    .qna .table .head_table { display: none; }
    .qna .table ul li > div {display: inherit; text-align: left;position: relative;padding: 16px 16px; position: relative;}
    .qna .table ul p {padding:2px 0px; }
    .qna .table ul p.no_post {padding: 10px 0px;}
    .qna .table .body_table .t_no{width: 20%;font-size: 1.125rem;color: #bbb; font-weight: bolder;text-align: left; }
    .qna .table .t_category{text-align: left; font-size:17px; color:#FF6C0F;width: 100%; font-weight: 600;}
    .qna .table .body_table .t_title {font-size: 1.25rem;    width: 85%; margin-right:auto;}
    .qna .table .body_table .t_name { width: 100%; text-align: right; }
    .qna .table .body_table .t_date { width: 100%; text-align: right;}

    .qna .table .body_table .after_answer .t_name{padding-right: 20px;}
    .qna .table .body_table .after_answer .t_date{padding-right: 20px;}

    .qna .table .after_answer{position:relative;background-color: #f5f5f5; padding-top:24px}
    .qna .table .after_answer .t_no{position:absolute;    width: auto;}
    .qna .table .after_answer .t_no img {transform: translate(7px,7px);    width: 19px;}
    .qna .table .after_answer .answer { width: auto; text-align: left;    margin-left: 0;margin-top: 0;padding:0;}
    .qna .table .after_answer .answer span { padding: 3px 8px 1px;}
    .qna .table .after_answer .t_title{margin-left: 0 !important;}
    .qna .table .after_answer .t_name{margin-left: 0 !important;}

    .qna .table .after_answer .t_title {margin-left: 40px;margin-top: 6px;}

    .qna .table .body_table li {  border-bottom: 1px solid #bbb; padding:0;}
    .qna .table .body_table li > div:first-child{padding:10px 0;}
    .qna .table .body_table li > div:last-child{padding:20px 0 10px;}
    .qna .qna_top .search { width: 65%;}
    .qna .qna_top .search button{width: 43px; height: 43px;}
    .qna .qna_top > button{}
    .qna .qna_top .category_list{width:35%;}
    .qna .table .name{position:absolute;right:10px;bottom:10px;text-align: left;color:#888; font-size:13px;width: auto;}
    .qna .table .before_answer .t_no {display: none;}
    .qna .table .t_title {font-size: 17px; margin-top:4px;width: 100%; margin-bottom: 16px;}
    .qna .table .t_name{color:#888;font-size:13px;width: auto;}
    .qna .table .after_answer .t_name{margin-left:40px;;}
    .qna .table .t_name::before{content:'작성자 : '}
    .qna .table .after_answer .t_title {width: calc(100% - 40px);}


    /* 상품 사용후기 */
    /* .review .pc_table{display: none;}
    .review .mobile_table{display: block;} */
    .review .table ul >li{border-bottom:1px solid #ddd;padding: 0;}
    .review .table .head_table{display:none;}
    .review .table .before_answer .t_category {display: inherit;padding:0;font-size:1.25rem;width:100%;}
    .review .table .t_category .title_p{padding:0;}
    .review .table ul li > div { display: inherit;margin:0;}
    .review .table ul p{padding:0; margin:0;text-align: left;}
    .review .table .t_title{margin:0;width:100%;    padding: 5px 0;}
    .review .table .t_name{width:100%;font-size:14px; font-weight: 400; color:#888}
    .review .table .t_name::before{content:'작성자 : '}
    .review .table .t_date {text-align: right; width: auto; font-size:14px; font-weight: 400; color:#888;position:absolute;bottom:12px; right:0;}
    .review .table ul li .before_answer{padding: 30px 0px 30px 150px;position:relative;}
    .review .table .before_answer .t_category i{position:absolute; top:50%; left:0;width:130px;transform: translateY(-50%);height:130px;}


    .review .mobile_table ul li:first-child{border-top: 1px solid #777;}
    .review .mobile_table ul li{display: flex; border-bottom: 1px solid #bbb; padding: 30px 10px 20px;}
    .review .mobile_table .review_product{width: 160px; padding-right: 20px;}
    .review .mobile_table .review_product .t_category{text-align: center; line-height: 30px;}
    .review .mobile_table .review_product .t_category span{display: block;}

    .review .mobile_table .review_txt{width: calc(100% - 160px);}
    .review .mobile_table .review_txt .t_star{margin-bottom: 15px;width: 104px; overflow: hidden; padding-bottom: 10px;}
    .review .mobile_table .review_txt .t_star .star{position: relative;}
    .review .mobile_table .review_txt .t_title{font-size: 1.25rem; margin-bottom: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
    .review .mobile_table .review_txt .t_date{color: rgba(0,0,0,.5);}

    .review .qna_top > button{width:20%;padding: 0 10px;}
    .review .qna_top .category_list{width:30%;}
    .review_view .top .t_star .review-main-star .star1 {left: -42px;}
    .review_view .top .t_star .review-main-star .star2 {left: -23px;}
    .review_view .top .t_star .review-main-star .star3 {left: -3px;}
    .review_view .top .t_star .review-main-star .star4 {left: 16px;}

    .panels {margin-top: 10px;}
    .review .mypage_review .table ul li .before_answer {
        padding: 0;
    }
    .review .mypage_review .table .before_answer .t_category i {
        position: inherit;
        top: auto;
        left: auto;
        width: 100%;
        transform: none;
        height: auto;
    }
    .review .mypage_review .table ul li .before_answer{position: relative;}
    .review .mypage_review .table .before_answer p{padding-left:150px;}
    .review .mypage_review .t_category span{position:absolute;top:50%;transform:translateY(-50%);left:0;}
    .review .mypage_review .table .t_star {padding-left:0; margin-left: 150px;}
    .review .mypage_review .table li {padding: 20px 0;}
    .promotion ul li .text_box .con_date { bottom: 10px; right: 15px;}

    .contact ul li.in_list .left{font-size: 16px;}

    .event .tabSet ul.tabs li a{font-size: 17px;}
    .promotion ul>li{margin-bottom: 24px;}


    .privacy .content{padding: 0;}

    .price .con.top img{width: 30px;}
    .price .con.top img:nth-child(1){left: 15%;}
    .price .con.top img:nth-child(2){left: 90%;}
    .price .con.top h2{font-size: 26px;}
    .price .con.top img:nth-child(3){bottom: -40px;}


    /*  */
    .edu_view>.dis-f{display: block;}
    .edu_view .con{width: 100%;}
    .edu_view .right .top_con{margin-top: 32px;}
    .edu_view{height: auto; margin-top: 120px;}
    .edu_view .right .btn_wrap{position: static; transform: inherit; gap: 16px; margin-top:60px; margin-bottom: 32px; width: 100%;}
    .edu_view .right .btn_wrap button{width: 65px; height: 65px;}
    .edu_view .right .sound_con .click_con{width: 90px; height: 90px;}
    .edu_view .right .btn_wrap button.next{margin-left: 0;}
    .edu_view .right .sound_con + .input_wrap{margin-top: 0;}
    .edu_view .right .select {display: flex; gap: 16px; width: 100%;}
    .edu_view .right .select button + button{margin-top: 0;}
    .edu_view .right .select button{width: 33.333%; font-size: 18px; padding: 8px 16px;}
    .edu_view_wrap .video_view{height: auto;}
    .edu_view::after{opacity: 0.3;}
    .video_view .top .x_btn button{width: 65px; height: 65px;}

    .account_con .con02{padding: 24px;}

    .sub_list ul li .con_wrap .thumb{width: 50px; height: 50px;}
    .sub_list ul li .con_wrap .txt_wrap{width: calc(100% - 50px);}
    .sub_list ul li .con_wrap .txt_wrap b{font-size: 15px;}

    .commu_list .list .con_wrap .in .txt_wrap .info span.date{font-size: 14px;}
    .commu_list .list .con_wrap .in .txt_wrap .txt{font-size: 16px;}

    .pay_con ul li.count .in dl dt{font-size: 15px;}

    .pay_con ul li.count button.all{font-size: 16px;}


    .guide_con .con02 ul li .con_wrap{display: block;}
    .guide_con .con02 ul li .left_con{width: 100%;}
    .guide_con .con02 ul li .right_con{width: 100%; padding-left: 0; margin-top: 4px;}
    /* .guide_wrap{padding-top:60px;} */
    .guide_wrap .level_arrow b{font-size: 20px;}
    .guide_wrap .level_arrow button{width: 40px; height: 40px;}

    .guide_wrap02 .guide_new .table02 table tr td{width: 33.333%; padding-bottom: 0;}
    .level .level_top .lv_con.lv02{padding-left: 0;}

    .live_con .list ul li {width: calc(25% - 12px);}
    .live_con .list ul li .txt_wrap span{font-size: 12px;}

    .join_type .list ul li .con_wrap{padding:24px; }
    .join_type .top{margin-bottom: 22px; padding-bottom: 22px;}
    .join_type .list ul li .con_wrap dl{font-size: 15px;}


    
    
    /* 점수상세보기 버튼 */
    .score-btn{margin-bottom: 12px;}
    .score-btn button{padding: 8px 12px 8px 16px; font-size: 14px; gap: 24px;}
    .score-btn button i{width: 17px;}


}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){

    .tab_swiper_wrap{max-width: calc(100% - 80px); }


    .sub-banner{height: 20px;}
    .notice .table .t_date{font-size: 16px;}
    .notice .dis-f .left{margin-bottom: 0;}
    .title_area{font-size: 1.6rem;}
    .sec { padding: 60px 0;}

    .commu.qna_view .qna_wrap{border-top:1px solid #000;}

    .commu .content {padding: 0 16px;}
    .content { padding: 32px 20px;}

    h3.common { font-size: 40px;margin-bottom: 0px;}

    .sub_top_title h2 {font-size: 35px;    top: 33%;    width: 100%;}
    .sub_top_title {  margin-bottom: 60px;}
    .shop_view_bg { height: auto;}
    .comming {width: 100%;}


    [class*='bd'] .content{padding-left:0; padding-right:0;}

    /* 자주묻는 질문 */
    .accordion dt {padding: 16px 55px 16px 37px; font-weight: 500;}
    .accordion dd { padding: 16px 16px 16px 37px;}
    .accordion dt {font-size: 1.2rem;}
    .accordion dd {font-size: 1.2rem;}
    .questions_point01 {font-size: 1.5rem;left: 10px;}
    .questions_point02 {font-size:  1.5rem;left: 10px;}
    .questions .questions_top .search input {padding: 11px 10px;    }

    /* 홍보자료 */


    /* 찾아오시는 길 */
    .contact ul li.goods .goods_img{width:110px; height:110px;}
    .contact ul li.goods .goods_text{width:calc(100% - 110px);padding-left:20px;}

    .contact ul li.check_box_list .right {flex-direction: column;}
    
    .top_minilist span.on::after{display: block;}

    .event .tabSet ul.tabs li a{padding:8px;}
    .event .tabSet ul.tabs li{width:50%; text-align: center; border-bottom: 1px solid #ddd;}
    .promotion.event ul li .text_box{padding: 10px;}

    .mypage_review .flex_sec .product_img {width: 130px;margin-right: 20px;}
    .mypage_review .flex_sec .product_text_box {width: calc(100% - 150px);}
    .promotion ul li .text_box .progress{margin-bottom: 8px;}
    .promotion ul li .text_box .con_title {font-size: 1.125rem; }

    .qna .qna_top .search input{ padding:5px; }
    
    
    .qna_view .body {padding-top: 0;}
    .qna_view .body .answer {padding: 10px;}
    .qna_view .body .answer textarea {height: 110px;}
    .notice .notice_top .search{width: 100%;}
    .review .qna_top .search{width:100%; margin-right: 0;}
    .promotion ul li .text_box .con_date{font-size: 13px; margin-top: 16px;}
    .event .tabSet ul.tabs{margin-bottom: 0;}
    .event .tabSet ul.tabs{margin-top: 0;}

    .trade .btn_wrap button{font-size: 14px; width: 100%;}
    .contact .bottom_button button{font-size: 14px; padding: 12px 0;}
    .notice_view .bottom .button button{font-size: 14px; padding: 12px 0; width: 100%;}
    .qna_view .bottom .button button.list_but{font-size: 14px; padding: 12px 0; width: 100%; margin-top: 32px;}

    .page_but ul li.arrow{width: 2em; height: 2em; padding: 0; margin: 0 2px;}

    .notice_view .top .view_title{font-size: 1.4rem;}
    .notice_view .top{padding-bottom: 16px; margin-bottom: 16px;}
    .page_but{margin-top: 48px;}
    .page_but ul li{margin: 0 5px;}

    .contact .bottom_button button{margin-left: 0; margin-right: 0;}
    .contact .bottom_button button:last-child{margin:0 0 0 8px ;}

    .commu_write .con_wrap .right select{width: 100%; background-position: 97% 50% !important;}
    .commu_write .con_wrap .right textarea{height: 230px;}

    .notice_view .body{min-height: 240px;}

    .address_view .title_area{margin-bottom: 16px;}

    .price .con.mid ul li{width: 100%;}
    .price .con.mid ul li .con_wrap .info{flex-wrap: wrap; display: flex;}
    .price .con.mid ul li .con_wrap .info dl + dl{margin-top: 0;}
    .price .con.mid ul li .con_wrap .info dl{width: 50%; margin-bottom: 24px; font-size: 16px; }
    
    .price .con.top h2{font-size: 22px;}
    .price .con.top img:nth-child(1){left: 3%; top: -2px;}

    .live_con .list ul li .state p{font-size: 13px;}

    .edu_result .table_wrap tr td{font-size: 15px;}
    .edu_result b.title{font-size: 23px; margin-bottom: 24px;}
    .edu_result button{font-size: 14px;}
    .edu_result .table_wrap .thumb img{width: 80px; max-width: 80px;}


    .level .list ul.day li{margin-bottom: 0; font-size: 15px;}
    .level .list ul li .con_wrap span{font-size: 13px;}
    .level .list02 ul li{height: 80px;}
    .level .list ul li .con_wrap{height: 80px;}
    .level .list02 ul li.lv{height: 40px;}
    .level .list ul li .con_wrap b{font-size: 19px;}
    .level .list ul.day li p:first-child{display: none;}
    .level .list ul.day li p:last-child{display:flex;}


    .level .bd-lg h2{font-size: 21px;}
    .level .list ul li.check .con_wrap::after{width: 65px; height: 67px;}
    .level .level_top div p{font-size: 20px;}
    .level .level_top .lv::after, .level .level_top .lv02::after{height: 17px; left: -16px;}
    .level .level_top div p img{margin-left: 12px; width: 16px;}
    .level .btn_wrap button{font-size: 15px;}
    .level .level_top{margin-bottom: 0; margin-top: 12px;}
    .lang p{width: 60px; height: 60px;}
    .lang p img{width: 25px;}
    .lang p span{font-size: 12px;}
    .lang p + p {  margin-left: 8px;}
    .level02 .con .left .clock{min-width: 8em; min-height: 8em;}
    .min{height: 5em;}
    .hour{height: 4em;}
    .level02 .con .right .top .day_con .in01{font-size: 24px;}
    .level02 .con .right .top dl dt{font-size: 16px;}
    .level02 .con .right .top dl dd{font-size: 16px;}
    .level02 .con .right .top{border-width: 16px;}
    .level02 .con .right .btm button{padding: 12px;}
    .level02 .con .right .btm{margin-top: 12px;}

    .reply_wrap .reply_list ul li .top .date{font-size: 14px;}

    .live_view_con .video_wrap .info_con a{font-size: 15px; margin-bottom: 0;}
    .live_view_con .video_wrap .txt_wrap .title{font-size: 17px;}

    .account_con dl dt{font-size: 15px;}

    .my_address_view .jion_list li .jion_title{width: 100%;}
    .my_address_view .jion_list li .jion_right{width: 100%;}
    .my_address_view .con02{padding: 16px;}
    .my_address_view .btn_wrap{width: 100%; margin-top:16px;}
    .my_address_view .btn_wrap button{width: 50%;}

    .commu_list .list .con_wrap .thumb_wrap{width: 45px; height: 45px;}
    .commu_list .list .con_wrap .in .img_wrap{width: 100px; height: 100px;}
    .commu_list .list .con_wrap{padding-left: 80px;}
    .commu_list .list .con_wrap .in .txt_wrap .txt{font-size: 16px;}

    .notice_view .top .sub_info{flex-direction: column; align-items: flex-start; gap: 4px;}
    .notice_view .top .sub_info p{font-size: 15px;}


    .pay_con ul li b.title{font-size: 21px;}

    .pay_con ul li.count .in dl{flex-direction: column;}
    .pay_con ul li.count .in dl dd{margin-top: 8px; width: 100%;}
    .pay_con ul li.count .in dl dt{width: 100%;}
    .pay_con ul li.count button.all{padding: 12px 0;}

    .reservation_wrap03 ul li b.title{font-size:21px;}
    .reservation_wrap03 ul li.count .in dl dt{width: 100px;}
    .reservation_wrap03 ul li.count .in dl dd{width: calc(100% - 100px);}
    .reservation_wrap03 ul li.count .in dl dt p{font-size: 16px;}

    .price label i{font-size: 16px; left: 50%;}
    .price label span.on:after {left: 42.5%;}
    .price .con.mid ul li .con_wrap .txt_wrap span.type img{width: 140px;}

    .pd-detail-container .btn{font-size: 15px;}
    .pd-btn-container.row{margin-top: 0;}

    .review ul li{flex-direction: column; align-items: flex-start;}
    .review ul li .img_wrap{width: 100%; height: 250px;}
    .review .center{margin-top: 0;}
    .review ul li .txt_wrap{width: 100%;}

    .guide_con .con02 ul li dl dt{font-size: 16px;}
    .guide_con .con02 ul li .left_con{height: auto; padding: 16px; font-size: 20px;}
    .guide_con .con02 ul li dl{padding: 16px;}
    .guide_con .con .sub_t{font-size: 19px; padding-bottom: 16px; margin-bottom: 16px;}

    .guide_con .con01 .right dl{display: block;}
    .guide_con .con01 .right dl dt{width: 100%;}
    .guide_con .con01 .right dl dd{width: 100%; margin-top: 16px;}
    .guide_con .con01 .right dl + dl{margin-top: 8px;}

    .level02 .con .left svg#chart{width: 480px; height: 480px;}

    .study .tab.tab02 ul li p{padding: 12px;}

    .guide_wrap .title h2{font-size: 20px;}
    /* .guide_wrap{padding-top: 40px;} */
    .guide_new table tr .activity p{word-break: break-all;}

    .level .left_img{margin-top: 24px;}

    .guide_wrap02 .guide_new table thead tr th div{font-size: 14px;}
    .guide_wrap02 .guide_new .table02 table tr td{width: 50%;}
    .guide_week .level03 .btn_wrap{margin-top: 0;}
    .guide_week .top_new{margin-top: 12px;}

    .guide_new table tr .activity b{font-size: 13px;}
    .guide_new table tr td{width: 120px;}
    .guide_new{overflow-x: auto; overflow-y: hidden;}
    .guide_new table{width: 650px;}

    .level02 .con .right .top dl.name{flex-direction: column; justify-content: flex-start; align-items: flex-start;}
    .level02 .con .right .top{border-width: 11px;}

    .reply_wrap .reply_list ul li .top .thumb{width: 40px; height: 40px;}
    .guide_wrap03 .top .week_btn button{font-size: 13px;}
    .guide_week .tab{gap: 6px;}
    .guide_week .tab p{text-align: center;display: flex; align-items: center; justify-content: center;}
    .guide_wrap03 .schedule_wrap .s_con ul li.num{width: 70px;}
    .guide_wrap03 .schedule_wrap .s_body ul li.num p{font-size: 18px;}
    .guide_wrap03 .schedule_wrap .s_head ul li p{font-size: 16px;}
    .guide_wrap03 .schedule_wrap .s_head ul li p#currentTime{font-size: 16px;}
    .guide_wrap03 .schedule_wrap .s_head ul li p span{font-size: 0.85em;}
    .study_head03 .new_header .left_con .logo{width: 65px;}

    .price .con.mid ul li .con_wrap .txt_wrap p.ex{height: 50px;}

    #eduTestCategoryWrap .tab_in, #eduTestCategoryWrap button{margin-right: 8px; font-size: 14px;}
    .edu_test .bottom{padding: 30px 51px;}
    .edu_test .bottom h6{font-size: 21px;}


    .join_type .list ul{flex-direction: column; }
    .join_type .list ul li{width: 100%;}

    .checkbox-wrap{flex-wrap: wrap;}
    .checkbox-wrap > div{width: calc((100% - 10px) / 2); padding: 18px;}

    /* 점수상세보기 버튼 */
    .score-btn{margin-bottom: 12px;}
    .score-btn button{width: 100%; border-radius: 4px;}
    .score-btn button i{width: 17px;}

}
/* ********************************************* *
* 550px max
* ********************************************* */
@media (max-width:550px){
    .review_view .t_star .star{top: 2px;}

    .price .con.mid ul li .con_wrap .txt_wrap{padding: 24px;}
    .price .con.mid ul li .con_wrap .txt_wrap p.price i{font-size: 1.2em;}
    .price .con.mid ul li .con_wrap .txt_wrap button{margin-top: 0 !important;}
    .price .con.top img:nth-child(2){top: 0;}

    .onoff_button>div{width: 100%;}
    .price .con.top h2{font-size: 21px;}
    .price .con.top img{width: 23px;}

    .price .con.mid ul li .con_wrap .txt_wrap button{font-size: 16px;}
    .price .con.mid ul li .con_wrap .info dl.yes::before{width: 14px;}
    .price .con.mid ul li .con_wrap .info dl{padding-left: 24px; font-size: 15px;}
    .price .con.mid ul li .con_wrap .info dl + dl{padding-right: 8px;}

    .level .list ul li.check .con_wrap::after{display: none;}

    .checkbox-wrap > div label{font-size: 16px;}
    .checkbox-wrap .d-block input[type="checkbox"] + label span{left: 25px;}


    .sub_list ul li{width: 100%;}

    .commu_list .list .con_wrap .in{display: block;}
    .commu_list .list .con_wrap .in .txt_wrap{width: 100%; margin-right: 0;}
    .commu_list .list .con_wrap .in .img_wrap{width: 100%; height: 190px; margin-top: 16px;}
    .commu_list .list .con_wrap .in .txt_wrap .info b{font-size: 15px;}
    .commu_list .list .con_wrap .thumb_wrap{width: 40px; height: 40px;}
    .commu_list .list .con_wrap{padding-left: 72px;}
    .commu_list .list .con_wrap .in .txt_wrap .txt{font-size: 15px;}

    
    .live_con .list ul li .state p{font-size: 12px;}
    .live_con .list ul li .txt_wrap b{font-size: 14px;}
    .notice_view .top .view_title{margin-bottom: 8px;}

    .guide_con .con02 ul li .right_con ul li{width: 100%;}

    .level02 .con .right .stamp button {font-size: 14px;font-weight: 600;padding: 10px 14px;}
    .level02 .con .left svg#chart{width: 90vw; height: 90vw;}

    .level02 .con .right .top .day_con .in02{flex-direction: column;}
    .level02 .con .right .top .day_con .in02 span{display: none;}
    .level02 .con .right .top .day_con .in01{font-size: 20px;}
    .level02 .con .right .top .day_con .in02{font-size: 14px;}
    .level02 .con .right .btm button{margin: 0 4px;}


   
    .time_set{font-size: 14px;}
    .guide_wrap02 .guide_new table thead tr th div{padding: 8px;}
    .week_side{flex-direction: column;}
    .study_head03 .schedule_wrap_title{flex-direction: row;}

    .con_thumb_list ul{gap: 6px;}
    .con_thumb_list ul li{width: calc((100% - 12px) / 3);}

}
/* ********************************************* *
* 500px max
* ********************************************* */
@media (max-width:500px){
    .promotion.event  .panel>ul>li{width: 50%; margin-bottom:24px;}

    .qna .table .body_table .t_title{font-size: 1.05rem;}
    /* #eduTestCategoryWrap .tab_in, #eduTestCategoryWrap button{ font-size: 13px; height: 40px;} */
    #eduTestCategoryWrap .tab_in, #eduTestCategoryWrap button{ font-size: 13px;}
    .tab-right-btn .tab_in.tab-right{height: 38px; padding: 6px 14px; margin-right: 30px;}


    .exp .sub_h3{font-size: 1.1em;}
    .exp .subtit, .exp .subtit i{font-size: 1.5rem;}
    .exp .con + .con{margin-top: 40px;}
    
    .review_view .top > div{flex-wrap: wrap;}

    .contact ul li.secret .right .text_input {width: 210px;}
    .contact ul li.secret .right .text_input {float: inherit;}
    .contact ul li.secret .right .secret_checkbox {float: inherit; padding-left:0;width:100%;}
    .review .table .before_answer .t_category i{width:100px; height:100px;}
    .review .table .before_answer .t_category i img{height: 100%;}
    .review .table ul li .before_answer {padding: 24px 0px 24px 120px;}
    .review .table .before_answer .t_category{font-size:1.125rem;}
    .review .table .t_title {padding: 2px 0; }


    .pd-sle-con02 .select_list {display: inherit;position:relative;}
    .pd-sle-con02 .select_list .select_name{width:100%;}
    .pd-sle-con02 .select_list .select_numder{width:30%;display: inline-block;   margin-right:-4px; padding-top:10px;}
    .pd-sle-con02 .select_list .select_price{width:70%;display: inline-block;    }
    .pd-sle-con02 .select_list .close{position:absolute; top:10px; right:10px;}
    

    .mypage_review .product_text_box {justify-content: space-between; flex-direction: column;align-items: flex-start;}
    .mypage_review .but_box.but_box01{width: 100%;;}
    .mypage_review .but_box.but_box01 button{width: 100%;;}
    .mypage_review .t_category span { width: 100px;}
    .review .mypage_review .table .before_answer p {padding-left: 120px;}
    .review .mypage_review .table .t_star {margin-left: 120px;}
    .review .mypage_review .table li {padding: 10px 0; }


    .qna .qna_top{flex-wrap: wrap;}
    .qna .qna_top > button{width: 100%;padding: 12px 16px; margin-top: 8px;}
    .contact ul li{flex-direction: column;}
    .contact ul li.in_list .left{width: 100%; margin-bottom: 16px;}
    .contact ul li.in_list .right .text_input{width: 100%;}
    .contact ul li.in_list .right{width: 100%;}
    .contact ul li.in_list .left p{margin-top: 0;}
    .contact ul li.check_box_list .right > div{font-size: 15px;}
    .contact ul li.check_box_list .right > div + div{margin-top: 8px;}

    .notice_view .body .text_box_sec{font-size: 15px;}
    .notice_view .body{font-size: 15px;}

    .side_nav .side_sub_depth{overflow-x: auto; overflow-y: hidden; justify-content: flex-start; padding-bottom: 16px;}
    .side_nav .side_sub_depth::-webkit-scrollbar{height: 5px;}


    .promotion.event .panel>ul>li{width: 100%;}
    .promotion.event .panel>ul>li>div{display: flex;}
    .promotion.event .panel>ul>li .promotion_bg{padding-bottom: 30%; width: 145px;}
    .promotion.event ul li .text_box{width: calc(100% - 145px); padding: 16px;}
    .promotion ul li .text_box .progress{font-size: 13px;}
    .promotion ul li .text_box .con_title {font-size: 1.225rem;}


    .notice .qna_top .dis-f{width: 100%;}
    .category_list p{width: 130px;}
    .qna .qna_top .search{width: calc(100% - 130px); margin-right: 0;}
    .side_nav .side_sub_depth a{width: 33.333%; margin-right: 8px;}

    .notice .notice_top{display: block;}
    .notice .notice_top button.write{width: 100%; margin-top: 12px; margin-left: 0;}

    .contact .bottom_button button:last-child{}
    .contact .d-block{margin-bottom: 32px;}
    .contact ul li.check_box_list .right > div{margin-bottom: 0;}

    .commu_write .btn_wrap button{width: 50%; min-width: auto; font-size: 14px;}
    .commu_write .con_wrap .right textarea{height: 150px;}

    .qna_view #content{min-height: 150px;}
    .contact ul li.secret .right .text_input{margin-bottom: 16px;}
    

    .notice_view .body{min-height: 180px;}

    .live_con .list ul li{width: 100%;}
    .live_view_con .video_wrap .txt_wrap .title{flex-direction: column; align-items: flex-start;}
    .live_view_con .video_wrap .txt_wrap .title button.edit{margin-left: 0; margin-top: 12px;}
    .live_view_con .video_wrap .info_wrap .btn_wrap button span{font-size: 14px;}
    .live_view_con .video_wrap .txt_wrap{padding: 16px 0;}
    .live_view_con .video_wrap .txt_wrap .thumb{width: 40px; height: 40px;}
    .live_view_con .video_wrap .info_con .info{padding-left:8px;}
    .live_view_con .video_wrap .info_con a{margin-bottom: 0;}
    .live_view_con .video_wrap .info_wrap .btn_wrap button img{width: 15px !important;}
    .live_view_con .video_wrap .info_wrap .btn_wrap button.share img{width:13px !important;}
    .live_view_con .video_wrap .info_wrap .btn_wrap button span{padding: 6px 12px;}


    .notice_view .body .text_box_sec{min-height: 260px;}

    .level .list ul.day li p{padding: 8px 0;}
    .level .level_top{margin-bottom: 8px;}
    .level .level_top div p{font-size:17px;}
    .level .list02 ul li p{font-size: 13px;}
    .level .list ul.day li p{font-size: 16px;}

    .sub-banner h2{font-size: 21px;}
    .lang p + p{margin-left: 12px;}

    .account_con dl{display: block;}
    .account_con dl dd{width: 100%; margin-top: 8px;}
    .account_con dl dt{width: 100%;}
    .account_con .btn_wrap{width: 100%;}
    .account_con .btn_wrap button{width: 100%;}

    .card_wrap{flex-direction: column;}
    .card_wrap .con{width: 100%;}
    .card_wrap .con.add_card{margin-left: 0; margin-top:12px;}
    .card_wrap .con + .con{margin-left: 0; margin-top: 12px;}

    .price label i{font-size: 14px;}
    .price .check_wrap{height: 45px;}
    .price label span.on{height: 45px;}

    .price label i{font-size: 16px; left: 52%;}
    .price label span.on:after {left: 41.5%;}
    .price .con.mid ul li .con_wrap .txt_wrap span.type img{width: 100px;}


    .level02 .con .left svg#chart{border-width: 13px;}

    .study .list ul.inner li .con_wrap .img_wrap{width: 90px; border-radius: 4px;}
    .study .list ul.inner li .con_wrap{padding: 8px;}
    .study .list ul li .con_wrap .left_con .txt_wrap{padding-left: 16px;}
    .study .list ul.inner li .con_wrap .img_wrap img{border-radius: 4px;}
    .study .list ul li .con_wrap .right_con a{width: 35px; height: 35px; display: none;}

    .study .tab.tab02 ul{overflow-x: auto; overflow-y: hidden;}
    .study .tab.tab02 ul li p{white-space: nowrap;}
    .study .list ul li .con_wrap .left_con .txt_wrap .txt p{font-size: 16px;}
    .study .list ul li .con_wrap .left_con .txt_wrap .info dl dt{width: 55px;}
    .study .list ul li .con_wrap .left_con .txt_wrap .info dl dd{width:calc(100% - 55px);}

    .level .list02 ul li{height: 60px;}
    .level .list ul li .con_wrap{height: 60px;}
    .level .bd-lg{margin-top: 0;}
    
    .level .list ul.day li p{height: 40px;}
    .level .list02 ul li.lv{height: 40px; margin-bottom: 4px;}
    .level .list ul.day li{margin-bottom: 4px;}
    .level .bd-lg h2{margin-bottom: 16px;}


    .guide_wrap02 .guide_new .table01{overflow-x: auto; overflow-y: hidden; display: block;}
    .guide_wrap02 .guide_new .table01 table{width: 500px;}

    .notice .dis-f .left{padding-top:16px !important; padding-bottom: 0 !important;}

    .reason02_01 button{font-size: 14px;}
    .guide_wrap03{margin-top: 55px;}
    .study_head03 .schedule_wrap_title{font-size: 20px;}
    

    .live_con .list ul li{margin-bottom: 12px;}


    /* 점수상세보기 버튼 */
    .score-btn{margin-bottom: 10px; }
    .score-btn button{padding: 6px 10px;}
    
}


/* ********************************************* *
* 450px max
* ********************************************* */
@media (max-width:450px){
    
    .checkbox-wrap > div{width: 100%;}
    /* .checkbox-wrap .d-block input[type="checkbox"] + label span{left: 30px;} */

}


/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    .exp .sub_h3 br{display: block;}

    .join_type .list{max-width: calc(100% ); margin: 0;}

    .title_area{font-size: 1.6rem;}
    .side_nav .side_sub_depth a{font-size: 14px;}
    .side_nav .side_sub_depth a{padding: 10px 16px;}
    html{font-size:14px;}
    .review_view #content{min-height: auto;}
    .side_nav .side_sub_depth a{margin-right: 8px;}

    /* 홍보자료/홍보영상 */
    .promotion ul li:first-child{margin-top:0;}


    .pd-sle-con02 .select_list {display: inherit; }
    .pd-sle-con02 .select_list .select_name {
        width: 100%;
        text-align: left;
    }
    .pd-sle-con02 .select_list{position:relative}
    .pd-sle-con02 .select_list > div:first-child{width:100% !important}
    .pd-sle-con02 .select_list > div{width:50% !important;display: inline-block !important;margin-right:-4px;;}
    .pd-sle-con02 .select_list .close{position: absolute; top:20px;right:20px;width:15px !important;}
    
    .event .tabSet ul.tabs li {}
    .review .table .t_date {}
    .review .mypage_review .table .t_star {position: absolute;top: 0;left: 0;}
    
    .qna_view #content{ min-height: 160px;}
    

    /* 댓글 */
    .reply_wrap .reply_list ul li .top .date{font-size: 13px;}

    .page_but ul li.arrow{width: 1.5em; height: 1.5em;}
    .page_but ul li{padding: 0 !important;}

    .cancel_next_but button{padding:12px 0;}


    .promotion.event .panel ul li .promotion_bg{width: 100%; padding-bottom: 70%;}
    .promotion.event ul li .text_box{width:100%;}
    .event .tabSet ul.tabs li a{font-size: 15px;}
    .promotion.event .panel ul li>div{flex-direction: column;}

    .notice_type02 ul li .con_wrap b{font-size: 16px; margin-bottom: 4px;}
    .notice_type02 ul li .con_wrap p{font-size: 13px;}
    .notice_type02 ul li .con_wrap button{width: 30px; height: 30px;}
    .notice_type02 ul li .con_wrap .txt_wrap span{margin-bottom:8px;}
    .notice_type02 ul li .con_wrap button{padding:10px;}
    .notice_type02 ul li .con_wrap button span{width: 8px; height: 8px;}
    .notice_type02 ul li{width: 100%;}



    .reply_list .list ul li .con_wrap{flex-direction: column;}
    .reply_list .list ul li .con_wrap .thumb_wrap{width: 100%; height: 150px;}
    .reply_list .list ul li .con_wrap .txt_wrap{width: 100%;}

    .price label i{font-size: 16px; left: 51%;}
    .price label span.on:after {left: 37%;}

    .level02 .con .left .clock{min-width: 6em; min-height: 6em;}
    .level .list ul li .con_wrap b{font-size: 15px;}
    .level .list ul li .con_wrap span{font-size: 12px;}
    .level .list ul.day li p{font-size: 13px;}

    .level .bd-lg h2{font-size: 16px;}
    .study_head03 .schedule_wrap_title{flex-direction: column;align-items: flex-start; margin-bottom: 24px;}

    .checkbox-wrap> div{padding: 14px;}
    .checkbox-wrap > div label{font-size: 15px;}
    .study_head header .right_con .study_view button img{display: block;}

}

@media (max-width:350px){
    .study_head .new_header .mid_con{display: none;}
}
@media (max-width:320px){

    .review .mobile_table ul li{flex-wrap: wrap;}
    .review .mobile_table .review_product{width: 100%; padding-right: 0; padding: 0 20px;}
    .review .mobile_table .review_txt{width: 100%;}
    .review .mobile_table .review_txt .t_title{margin-bottom: 10px;}
    .review .mobile_table .review_txt .t_name{display: inline-block; margin-right: 14px;}
    .review .mobile_table .review_txt .t_date{display: inline-block;}

    .notice_view .top > div{display: block;}

    .content{padding: 32px 16px;}

    .mypage_correction_company .reason02_01 .img_box ul{width: 100%;}
    .mypage_correction_company.join .reason02_01 .img_box ul li{padding-bottom: 140% !important;}


}