/* 공통 */
* p{word-break: keep-all;}
p.dot{position: relative; padding-left: 16px;}
p.dot + p.dot{margin-top: 4px;}
p.dot::before{content: ""; width: 5px; height: 5px; background-color: #0cbdd0; position: absolute; left: 0; top: 12px;}
p.dot span{display: block; padding-left: 16px; position: relative;}
p.dot span::before{content: ""; width: 4px; height: 1px; background-color: #000; position: absolute; left: 0; top: 12px;}
p.dot span{margin-top: 4px;}
.fw-600{font-weight: 600;}
.fc-b{color: #0cbdd0;}
.fc-g{color: #06b59d;}
.fc-w{color: #fff;}
.fc-r{color: #e52d18;}
.bg-g{background-color: #f5f5f5;}
.bg-w{background-color: #fff !important;}
.pt-120{padding-top: 120px;}
.pb-120{padding-bottom: 120px;}
.pd-0{padding: 0 !important;}

.dis-f{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justi-s-b{justify-content: space-between;}
.justi-f-s{justify-content: flex-start !important;}
.justi-c{justify-content: center !important;}
.justi-f-e{justify-content: flex-end !important;}
.align-i-c{align-items: center;}
.align-f-s{align-items: flex-start !important;}
.align-f-e{align-items: flex-end !important;}

.posi-r{position: relative;}

input::placeholder {font-size: 0.95em;}
.text-a-c{text-align: center !important;}
.justi-c-c{justify-content: center;}
.no-eclips{text-overflow: inherit !important; white-space:normal !important; overflow: inherit !important; width: 100% !important;
    padding-right: 0 !important;
}
.attatch{background-attachment: fixed !important;}
.small{opacity: 0.7; font-size: 0.9em;}

.sub-page-wrap{padding: 120px 0;}
.sub-main-title h3{font-weight: 700; text-align: left; margin-bottom: 0; }
.sub-main-title{margin-bottom: 40px; font-size: 35px;}
.sub-main-title p{font-size:0.55em; margin-top: 8px; color: #999;}
.sub-main-title p img{opacity: 1; width: 70px; margin-right: 8px;}


/* 테이블공통 */
/* 
.table_wrap table tr th{background-color: #f5f5f5; padding: 12px 16px;}
.table_wrap table tr td{padding: 12px 16px;} */



.target01 {}
.target_event { display: -webkit-box; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient:vertical ; }
.target02 { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; }
.target04 {  width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient:vertical ; }
.target03 { display: -webkit-box; width: 100%; white-space: normal; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient:vertical ; }



.no_post{cursor:auto  !important; opacity: 0.7;}
.content{padding:100px 0;}


.donation #content h3{border-bottom:none !important; background-color: transparent !important;}
.donation #content p span{background-color: transparent !important;}
.donation .next_post{width: 100% !important;;}



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

.list_in .no_list_text {padding: 60px 0; text-align: center; border-top: 1px solid #ddd; color: #888;border-bottom: 1px solid #ddd; color: #888;
}


/* 홍보 영상 */

.promotion ul li{cursor: pointer; margin-bottom: 32px;}
.promotion.partner ul li{margin-bottom: 0;}
.promotion.partner .panel ul li{margin-bottom: 32px;}
.promotion ul li > div{border:1px solid #ddd; border-radius: 15px; overflow: hidden; height: 100%;}
.promotion ul li .promotion_bg{display: block; width:100%; padding-bottom:52%;}
.promotion02 ul li .promotion_bg{display: block; width:100%; height:216px;}
.teacher.promotion ul li .promotion_bg{background-size: contain !important; background-color: #f5f5f5 !important; padding-bottom: 70%;}

.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;}
.promotion ul li .text_box .con_text{font-size:0.937rem; color:#666;line-height: 1.7em;
    margin-top: 6px;}
.promotion ul li .text_box .con_text.target03{height: 3em}
.promotion ul li .text_box .con_date{font-size:1em; color:#888;}
.promotion ul li .text_box .progress{font-size:13px; font-weight: 800; font-family:'S-CoreDream-3Light'; margin-bottom:12px}
.promotion ul li .text_box .progress .new{ background-color:#ed2626 ;padding:4px 12px; border-radius: 55px; color:#fff;font-size:13px; margin-bottom:5px;}
.promotion ul li .text_box .progress .ing{color:#be3434;}
.promotion ul li .text_box .progress .end{color:#be3434;}


.promotion.event ul li .text_box{padding:20px 20px;position:relative}
.bt-info{display: flex; align-items: center; justify-content: space-between;margin-top: 32px;}

/*  자주하는 질문 */
dl.accordion{width:100%; border-top: 2px solid #000;}
.accordion dt{font-size:1.125rem; font-weight: 300;position:relative;
   border-bottom: 1px solid #ddd;
   display: flex;
    padding: 24px 16px;
    padding-left: 80px;
    flex-direction: column;
    cursor: pointer;
}
.accordion dt span.list_type{display: block; color: #0cbdd0;}
.accordion dt i{width:30px; display: block;position:absolute;top:50%;transform: translateY(-50%); right:20px;}
.accordion dt::before{content: "Q"; font-size: 29px; font-weight: 600; left: 23px; top:48%; transform: translateY(-50%);
    position: absolute;

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


.accordion dd{font-size:1.125rem; font-weight: 400;color:#4d4d4d; 
    padding: 24px 16px;

    padding-left: 80px;position:relative; display:none; background-color: #f5f5f5;
}
.accordion dd::before{content: "A"; font-size: 29px; font-weight: 600; left: 23px; top:48%; transform: translateY(-50%); color: #e52d18;
    position: absolute;
}
.accordion dd>div{display: flex; flex-direction: column;}
.accordion dd>div span{display: block;}
.accordion dd>div span + img{margin-top: 16px;}


/* 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;}

/*  지식재산권 */
.certification .list_in{margin-top:30px;}
.certification .certification_list li{margin-bottom:60px;}
.certification .certification_list li .certification_img{position:relative; height: auto
    ;}
.certification .certification_list li .certification_img::after{content:'';display: block;width:100%; height:100%;border:1px solid #ddd;position:absolute; top:0;left:0;}
.certification .certification_list li .text_box{padding:10px 0;height: 150px;}
.certification .certification_list li .con_mini{font-size:0.812rem; font-weight: 800; color:#be3434}
.certification .certification_list li .con_title{font-size:1.125rem;margin-top:15px; margin-bottom:5px;}
.certification .certification_list li .con_text{font-size:0.875rem;}

.certification .cer_top {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    /* margin: 30px auto; */
}
.certification .cer_top .cer_list {
    margin-right: 10px;
    position: relative;
}
.certification .cer_top .cer_list p {
    border: 1px solid #ddd;
    width: 180px;
    padding: 10px;
    font-size: 14px;
    position: relative;
}
.certification .cer_top .cer_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%;
}
.certification .cer_top .cer_list ul {
    padding: 10px;z-index: 999;
    font-size: 14px;
    border: 1px solid #ddd;
    line-height: 2em;
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 43px;
    display: none;
}
.certification .cer_top .search {
    border: 1px solid #ddd;
    width: 20%;
    display: flex;
    align-items: center;
}
.certification .cer_top .search input {
    border: none;
    outline: 0;
    font-size: 14px;
    padding: 12px;
    border-right: 1px solid #ddd;
    width: 90%;
}
.certification .cer_top .search button {
    height: 28px;
    border: none;
    padding: 0 10px;
    cursor: pointer;
    background-color: #fff;
    margin: 0 auto;
}
.certification .cer_top .search button i {
    font-size: 1.25rem;
}




.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; flex-wrap: wrap;
    color: #666}
.page_but ul li.arrow {color: #000; font-size: 16px; border-radius: 50%; border: 1px solid #ddd !important;
    width: 40px; height: 40px; background-color: #fff;
}
.page_but ul li.arrow i{margin-top: -1px; padding: 4px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.page_but ul li { cursor: pointer; padding: 0 3px; margin: 0 8px; color: #888; font-size: 14px; border: 0 !important;}
.page_but ul li.active {border-bottom: 2px solid #0cbdd0; color: #0cbdd0; font-size: 16px;}




/* 공지사항 */
.notice{margin:0 auto;}
/* .notice h5{font-size:2rem; text-align: center; margin-bottom:50px;} */
.notice .notice_top {display: flex;justify-content: flex-end;width:100%; margin-bottom: 16px;}
.notice .notice_top .search{ width: 20%; border-radius: 5px; overflow: hidden;
 display: flex;align-items: center;
}
.notice .notice_top .search input{border:1px solid #ddd;border-radius: 5px; height: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0;  overflow: hidden;outline: 0;font-size: 14px;padding: 10px; width:90%; }
.notice .notice_top .search button{width: 50px; height: 100%; border: none; padding:12px;cursor: pointer; background-color: #0cbdd0;margin: 0 auto; border-radius: 0;}
.notice .notice_top .search button i{color: #fff;}
.notice .notice_top .select_wrap{width: 150px;}
.notice .notice_top .select_wrap select{width: 150px;}
.select_wrap{margin-right: 12px; border-radius: 5px;  max-width: 100%;}
.select_wrap select{width: 100%; border: 1px solid #ddd; border-radius: 5px; padding: 16px 16px;
    font-size: 16px; cursor: pointer;
}
.select_wrap select option{padding: 4px 8px;}
.notice .table{border-top: 2px solid #000;}
.notice .table ul li > div{display: flex; text-align: center;align-items: center;}
.notice .table ul p{}

.notice .table .head_table{font-weight: bold;border-bottom:1px solid #ddd;}
.notice .table .head_table li{padding: 16px 0; font-weight: 600;}
.notice .table .body_table li{border-bottom:1px solid #ddd;padding:24px 0; font-size: 17px; opacity: 0.8; cursor: pointer;}
.notice .table .t_no{width:10%;}

.notice .table .t_title{width:60%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.notice .table .body_table .t_no{ color: #0cbdd0; opacity: 0.7;}
.notice .table .body_table .t_category{ color: #0cbdd0; opacity: 0.9;}

.notice .table .body_table .t_title{text-align: left;}
/* .notice .table .t_name{width:15%;} */
.notice .table .t_date{width:20%;}
.notice .table .t_views{width:10%;}

/* 공지사항 view */
textarea{outline: 0;}
input{outline: 0;}
.notice_view .top{border-top: 2px solid #000; padding: 16px 0;}
.notice_view .top .view_title{font-size:1.5rem; width:100%; font-weight: 600; }
.notice_view .top > div{display: flex;justify-content: space-between; padding:10px 0; font-size:1em; color:#888}
.notice_view .body{border-top: 1px solid #ddd;border-bottom: 1px solid #000; /* padding-top:20px;  */min-height: 400px;height: 100%;}
.notice_view .body .text_box_sec{min-height: 400px; font-size: 17px;}
.notice_view .body .text_box_sec>div + div{margin-top: 8px;}
.notice_view .body textarea{border:none}
.notice_view .body .body_in_file { padding:24px; background-color: #f5f5f5; border-radius: 15px; margin-bottom: 32px;}
.notice_view .body .body_in_file p{color:#888;font-size:15px; display: flex; align-items: center; }
.notice_view .body .body_in_file p a{cursor: pointer;}
.notice_view .body .body_in_file p + p{margin-top: 8px;}
.notice_view .body .body_in_file p i{margin-right: 8px;display: flex; align-items: center; justify-content: center;}
.notice_view .body .body_in_file p i img{width: 20px; opacity: 0.7;}
.notice_view .bottom .post { border-bottom:1px solid #000}
.notice_view .bottom .post > div{display: flex; padding:15px 0; border-bottom:1px solid #ddd}
.notice_view .bottom .tit{font-weight: 600; display: flex;width: 100px; justify-content: space-between; align-items: center;padding-left:10px}

.notice_view .bottom .post_text{width: calc(100% - 100px); opacity: 0.7;}
.notice_view .bottom .button{margin:32px auto 0 auto; text-align: center; }
.notice_view .bottom .button button{padding:16px 32px; font-size: 18px;width: 150px; background-color: #000; transition-duration: 0.3s; color: #fff; border-radius: 50px;}
.notice_view .bottom .button:hover button{background-color: #0cbdd0;}

.qna_view #content{min-height: 300px;}
.qna_view .answer {}
.qna_view .answer .fa-arrow-right:before{font-size: 13px;background-color: #f5f5f5;margin-top:10px;}





/* 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;}
.qna .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.qna .qna_top .category_list p{border:1px solid #ddd;  width:180px; padding:10px;font-size: 14px; position:relative;width: 100%;}
.qna .qna_top .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%;}
.qna .qna_top .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{border:1px solid #ddd;     width:22%;
 display: flex;align-items: center;margin-right: 10px;}
 .qna .qna_top > button{border:1px solid #ddd; padding:0 40px;color: #333;}
.qna .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px; border-right: 1px solid #ddd;width:90%;}
.qna .qna_top .search button{height: 28px; border: none; padding:0 13px;cursor: pointer; background-color: #fff;margin: 0 auto;}
.qna .qna_top .search button i{font-size: 1rem;}



.qna .table ul li > div{display: flex; text-align: center;align-items: center; }
.qna .table ul p{}
.qna .table .qna_wrap p.t_category{color: #0cbdd0; opacity: 0.7;}

.qna .table ul p.no_post{font-size: 17px;}
.qna .table .head_table{font-weight: bold;}
/* .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:5%}
.table .t_category{width: 10%;}
.qna .table .t_title{width:55%;}
.qna .table .body_table .t_title{width:55%; text-align: left;}
.qna .table .t_name{width:10%;}
.qna .table .t_date{width:20%;}
.qna .table .t_count{width: 5%;}
.qna .table .t_like{width: 5%;}


.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 .qna_wrap .t_title{text-align: left;}
.qna .qna_wrap .t_like span{display: flex; align-items: center; justify-content: center;}
.qna .qna_wrap .t_like img{width: 21px;}

.qna .qna_wrap .t_like i{display: block; margin-left: 4px;}
.qna .table .after_answer .t_no{width:20%;text-align: right;}
.qna .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.qna .table .after_answer .t_title{width:40%;}
.qna .table .after_answer .answer{width:5%;font-size:10px; border:1px solid #be3434; color:#be3434; padding:3px 2px 1px;    height:100%;   }
.qna .table .t_title i.fa{padding-left:5px;color:#888}



/* 상품 사용후기 */
.review .title_p{width:100% !important;}

.review h5{font-size:2rem; text-align: center; margin-bottom:50px;}
.review .qna_top {display: flex;justify-content:flex-end ;    width: 100%; margin: 30px auto;}
.review .qna_top .category_list{margin-right:10px; position:relative;     width: 13%;}
.review .qna_top .category_list p{border:1px solid #ddd;  width:180px; padding:10px;font-size: 14px; position:relative;width: 100%;}
.review .qna_top .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%;}
.review .qna_top .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;}
.review .qna_top .search{border:1px solid #ddd; width:22%; display: flex;align-items: center;margin-right: 10px;}
.review .qna_top > button{border:1px solid #ddd; padding:0 40px;color: #333;}
.review .qna_top .search input{ border: none; outline: 0;font-size: 14px;padding: 12px; border-right: 1px solid #ddd;width:90%;}
.review .qna_top .search button{height: 28px; border: none; padding:0 13px;cursor: pointer; background-color: #fff;margin: 0 auto;}
.review .qna_top .search button i{font-size: 1rem;}

.review .table ul li > div{display: flex; text-align: center;align-items: center;}
.review .table ul p{padding:15px 0px}
.review .table .head_table{font-weight: bold; color:#999;}

.review .table li{border-bottom:1px solid #ddd;padding:10px 0;}
.review .table .t_category{width:39%; margin-right: 2%; cursor: pointer;}
.review .table .before_answer .t_category{text-align: left; display:flex;    align-items: center;}
.review .table .before_answer .t_category i{display: inline-block; width: 170px; vertical-align: middle;border-radius: 15px;
    overflow: hidden;  }
    .review .table .before_answer .t_category i img{display: flex;width: 100%; height: 100%;}
.review .table .t_category .title_p{display: inline-block; width:calc(100% - 170px); vertical-align: middle;padding-left:15px;}
.review .table .t_title{width:20%; cursor: pointer; margin-left: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.review .table .body_table .t_title{width:40%; text-align: left;}
.review .table .t_name{width:10%;}
.review .table .t_date{width:19%;}
.review .table .t_count{width:8%;}
.review .table .t_star{width:104px; position: relative; overflow: hidden;}

.review .t_star span{display: block;}
.review .t_star .star{top: 7px; width: 104px; height: 18px;}
.review .t_star .review-main-star .star5 {left: 0px;}
.review .t_star .review-main-star .star4 {left: -18px;}
.review .t_star .review-main-star .star3 {left: -40px;}
.review .t_star .review-main-star .star2 {left: -62px;}
.review .t_star .review-main-star .star1 {left: -84px;}

.review .table .after_answer .t_no{width:20%;text-align: right;}
.review .table .after_answer .t_no img{width:23px;transform: translateY(-5px);}
.review .table .after_answer .t_title{width:40%;}
.review .table .after_answer .answer{width:5%;font-size:10px; border:1px solid #be3434; color:#be3434; padding:3px 2px; height:100%;}
.review .table .t_title i.fa{padding-left:5px;color:#888}

.review_view .top > div{justify-content: flex-start;}
.review_view .top > div p{margin-right: 15px;}
.review_view .t_star{position: relative; overflow: hidden; width: 132px;}
.review_view .t_star .star{top: 4px; width: 94px; height: 16px; left: 0;}
.review_view .top .t_star .bg{background: #fff; position: relative; z-index: 9; display: inline-block;}
.review_view .top .t_star .review-main-star .star5 {left: 38px;}
.review_view .top .t_star .review-main-star .star4 {left: 19px;}
.review_view .top .t_star .review-main-star .star3 {left: 0px;}
.review_view .top .t_star .review-main-star .star2 {left: -19px;}
.review_view .top .t_star .review-main-star .star1 {left: -39px;}
.review .mobile_table{display: none;}


.review_view #content{min-height: 300px;}
.review_view .answer {/* border-top:2px solid #333 */padding:20px;}
.review_view .answer .fa-arrow-right:before{font-size: 13px;}
.review_view .body textarea{padding:10px;background-color: #f5f5f5;margin-top:10px;}
/* 문의하기 view */


.contact{width:60%;margin:0 auto;}
.contact ul.inquiry_con{border-top: 2px 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:1.25rem;}
.contact ul li.goods .goods_text .text_price{font-size:1.125rem;margin-top:10px;}
.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:100px;}
.contact ul li.in_list .right{width:calc(100% - 100px);}
.contact ul li.in_list .right .text_input{border:1px solid #ddd; padding:10px; width:100%; border-radius: 5px;}
.contact ul li.in_list {display: flex;width:100%;padding:20px 0px; border-bottom:1px solid #ddd}
.contact ul li.in_list .left p{margin-top:8px; font-size: 17px; font-weight: 600;}
.contact ul li.in_list > div:nth-child(2n){border-right:none;}
.contact ul li.check_box_list{display: flex;}
.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 .bottom_button{display: flex; justify-content:center;margin-top:30px}
.contact .bottom_button button{padding:15px 16px; border:1px solid #ddd; margin:0 10px; border-radius: 5px; min-width: 150px;
    font-size: 17px;
}
.contact .bottom_button button:first-child{background-color: #000;border-color:#000; color:#fff; transition-duration: 0.3s; }
.contact .bottom_button button:first-child:hover{background-color: #0cbdd0; border-color: #0cbdd0;}

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

.qna_view .top{border-top: 2px solid #000; padding: 16px 0;}
.qna_view .top .view_title{font-size: 1.5rem;width: 100%;font-weight: 600;}
.qna_view .top > div{display: flex;justify-content: space-between;padding: 10px 0;font-size: 1em;color: #888;}
.qna_view .body{border-top: 1px solid #000;border-bottom: 1px solid #000; padding:20px 0 0;}
.qna_view .body textarea{border:none;padding:10px;}
.qna_view .body .answer{background-color: #f5f5f5;padding:20px; margin-bottom: 16px;}
.qna_view .body .answer p{color: #0cbdd0;}
.qna_view .body .answer img{width: 25px; margin-right: 8px;}
.qna_view .body .answer textarea{background-color: #f5f5f5; height:100px; font-size: 16px;}
.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: center;margin-top:16px; width: 150px; max-width: 100%; margin: 16px auto 32px auto;}
.qna_view .bottom .button button.list_but{padding: 16px 32px; font-size: 18px; width: 150px; 
    margin-top: 32px;
    background-color: #000; transition-duration: 0.3s; color: #fff; border-radius: 50px;
}
.qna_view .bottom .button button.list_but:hover{background-color: #0cbdd0;}

.qna_view .bottom .delete{text-align: left;margin-top: 10px;}
.qna_view .bottom .delete button{font-size: 14px; 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;}

.qna .qna_wrap li{padding: 24px 0; border-bottom: 1px solid #ddd; cursor: pointer;}
.qna .qna_wrap li:last-child{border-bottom: 0;}




.inquiry_btn button{transition-duration: 0.3s; background-color: #000; color: #fff; padding: 16px 28px; margin-left: 8px; border-radius: 5px; font-size: 16px;
    width: 130px;
}
.inquiry_btn button:hover{background-color: #0cbdd0;}

/* 체크박스 디자인 */
.d-block{display: flex; align-items: center;}
.d-block input[type="checkbox"] {display: none;}
.d-block input[type="checkbox"] + label {
        display: inline-block; width:18px; height: 18px; background: #fff;border:1px solid #888; 
        cursor: pointer; float:left; margin-right:7px;
        border-radius: 50%;
    }
.d-block:after {display:block; clear:both; content:"";}
.d-block input[type="checkbox"]:checked + label {
    border-radius: 50%;
    background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/COMMON/160251780348104.png)no-repeat center/18px 18px; float: left;border:1px solid #000;}
 .d-block input[type="checkbox"] + label span {
    position: absolute;
    top: -4px;
    left: 28px;
    font-size: 15px;
    word-break: keep-all;
} 

.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;}
.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;} 



/* shop */
.main_slide .swiper-slide{width: 100% !important;   min-height: 580px;}
.main_slide.swiper-wrapper{height:100%;}
.main_slide .swiper-slide img{width:80%; }
.sub_slide .swiper-slide img{width:100%; height:100%;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '' !important;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '' !important;}

.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://lbcontents.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{opacity: 1; background-color:#fff; color:#333; font-weight: 500;border-top: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;}
.tab-con:hover{font-weight: 500;}

/* 제품필터 */
.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://lbcontents.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{   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:10px; border:1px solid #ddd;     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{font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-sle-con02 .select_list .product_accumulate {font-size: 13px; /* margin-top: 4px; */}
.pd-sle-con02 .select_list .span_accumulate {font-family: 'Rubik','Noto Sans KR', sans-serif;}
.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-view-t-container .pd-img-con .pd-img {max-width: 400px;}

.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: 15px ; }
.pd-view-t-container dt{min-width:130px;}

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


.pd-view-t-container dl.sh_basics_tit{font-size:15px;color:#888}
.pd-view-t-container .basics_option{border-bottom:1px solid #888; 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: 10px;justify-content: flex-end;align-items: flex-end;}

/* .pd-total{border-top:1px solid #dfdfdf;}  */
.pd-total dt{ font-weight: 500;}
.pd-total dd {font-size:1rem;}
.pd-total dd .price{font-weight: 500;font-size:1.25rem;font-family: 'Rubik','Noto Sans KR', sans-serif;}
.pd-detail > div:first-child{padding-top:15px;}





/* 제품 수량 */
.count-container{font-size:0;border: 1px solid #ddd;padding: 2px  0;background: #fff;display: flex;}
input[type="number"]::-webkit-inner-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
  }
.count-container span:nth-child(2){width:40px;}
.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: 25px; 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:100%; font-size:15px;  background-color: transparent;transform: translateY(-1px);    padding-bottom: 1px; font-weight: 500;}
/* 제품 수량 사이즈 조절 */
.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; padding:0;}
.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://lbcontents.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://lbcontents.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;border-bottom: 1px solid #bbb;} 
.view-tab-container li{font-size:15px; display:inline-block;  text-align: center; cursor: pointer; color:#626262; /* background-color:#f6f6f6 */; position: relative;
    width:25%; margin:0; padding:17px 8px;}

.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;}


/* 이벤트 */

.all{width:760px;
	margin:auto;
}
.event .tabSet{margin-bottom:30px;}
.event .tabSet ul.tabs { display: flex;justify-content: center;}
.event .tabSet ul.tabs li{margin:0 10px;}
.event .tabSet ul.tabs li a{color:#888;border:1px solid #888;padding:15px 70px;display:block;font-weight:bold;font-size:14px;}
.event .tabSet ul.tabs li a.on{border-color:#be3434;color:#be3434;}
.panels{min-height:180px;margin-top: 30px;}
/* .panel{display:none;} */







/* 개인정보처리방침 */
.privacy .pr_con{border:1px solid #ddd; background-color: #fff; max-height: 300px; overflow-y: auto;}



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




/* mypage_review */
.mypage_review  h3 { font-size: 1.8rem; font-weight: 500; text-align: left; border-bottom: 2px solid #000; margin-bottom: 0px; padding-bottom: 15px;}
.mypage_review .tabSet .tabs li{margin-right:20px;}
.mypage_review .tabSet .tabs li a{opacity: 0.8;padding-bottom:2px;}
.mypage_review .tabSet .tabs li a.on{border-bottom:2px solid #666;opacity:1;display: block;}
.mypage_review .tabSet .tabs li h4{font-size:1rem; font-weight: 500; }
.mypage_review .tabSet .tabs{margin-top:20px;}
.mypage_review .head_table li{padding:0;}
.mypage_review.review .table ul p { padding: 0px 0px;}




.mypage_review .flex_sec{display: flex;}
.mypage_review .flex_sec .product_img{width: 170px;margin-right:30px;;}
.mypage_review .flex_sec .product_img i{width: 100%; height: 100%; background-color: #f5f5f5;display: block;padding:30px;border-radius: 20px;}
.mypage_review .flex_sec .product_text_box{width:calc(100% - 200px);}
.mypage_review .flex_sec .product_title{font-size:1.25rem;}
.mypage_review .flex_sec .p_op{font-size:1rem;opacity: 0.8;margin-top:10px;}
.mypage_review .flex_sec .but_box button{font-size:0.9rem; border:1px solid #bbb; padding:10px 20px;color:#888;}
.mypage_review .in_body_table01{margin-top:20px;}
.mypage_review .payment_date{margin-bottom:40px;}

.mypage_review .payment_date > p{border-bottom:1px solid #ddd;padding-bottom:10px;}

.mypage_review .panels{min-height: auto;margin-top: 30px;}
.mypage_review .product_text_box {display: flex;
    align-items: center;
    justify-content: space-between;}

.mypage_review .table ul p { padding: 0px 0px 15px; }

.mypage_review .t_category span{width: 130px;margin-right:10px;border-radius: 10px;overflow: hidden;}
.mypage_review .t_category i{width:calc(100% - 140px);;}
.mypage_review .t_category span img{height: 100%; display: block;}
.mypage_review .t_star span { height: 30px;}





/* 자격증소개 */

.table_wrap{width: 100%;}
.table_wrap>b{font-size: 20px; display: block; font-weight: 700; margin-bottom: 8px;}
.table_wrap table{border-top: 2px solid #000; width: 100%;}
.table_wrap table tr th{padding: 12px 16px; border-bottom: 1px solid #ddd; background-color: #f5f5f5; font-weight: 600; vertical-align: middle; word-break: keep-all;}
.table_wrap table tr td{padding: 12px 16px; border-bottom: 1px solid #ddd; background-color: #fff; vertical-align: middle; word-break: keep-all;}
.table_wrap table tr td p{position: relative; padding-left: 13px;}
.table_wrap table tr td p::before{content: ""; width: 4px; height: 4px; background-color: #999; position: absolute; left: 0; top: 10px;}
.table_wrap table tr td button{padding: 12px 16px; border-radius: 5px; background-color: #000; transition-duration: 0.3s; color: #fff;}
.table_wrap table tr td button:hover{background-color: #0cbdd0;}
.table_wrap table tr td button img{display: inline-block; vertical-align: middle; margin-left: 4px; width: 20px;}


.sub-title {font-size: 35px; margin-bottom: 80px;}
.sub-title h2{text-align: center;  font-weight: 700; color: #000; display: block; margin-bottom: 16px; word-break: keep-all;}
.sub-title h2 i{font-weight: 700;}
.sub-title p{font-size: 20px; text-align: center; opacity: 0.8; font-size: 0.55em;}

.sub-title02{font-size: 28px;}
.sub-title02 h2{position: relative; display:table; font-weight: 700; padding: 0 4px;}
.sub-title02 h2::after {content: "";width: 100%;height: 20px;position: absolute;left: 0;bottom: 3px;
    background-color: rgba(12,189,208, 0.38);z-index: -1;
}
.sub-title02 p{font-size: 20px; opacity: 0.8; font-size: 0.65em; margin-top: 16px; word-break: keep-all;}

.certi_wrap .img_wrap{width: 100%; border-radius: 15px; overflow: hidden;}
.certi_wrap .img_wrap .img_in{width: 100%; padding-bottom: 35%; background:#f5f5f5 url()no-repeat center center /cover;}

.certi_wrap .con + .con{margin-top: 120px;}

.certi_wrap .list_wrap ul{display: flex; flex-wrap: wrap;}
.certi_wrap .list_wrap ul li .con_wrap .img_wrap{width: 100%;}
.certi_wrap .list_wrap ul li .con_wrap .img_wrap .img_in{width: 100%; padding-bottom: 70%; }
.certi_wrap .list_wrap ul li .con_wrap .txt_wrap{padding-top: 16px; display: flex; justify-content: space-between; align-items: center; }
.certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{font-size: 20px; font-weight: 700;
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    width:calc(100% - 50px); padding-right: 32px;

}
.certi_wrap .list_wrap ul li .con_wrap .txt_wrap .btn_wrap{ transition-duration: 0.3s;width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 50%; text-align: center;}
.certi_wrap .list_wrap ul li .con_wrap .txt_wrap a{display: flex; justify-content: space-between; align-items: center; width: 100%; }
.certi_wrap .list_wrap ul li .con_wrap:hover .txt_wrap .btn_wrap{background-color: #0cbdd0; color: #fff;}
.certi_wrap .list_wrap ul li .con_wrap .icon_wrap{width: 150px; height: 150px; margin: 0 auto; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    background-color: rgba(12,189,208, 0.38);
}


.certi_wrap .left{width: 350px;}
.certi_wrap .right{width: calc(100% - 350px); padding-left: 100px;}

.certi_wrap .info_wrap{}
.certi_wrap .right>div + div{margin-top: 32px; padding-top: 32px; border-top: 1px dashed #ddd;}
.certi_wrap .info_wrap>b{font-weight: 700; display: block; margin-bottom: 16px; font-size: 20px;}
.certi_wrap .info_wrap p{position: relative; padding-left: 16px;font-size: 17px;}
.certi_wrap .info_wrap p::before{content: ""; width: 5px; height: 5px; background-color: #0cbdd0; position: absolute;
    left: 0; top: 10px;
}
.certi_wrap .info_wrap p + p{margin-top:8px;}

.certi_wrap .inner02 .bd-lg>ul>li .con_wrap{display: flex; flex-wrap: wrap; align-items: flex-start;}
.certi_wrap .inner02 .bd-lg>ul>li{ padding: 60px 0; border-bottom: 1px solid #ddd;}
.certi_wrap .inner02 .bd-lg>ul>li:first-child{border-top: 2px solid #000;}


.certi_wrap .img_wrap{position: relative;}
.certi_wrap .img_wrap .txt_wrap{width: 100%; position: absolute; left: 50%; top: 50%;transform: translate(-50%, -50%); }
.certi_wrap .img_wrap .txt_wrap span{font-size:1.2em; margin-bottom: 8px; display: block;}
.certi_wrap .img_wrap .txt_wrap b{font-size: 33px; display: block; margin-bottom: 24px; font-weight: 700; word-break: keep-all;}
.certi_wrap .img_wrap .txt_wrap b span{display: block; font-weight: 400; font-size: 0.65em; margin-bottom: 16px;}
.certi_wrap .img_wrap .txt_wrap p{ font-size: 18px;line-height: 1.8;}


.green .sub-tab ul li.on a{background-color: #06b59d;}
.green .sub-tab02 ul li.on span{color: #06b59d;}
.green .sub-tab02 ul li.on span::before{background-color: #06b59d;}
.green .certi_wrap .list_wrap ul li .con_wrap:hover .txt_wrap .btn_wrap{background-color: #06b59d;}




/* 댓글 */
.reply_wrap .reply_num p {font-size: 18px; padding-bottom: 8px;}
.reply_wrap .reply_num p span{ color: #0cbdd0; font-weight: 600; padding-right: 4px;}
.reply_wrap .reply_con{position: relative; display: flex; justify-content: space-between; border: 1px solid #ddd; }
.reply_wrap .reply_con>div{width: 100%; background-color: #fff; }
.reply_wrap textarea{height: 105px; padding: 8px; border: 0; border-radius: 5px;}
.reply_wrap a.submit-btn{display: flex; align-items: center; justify-content: center; width: 140px; background-color: #0cbdd0; color: #fff; vertical-align: middle;}

.reply_wrap .text-input{height: 105px; padding: 8px; border: 0; border-radius: 5px;}


.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; border: 0; padding: 0;}
.reply_wrap .reply_list ul li .top .name{font-size:16px;display: flex; margin-bottom: 4px;}
.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 .submit{color: #888; font-size: 15px;}
.reply_wrap .reply_list ul li .submit a + a{padding-left: 4px;}
.reply_wrap .reply_list .sub-reply{position: relative; padding-left: 60px; padding-right: 60px; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid #fff; background-color: #f5f5f5;}
.reply_wrap .reply_list .sub-reply::before{content:"";position: absolute; left: 16px; top: 8px; width: 30px; height: 23px;
  background: url('https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165351552497286.png')no-repeat center center / contain;
}
.reply_wrap .reply_list .sub-reply textarea{padding: 16px;}
.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; transform: translateY(-50%);}
.reply_wrap .d-block input[type="checkbox"]:checked + label span{color: #0cbdd0;}
.reply_wrap .reply_num {margin-bottom: 16px;}

.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://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/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;}


/* 시헙접수 */
.test_wrap{}
.test_wrap ul{}
.test_wrap ul li{ border: 1px solid #fff;  margin-bottom: 16px; border-radius: 15px; transition-duration: 0.3s;}
.test_wrap ul li.no_post:hover{box-shadow: inherit; border:1px solid #fff;}
.test_wrap ul li.no_post .con_wrap{justify-content: center;}
.test_wrap ul li.no_post p{text-align: center;}
.test_wrap ul li:hover{box-shadow: 1px 1px 10px rgba(12 ,189, 208 , 0.3); border: 1px solid #5adeec;}

.test_wrap ul li .con_wrap{padding:24px; display: flex; justify-content: space-between; align-items: center; background-color: #fff; overflow: hidden;}
.test_wrap ul li .num{font-size: 18px; font-weight: 600; opacity: 0.4; margin-bottom: 8px;}
.test_wrap ul li .name{font-weight: 600; display: flex; align-items: center; }
.test_wrap ul li .name p:first-child{font-weight: 600; position: relative; padding-right: 12px; margin-right: 12px; font-size: 20px;}
.test_wrap ul li .name p:first-child::after{content: ""; width: 1px; height: 15px; background-color: #ddd; position: absolute; right: 0; top: 8px;}
.test_wrap ul li .name p:last-child{opacity: 0.7;}
.test_wrap ul li .name p + p{}
.test_wrap ul li .pass_date{font-weight: 600; opacity: 1;}
.test_wrap ul li .left{display: flex; flex-direction: column;}
.test_wrap ul li .left div{margin-right: 16px;}
.test_wrap ul li .left div:last-child{margin-right: 0;}
.test_wrap ul li .left .top{margin-bottom: 8px;}
.test_wrap ul li .left .bottom{display: flex; font-size: 0.95em; opacity: 0.7;}
.test_wrap ul li .left .bottom>div{display: flex; margin-right: 16px;}
.test_wrap ul li .left .bottom>div p{margin-right: 8px;}
.test_wrap ul li .left .bottom>div:last-child{margin-right: 0;}

.test_wrap ul li .right{display: flex; flex-direction: column; align-items: flex-end;}



.test_wrap button{display: block;padding:12px 24px; border-radius: 55px; font-size: 16px; width: 110px;}
.test_wrap button.regist_over{opacity: 0.7; background-color: #ddd;}
.test_wrap button.regist_expect{border: 1px solid #ddd;}
.test_wrap button.regist{background-color: #000; color: #fff; transition-duration: 0.3s;}
.test_wrap button.regist:hover{background-color: #0cbdd0;}

/* 시험접수2 */
.test_wrap02 .top{padding: 120px 0;}
.test_wrap02 .top ul{display: flex; flex-wrap: wrap;}
.test_wrap02 .top ul li{text-align: center; position: relative; }

.test_wrap02 .top ul li::after{content: ""; width: 15px; height: 15px; border-right: 3px solid #999; border-bottom: 3px solid #999;
    position: absolute; right: 3px; top:50%; transform: translateY(-50%) rotate(-45deg); border-radius: 2px;
}
.test_wrap02 .top ul li:last-child:after{display: none;}
.test_wrap02 .top ul li .con_wrap{display: flex; width: 95%; background-color: #fff; border-radius: 55px; align-items: center; padding: 12px 16px; justify-content: center;  font-size: 20px; font-weight: 600;}
.test_wrap02 .top ul li .con_wrap p{font-weight: 500;}
.test_wrap02 .top ul li .con_wrap b{display: block; font-weight: 600; font-size: 0.7em;}
.test_wrap02 .top ul li .con_wrap .txt_wrap{text-align: left;}
.test_wrap02 .top ul li .con_wrap .icon_wrap{background-color: #fff; padding: 9px; width: 70px; height: 70px; border-radius: 50%; margin-right: 20px; margin-left: -8px;}
.test_wrap02 .top ul li.on .con_wrap{background-color: #0cbdd0; color: #fff;}
.test_wrap02 .top ul li.on .con_wrap p{opacity: 1;}
.test_wrap02 .top ul li.on {opacity: 1;}

.test_wrap02 .bottom{}
.test_wrap02 .bottom .con{}
.test_wrap02 .bottom .con + .con{margin-top:100px;}
.test_wrap02 .bottom .con.con_top{border-radius: 5px; }
.test_wrap02 .bottom .con.con_top b{font-weight: 600; display: block; font-size: 30px; text-align: center;}
.test_wrap02 .bottom .con.con_top b span{font-weight: 600;}
.test_wrap02 .bottom .con.con_top .txt_wrap .txt{margin-top: 60px;}
.test_wrap02 .bottom .con.con_top .txt_wrap ul{display: flex; width: 100%; flex-wrap: wrap;}
.test_wrap02 .bottom .con.con_top .txt_wrap .txt p{width: 100%; }
.test_wrap02 .bottom .con.con_top .txt_wrap .txt p span{display: block; font-size: 20px; font-weight: 600;}

.test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap{display: flex; align-items: center;
     border: 1px solid #ddd; border-radius: 5px; padding:24px; height: 100%;
    }

.test_wrap02 .bottom .con.con_top .txt_wrap .txt .icon_wrap{width: 100px; height: 100px; border-radius: 50%; background-color: #f5f5f5; padding: 20px;}
.test_wrap02 .bottom .con.con_top .txt_wrap .txt p{font-size: 18px; width: calc(100% - 100px); padding-left: 24px;}
.test_wrap02 .bottom .con.con_top .txt_wrap .txt p span{font-weight: 700; color: #999;}

.test_wrap02 .bottom .con .title{border-bottom: 1px solid #ddd; padding-bottom: 16px; margin-bottom: 16px; align-items: center; display: flex; justify-content: space-between;}
.test_wrap02 .bottom .con .title b{font-weight: 600; font-size: 25px; position: relative;}
.test_wrap02 .bottom .con .title b::before{    content: "";width: 100%;height: 15px;position: absolute;left: 0;bottom: -2px;
    background-color: rgba(12,189,208, 0.38);z-index: -1;
}
.test_wrap02 .bottom .con .title button{background-color: #0cbdd0; color: #ffff; padding: 10px 16px; border-radius: 5px;}
.test_wrap02 .bottom .con .txt_wrap .txt ul li{margin-bottom: 16px;}

.test_wrap02 .bottom .con .inner {}
.test_wrap02 .bottom .con .inner .in{ width: 100%; background-color: #f5f5f5; border-radius: 5px; padding: 24px;}
.test_wrap02 .bottom .con .inner .in .certi_check{width: 70px;}
.test_wrap02 .bottom .con .inner .in .info_wrap{display: flex; width: 100%; justify-content: space-between; align-items: center; background-color: #f5f5f5; border-radius: 5px; }
.test_wrap02 .bottom .con .inner .in .info_wrap p{padding-right: 24px;}
.test_wrap02 .check_wrap{display: flex;}
.test_wrap02 .check_wrap .d-block input[type="checkbox"] + label span{left: 26px;}

.test_wrap02 .bottom .check_file_wrap{width: 100%;}
.test_wrap02 .bottom .check_file_wrap ul{width: 100%;}
.test_wrap02 .bottom .check_file_wrap ul li{display: flex; align-items: baseline; justify-content: space-between; width: 100%;
    padding:12px 0; align-items: center;
}
.test_wrap02 .bottom .check_file_wrap ul li>.dis-f{align-items: center;}
.test_wrap02 .bottom .check_file_wrap ul li + li{border-top: 1px dashed #ddd;}
.test_wrap02 .bottom .check_file_wrap ul li p{position: relative; padding-left: 16px; padding-right: 24px; font-size: 17px;}
.test_wrap02 .bottom .check_file_wrap ul li p::before{content: ""; width: 5px; height: 5px; background-color: #999; position: absolute;left: 0; top: 9px;}
.test_wrap02 .bottom .check_file_wrap ul li p span.file_edit{color: #0cbdd0; margin-left: 8px;}

.file_list{margin-right: 16px;}
.file_list dl{display: flex; align-items: center;}
.file_list dl dt{opacity: 0.7; font-size: 15px;position: relative; white-space: nowrap;}
.file_list dl dt::after{content: ""; width: 100%; height: 1px; background-color: #777; position: absolute; left: 0; bottom: 0px;}
.file_list dl dd{margin-left: 8px;}
.file_list dl dd button{display: flex; justify-content: center; background-color: #0cbdd0; color: #fff;
    width: 20px; height: 20px; padding: 0;
}
.photo_wrap .file_list{margin-top: 16px; margin-right: 0; display: flex; justify-content: center;}
.photo_wrap .file_list dl{justify-content: center;}
.photo_wrap .file_list dl + dl{margin-left: 16px;}

.photo_wrap i.img{position: relative;}
.photo_wrap .x-btn{position: absolute; right: 0; top: 0; background-color: #0cbdd0;
     border-radius: 50%; color: #fff; font-size: 14px;
     width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 11px;
    }

.check_file_wrap input{display: none;}
.check_file_wrap label{cursor: pointer; background-color: #000; color: #fff; width: 90px;
    display: block; padding: 8px 18px; border-radius: 5px; font-size: 14px;
}

.test_wrap02 .btn_wrap{margin-top: 120px; display: flex; align-items: center; justify-content: center; border-top: 1px solid #999; padding-top: 48px;}
.test_wrap02 .btn_wrap a{text-align: center; width: 120px; padding: 12px 16px; border-radius: 5px; display: flex; background-color: #999;
    align-items: center; justify-content: center;
     color: #fff; margin: 0 auto; transition-duration: 0.3s;
}
.test_wrap02 .btn_wrap a img{width: 20px; }
.test_wrap02 .btn_wrap a:hover{background-color: #0cbdd0;}


.test_wrap02 .table_wrap table tr th{width: 150px;}
.test_wrap02 .table_wrap table input{border: 1px solid #ddd; border-radius: 5px; width: 100%; padding: 8px;}
.test_wrap02 .table_wrap input[type="number"]::-webkit-outer-spin-button,
.test_wrap02 .table_wrap input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.test_wrap02 .photo_wrap{}
.test_wrap02 .photo_wrap label{cursor: pointer; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;} 
.test_wrap02 .photo_wrap label i.img{background-color: #fff; border-radius: 50%; width: 120px; height: 120px; display: flex; margin-bottom: 32px;
    align-items: center; justify-content: center;
}
.test_wrap02 .photo_wrap label i.btn{border: 1px solid #999; padding: 8px 16px; border-radius: 5px;}
.test_wrap02 .photo_wrap input{display: none;}
.test_wrap02 .photo_wrap .left{cursor: pointer;text-align: center; border-radius: 5px; margin: 0 auto;}
.test_wrap02 .in .right{ margin-top:16px;}

.test_wrap02 .in .privacy_wrap{height: 250px; overflow-y: auto;}
.test_wrap02 .in .privacy_wrap p + p{margin-top: 4px;}

.test_wrap02 .select_wrap select{background-position: 95% 50%; width: 320px;}

.test_wrap02 .payment_method{width: 100%;}
.test_wrap02 .payment_method .tabSet ul.tabs li{margin-bottom: 8px;}
.test_wrap02 .payment_method .panels{}
.test_wrap02 .payment_method .panel{padding: 0; margin-top: 0; border: 0;}





/* 장애유형별 시험기간 적용 기준 */
.physicall_wrap .table_wrap tr td{border: 1px solid #ddd;}
.physicall_wrap .txt_wrap p span{display: block; padding-left: 12px;}
.physicall_wrap .txt_wrap p + p{margin-top: 8px;}
.physicall_wrap .txt_wrap {margin-top: 24px; background-color: #f5f5f5; padding: 24px; border-radius: 5px;}


/* 접수완료 */
.test_wrap05.join_next .body{background-color: #0cbdd0; border-radius: 15px; 
    padding: 32px;position: relative; z-index: 1; overflow: hidden;
}
.test_wrap05.join_next .body::after{content: ""; width: 100%; height: 200%; position: absolute; right: 50%; bottom: 0;
    transform:translateX(72%) rotate(45deg); background-color: rgba(12,172,208,0.85); z-index: 1;
}
.test_wrap05.join_next > div > div{width: 50%;}
.test_wrap05.join_next .body ul li > div{border: 0;}
.test_wrap05.join_next .body ul{border: 0; padding: 24px; background-color: #fff; position: relative; z-index: 2; box-shadow: 1px 1px 10px rgba(0 , 0, 0 , 0.3); }
.test_wrap05.join_next .body ul::after{content: "";  position: absolute; left: 52%; bottom: 20px; width: 120px; height: 50px; opacity: 0.2;
    transform: translateX(-50%);
   background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165273105713667.png)no-repeat center center /contain; z-index: 1;
}

.test_wrap05.join_next .body ul li > div{padding:8px 0;}
.test_wrap05.join_next .body ul li div .left{}
.test_wrap05.join_next h3{font-weight: 700;}
.test_wrap05.join_next .top_con{margin-bottom: 24px;  position: relative; z-index: 4;  color: #fff;}
.test_wrap05.join_next .top_con p span{}
.test_wrap05.join_next .top_con p{text-align: center;}
.test_wrap05.join_next h4{font-size: 35px; font-weight: 600; text-align: center; }

/* 내정보 */
.my_account_wrap .top .jion_list{border-top: 0;}
.my_account_wrap .bottom .jion_list{border-top: 0;}

/* 쿠폰관리 */
.cupon_wrap .cupon_con{}
.cupon_wrap .cupon_con .top{ border: 1px solid #ddd; border-radius: 15px; padding: 32px; width: 768px; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 100%; margin: 0 auto;}
.cupon_wrap .cupon_con .top .con{display: flex; width: 70%;}
.cupon_wrap .cupon_con .top input{ width: 360px; margin: 0 auto; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; padding: 12px 16px;}
.cupon_wrap .cupon_con .top button{background-color: #0cbdd0;border-radius: 5px; border: 1px solid #0cbdd0; padding: 12px 16px; color: #fff;
    width: calc(100% - 360px);
}
.cupon_wrap .cupon_con .top .txt_wrap{margin-top: 16px;}
.cupon_wrap .cupon_con .top .txt_wrap p{font-size: 15px; opacity: 0.7;}
.cupon_wrap .cupon_con .top .txt_wrap p + p{margin-top: 4px;}


.cupon_wrap .order_inquiry.order_list_wrap .table_body li p.c_name{font-weight: 600; font-size: 19px; margin-bottom: 8px;}
.cupon_wrap .order_inquiry.order_list_wrap .table_body li p.c_con{opacity: 0.7;}
.cupon_wrap .order_inquiry.order_list_wrap .table_body li p span.c_use{color: #999;}
.cupon_wrap .order_inquiry.order_list_wrap .table_body li p span.c_nonuse{color: #0cbdd0;}


/* 인증서 디자인 */
/* .certi_layout .con{position: relative; 
    width: 2480px;
    height: 3508px;
} */
.certi_layout .con{position: relative; 
    /* width: 1240px;
   height: 130px; */
    width: 1240px;
   height: 1754px;
}

.certi_layout .bg{position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%);}



/* .certi_layout01 .con{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165452854651553.png)no-repeat center center /contain;} */
.certi_layout01 p{font-family: 'Noto Serif', serif;}
.certi_layout01 b{font-family: 'Noto Serif', serif;}

/* .certi_layout02 .con{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165453065446182.png)no-repeat center center /contain;} */
.certi_layout02 p{font-family: 'Pretendard';}
.certi_layout02 b{font-family: 'Pretendard';}
/* .certi_layout.certi_layout02 .con .certi_num{left: 122px;} */
/* .certi_layout.certi_layout02 .txt_con{left: 390px;} */
.certi_layout.certi_layout02 .txt_con {
    left: 195px;
    top: 36%;
}




/* .certi_layout03 .con{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165453108185706.png)no-repeat center center /contain;} */
/* .certi_layout04 .con{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165453116417783.png)no-repeat center center /contain;} */


/* .certi_layout .con .certi_num{position: absolute; left: 122px; top: 200px; font-size: 45px; font-weight: 600;} */
.certi_layout .con .certi_num {
    position: absolute;
    left: 62px;
    top: 96px;
    font-size: 23px;
    font-weight: 600;
}

.certi_layout .con .certi_num p{ }
/* .certi_layout .txt_con{font-size: 55px;
    position: absolute; left: 0; top: 1270px;
   
} */
.certi_layout .txt_con {
    font-size: 25px;
    position: absolute;
    left: 148px;
    top: 40%;
}

.certi_layout .txt_con ul li{display: flex;  }
.certi_layout .txt_con ul li + li{margin-top: 6px;}
.certi_layout .txt_con ul li b{margin-right: 8px;   font-weight:500;} 
.certi_layout .txt_con ul li p{ font-weight:500;} 

/* .certi_layout .bd{width:1900px; max-width: 1900px; height: 3508px; margin: 0 auto; position: relative;} */
.certi_layout .bd{width: 100%; height: 100%; margin: 0 auto; position: relative;}
/* .certi_layout .txt_con02{ width: 100%; text-align: center; position: absolute; left: 50%; top: 2120px; transform: translateX(-50%);} */
.certi_layout .txt_con02 {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 59%;
    transform: translateX(-50%);
}

.certi_layout.certi_layout02 .txt_con02{text-align: left;}

.certi_layout .txt_con02 p{font-size: 29px;  line-height: 1.9;}

/* .certi_layout .date{ width: 100%; text-align: center; position: absolute; left: 50%; bottom: 640px; transform: translateX(-50%);} */
.certi_layout .date{ width: 100%; text-align: center; position: absolute; left: 50%; bottom: 425px; transform: translateX(-50%);}
/* .certi_layout .date p{font-size: 50px; } */
.certi_layout .date p{font-size: 23px; }

.certi_layout.certi_layout01 .date{bottom: 310px;}



.print{ background-color: #f5f5f5; padding: 12px 12px;}
.print input{cursor: pointer; background: #0cbdd0 url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165799779034915.png)no-repeat 10% 50% /25px; padding: 12px 16px 12px 42px; color: #fff; border: 0;}




.notice.teacher .notice_top .search input{height: 55px; width: calc(100% - 50px);}


.teacher_view_con .top_con{display: flex;}
.teacher_view_con .top_con .left{width: 450px; position: relative; padding: 24px 24px 0 24px;}
.teacher_view_con .top_con .left::after{content: ""; width: 100%; height: 60%;
    position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; background-color: #0cbdd0;
    border-radius: 5px; z-index: -1; display: none;
}
.teacher_view_con .top_con .left img{position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%);
    object-fit: contain;
}
.teacher_view_con .top_con .right{width: calc(100% - 450px); padding: 120px; display: flex; flex-direction: column; justify-content: center;}
.teacher_view_con .top_con .right ul{ }
.teacher_view_con .top_con .right ul li.ment p{  font-family: 'InkLipquid'; font-size: 30px; position: relative; color: #0cbdd0;}
.teacher_view_con .top_con .right ul li.ment p::before{content: "'";}
.teacher_view_con .top_con .right ul li.ment p::after{content: "'";}
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.teacher_view_con .top_con .right ul li.name{margin-bottom: 32px;}
.teacher_view_con .top_con .right ul li.name p{font-size: 44px; font-weight: 600;}
.teacher_view_con .top_con .right ul li + li{margin-top: 8px;}
.teacher_view_con .top_con .right ul li{display: flex; font-size: 17px;}
.teacher_view_con .top_con .right ul li b{margin-right: 16px; font-weight: 600;}

.teacher_view_con .bottom_con{background-color: #fff; margin-top: 60px; padding-top: 60px;}
.teacher_view_con .bottom_con ul{display: flex; flex-wrap: wrap;}
.teacher_view_con .bottom_con ul li{width: 50%; margin-bottom: 60px;}
.teacher_view_con .bottom_con ul li b{position: relative; font-size: 22px; display: table; font-weight: 600; padding-bottom: 16px;}
.teacher_view_con .bottom_con ul li b::after{content: ""; width:100%; height: 2px; background-color: #0cbdd0; position: absolute; bottom: -1px;left: 0;}
.teacher_view_con .bottom_con ul li .title{ margin-bottom: 24px; border-bottom: 1px solid #ddd;}
.teacher_view_con .bottom_con ul li .txt{background-color: #f5f5f5; border-radius: 8px; padding: 24px; height: calc(100% - 50px);}
.teacher_view_con .bottom_con ul li .txt p{position: relative; padding-left: 16px;}
.teacher_view_con .bottom_con ul li .txt p + p{margin-top: 8px;}
.teacher_view_con .bottom_con ul li .txt p::after{content: ""; width: 5px; height: 5px; background-color: #0cbdd0; position: absolute; left: 0; top: 9px;}
.teacher_view_con .bottom_con ul li .con_wrap{height: 100%;}
.teacher_view_con .bottom_con ul li.long{width: 100%;}
.teacher_view_con .bottom_con ul li.long .img{ }
.teacher_view_con .bottom_con ul li.long .img>div{position: relative; padding-bottom: 70%; }
.teacher_view_con .bottom_con ul li.long .img img{position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); object-fit: contain; }


.teacher_view_con .bottom_con ul li .con_wrap .img_list .img>div{padding-bottom: 0;}
.teacher_view_con .bottom_con ul li .con_wrap .img_list img{position: static; transform: inherit; }
.move_arrow{background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165513736591348.png)no-repeat center center / 40px 10px;
    width: 40px; height: 10px; display: block;  animation: move 1.5s infinite 0s ease-in-out; margin-top: 8px;
    display: none;
}

@keyframes move{
0%{transform: translateX(0);}
50%{transform: translateX(15px);}
100%{transform: translateX(0);}
}
  



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

}

    


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

@media (max-width:1400px){


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

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

    /* 공통 */
    .sub-title{font-size: 31px;}


    /* 자주묻는 질문 */
    .questions .questions_top .search{width: 25%;}

    
    /* 상품 사용후기 */
    .review .table .t_category{width: 26%;}
    /* .review .table .t_title{width: 25%;} */
    .review .table .t_star{width: 119px;}

    /* 시험접수 */
    .test_wrap02 .top ul li .con_wrap{font-size: 18px;}
    .test_wrap02 .top ul li .con_wrap .icon_wrap{width:65px; height: 65px; margin-right: 12px;}
    .test_wrap02 .bottom .con.con_top b{font-size: 26px;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .icon_wrap { width: 85px;height: 85px;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt p{font-size: 17px;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap{padding: 16px;}

    /* 자격증소개 */
    .certi_wrap .img_wrap .txt_wrap p{font-size: 17px;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{font-size: 18px;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap .btn_wrap{width: 45px; height: 45px;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{width: calc(100% - 40px);}

    .certi_wrap .left{width: 300px;}
    .certi_wrap .right{width: calc(100% - 300px);}


    .teacher_view_con .top_con .left{width: 400px;}
    .teacher_view_con .top_con .right{width: calc(100% - 400px); padding: 60px;}
    .teacher_view_con .top_con .right ul li.name p{font-size: 37px;}
    .teacher_view_con .top_con .right ul li.ment p{font-size: 27px;}
    .teacher_view_con .top_con .right ul li{font-size: 16px;}
    

}

/* ********************************************* *
* 1024px max
* ********************************************* */
@media (max-width:1024px){
    /* 브랜드 스토리 */
    .brand_stroy .info .right {right: 20px; padding: 50px 50px;}

    /* 찾아오시는 길 */
    .brand_stroy .loca .loca_box {padding: 50px 0;}
    .brand_stroy .loca .loca_box ul li p br{display: none;}

    
    .brand_stroy .loca .loca_box { width: 90%;}
    .shop_view .pd-view-t-container .row-too-short{display: inherit;}

    /* 상품 사용후기 */
    .review .table .t_category span{display: block; margin: 0 auto;}
    .main_slide .swiper-slide {max-height: 958px;min-height: 270px;}


    .contact{width:100%;}
    

    .review .mypage_review .t_category span { margin: inherit;margin-right: 10px;   }


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

    /* 공통 */
    .pb-120{padding-bottom: 100px;}
    .pt-120{padding-top: 100px;}
    .certi_wrap .con + .con{margin-top: 100px;}
    .sub-title{font-size: 28px; margin-bottom: 60px;}
    .sub-title p{font-size: 0.6em;}

    .test_wrap02 .top{padding: 100px 0;}
    .test_wrap02 .bottom .con + .con{margin-top: 70px;}


    .review .table ul p{padding: 15px 0;}
    .review .table .t_category{width: 22%; margin-right: 1%;}
    /* .review .table .t_title{width: 25%; margin-left: 1%;} */

    .review .mypage_review .table .t_category{    width: 39%;}
    .review .mypage_review .table ul p {  padding: 0;  }

    .sub-tab02 ul li span{font-size: 21px;}

    /* 시험접수 */
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap{display: block;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .icon_wrap{margin: 0 auto;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt p{width: 100%; text-align: center; margin-top: 32px; padding-left: 0;}
    .test_wrap02 .bottom .con.con_top b{font-size: 23px;}
    .test_wrap02 .bottom .con .title b{font-size: 23px;}

    /* 자격증안내 */
    .certi_wrap .img_wrap .txt_wrap b{font-size: 29px;}
    .certi_wrap .img_wrap .txt_wrap p{font-size: 16px;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{font-size: 17px;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap{padding-top: 12px;}

    .certi_wrap .list_wrap ul li .con_wrap .icon_wrap{width: 130px; height: 130px;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{padding-right: 8px;}


    .certi_wrap .inner02 .bd-lg>ul>li .con_wrap{display: block;}
    .certi_wrap .left{width: 100%; margin-bottom: 32px;}
    .certi_wrap .right{width: 100%; padding-left: 0;}
    .certi_wrap .inner02 .bd-lg>ul>li{padding: 48px 0;}
    .sub-title02{font-size: 25px;}
    .certi_wrap .info_wrap>b{font-size: 18px;}
    .certi_wrap .info_wrap p{font-size: 16px;}
    .sub-title02 h2::after{height: 14px;}

    .teacher_view_con .top_con .left{width: 300px;}
    .teacher_view_con .top_con .right{width: calc(100% - 300px); padding: 42px;}
    .teacher_view_con .top_con .right ul li.name p{font-size: 33px;}
    .teacher_view_con .top_con .right ul li{font-size: 15px;}

    .notice .notice_top .search{width: auto;}
}
/* ********************************************* *
* 840px max
* ********************************************* */
@media (max-width:840px){



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

@media (max-width:768px){
    
    h3{margin-bottom: 30px; font-size: 2rem}
    .notice h3 {   font-size: 2rem; margin-bottom: 30px;}
    .sub-main-title h3{margin-bottom: 0;}
    .sub-main-title{font-size: 31px;}

    .pb-120{padding-bottom: 80px;}
    .pt-120{padding-top: 80px;}
    .certi_wrap .con + .con{margin-top: 80px;}
    .test_wrap02 .top{padding: 80px 0;}


    /* 공지사항 */
    .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; }
    .notice .table .t_views{display: none;}
    .notice .table .body_table li { padding: 10px 0;}
    .notice .table .t_name { width: 100%; text-align: left; }

    .notice_view .bottom .tit{width: 20%;}
    .notice_view .body .body_in_file {padding: 10px 0;}
    .notice_view .top .view_title {font-size: 1.3rem;}


    .notice .notice_top { justify-content: center; }
    .notice .notice_top .search {width: 100%;}
    .notice .notice_top .search input {padding: 15px 5px; }

    
    
    /* 홍보자료/홍보영상 */
    .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::before{left: 10px;}

    /* Q&A */
    .qna .table{margin-top:0}
    .qna .table .head_table { display: none; }
    .qna .table ul li{padding: 16px 0;}
    .qna .table ul li > div {display: inherit; text-align: left;position: relative;padding: 10px;}
    .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:16px; color:#be3434;width: 100%;}
    .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:10px}
    .qna .table .after_answer .t_no{position:absolute;    width: auto;}
    .qna .table .after_answer .t_no img {transform: translate(7px,4px);    width: 19px;}
    .qna .table .after_answer .answer { width: 56px; text-align: center;    margin-left: 40px;margin-top: 7px;}
    .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: 50%;}
    .qna .qna_top > button{width:20%;padding: 0 10px;}
    .qna .qna_top .category_list{width:30%;}
    .qna .table .t_date{position:absolute;right:10px;bottom:0;text-align: right;color:#888; font-size:15px;width: auto;}
    .qna .table .before_answer .t_no {display: none;}
    .qna .table .t_title {font-size: 1.125rem;margin-top:4px;width: 100%;}
    .qna .table .t_name{color:#888;font-size:15px;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);}
    .qna .table ul li > div{padding: 0; padding-bottom: 56px;}


  
    /* 상품 사용후기 */
    /* .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:0; 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 .search {width: 50%;}
    .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;}

    .cupon_wrap .cupon_con .top .con{width: 100%;}
    .cupon_wrap .cupon_con .top input{ width: calc(100% - 150px);}
    .cupon_wrap .cupon_con .top button{width: 150px;}


    .inquiry_btn{display: block;}
    .qna .table .t_like{position: absolute; left: 0; bottom: 0;}
    .qna .table .t_count{position: absolute; left: 65px; bottom: 0px; padding: 0;}
    .qna .table .t_count::before{content: ""; background: url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSWARE/images/165507194199165.png)no-repeat center center /20px 20px;
        width: 20px; height: 20px; position: absolute; left: -25px; top: 2px;
    }
    .notice .notice_top02 .search{width: 100%;}
    .notice .notice_top02 .search input{width: 100%;}
    
    /* 시험접수 */
    .test_wrap ul li .left .bottom{flex-direction: column; font-size: 15px;}
    .test_wrap02 .top ul li{margin-bottom: 16px;}
    .test_wrap02 .top ul li:nth-child(2)::after{display: none;}

    .test_wrap02 .bottom .con.con_top b{word-break: keep-all;}
    .test_wrap02 .bottom .con .title b{font-size: 20px;}
    .test_wrap02 .bottom .con .inner .in .info_wrap{font-size: 16px;}
    .test_wrap05.join_next > div > div{width: 100%;}
    .test_wrap05.join_next h4{font-size: 30px;}

    /* 자격증안내 */
    .certi_wrap .img_wrap .txt_wrap b{font-size: 26px; margin-bottom: 8px;}
    .certi_wrap .list_wrap ul li{margin-bottom: 32px;}
    .certi_wrap .list_wrap ul li{width: 33.333%;}
    .certi_wrap .list_wrap02 ul li{width: 33.333%;}

    .certi_wrap .img_wrap .txt_wrap b{font-size: 24px;}
    .certi_wrap .img_wrap .img_in{padding-bottom:  53%;}


    
    .teacher_view_con .top_con{flex-direction: column;}
    .teacher_view_con .top_con .left{width: 100%;}
    .teacher_view_con .top_con .right{width: 100%; padding: 60px 0 0 0;}
    .teacher_view_con .bottom_con ul li{width: 100%;}
    .teacher_view_con .top_con .right ul li.name p{font-size: 30px;}
    .teacher_view_con .top_con .right ul li.name{margin-bottom: 12px;}
    .teacher_view_con .bottom_con ul li .txt{height: auto;}

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

    

}
/* ********************************************* *
* 640px max
* ********************************************* */
@media (max-width:640px){
    .sec { padding: 80px 0;}
    h3 {font-size: 2rem;margin-bottom: 30px;}
    .content { padding: 80px 0;}
    .notice h3{font-size: 2rem;margin-bottom: 0;}
    .pb-120{padding-bottom: 60px;}
    .pt-120{padding-top: 60px;}
    .certi_wrap .con + .con{margin-top: 60px;}
    .test_wrap02 .top{padding: 60px 0;}
    .test_wrap02 .bottom .con + .con{margin-top: 60px;}

    /* 자주묻는 질문 */
    .accordion dt i {width: 21px;}
    .accordion dt {padding: 16px 58px 16px 48px}
    .accordion dd { padding: 16px 16px 16px 48px;}
    .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;    }
    .accordion dt::before{font-size: 24px;}


    /* 찾아오시는 길 */

    .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;}
    .promotion.event ul li .text_box{padding: 16px;}

    .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 .con_title {font-size: 1.125rem; }
    .promotion ul li .text_box .progress .new{font-size: 12px;}
    .qna .qna_top .search input{ padding:5px; }
    .qna .qna_top .search {width: 50%;}
    .qna .qna_top > button {width: 25%;}
    
    
    .qna_view .body {padding-top: 0;}
    .qna_view .body .answer {padding: 10px;}
    .qna_view .body .answer textarea {height: 110px;}

    .sub-main-title{font-size: 27px;}

    .cupon_wrap .cupon_con .top input{ width: calc(100% - 130px);}
    .cupon_wrap .cupon_con .top button{width: 130px;}

    .notice .table .t_date{font-size: 1.1rem;}
    .select_wrap{margin-right: 8px;}
    .select_wrap select{font-size: 14px;}

    /* 시험접수 */
    .test_wrap button{font-size: 15px;}
    .test_wrap02 .top ul li .con_wrap{font-size: 16px;}
    .test_wrap02 .top ul li .con_wrap .icon_wrap{width: 55px; height: 55px;}
    .test_wrap02 .bottom .con .inner .in .info_wrap{font-size: 15px;}

    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{font-size: 16px; width: calc(100% - 40px);}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap .btn_wrap{width: 40px; height: 40px;}
  

  
    .certi_wrap .list_wrap ul li .con_wrap .icon_wrap{width: 120px; height: 120px;}
    .certi_wrap .img_wrap .txt_wrap b{font-size: 22px;}
    .certi_wrap .img_wrap .txt_wrap{padding: 24px;}
    .certi_wrap .img_wrap .img_in{padding-bottom: 60%;}

    .notice_view .bottom .button button{font-size: 17px; padding: 14px 32px;}
    .certi_wrap .list_wrap ul li{width: 50%;}
    .certi_wrap .list_wrap02 ul li{width: 33.333%;}
    .sub-title p{font-size: 0.6em;}
    .sub-title02{font-size: 23px;}
    .sub-title02 h2::after{height: 12px;}
    .certi_wrap .info_wrap>b{font-size: 17px;}
    .certi_wrap .info_wrap p + p{margin-top: 4px;}
    .small{font-size: 0.95em;}
    .sub-title02 p{font-size: 0.7em;}
    .certi_wrap .inner02 .bd-lg>ul>li{padding: 40px 0;}
    .sub-title p br{display: none;}
    .test_wrap02 .bottom .check_file_wrap ul li{display: block;}
    .test_wrap02 .bottom .check_file_wrap ul li>.dis-f{flex-direction: column-reverse; margin-top: 16px; align-items: flex-start;}
    .check_file_wrap label{width: 100%; text-align: center;}
    .file_list{margin-right: 0; margin-top: 8px;}

    .teacher_view_con .top_con .right ul li.name p{font-size: 25px;}
    .teacher_view_con .bottom_con{margin-top: 0;}
    .teacher_view_con .bottom_con ul li b{font-size: 20px;}
    .qna_view .bottom .button button.list_but{font-size: 16px;}
    .qna_view .bottom .button button.list_but{padding: 12px 24px;}
    .teacher_view_con .bottom_con ul li{margin-bottom: 48px;}

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


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

    /* 공통 */
    .sub-title{font-size:23px; margin-bottom: 50px;}

    .qna .table .body_table .t_title{font-size: 1.05rem;}
    .accordion dt {font-size: 1.1rem;}
    .accordion dd {font-size: 1.1rem;}

    .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: 10px 0px 10px 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; }

    .cupon_wrap .cupon_con .top input{ width: calc(100% - 110px);}
    .cupon_wrap .cupon_con .top button{width: 110px;}

    .notice .notice_top{flex-wrap: wrap;}
    .notice .notice_top .search{width: calc(100% - 150px); padding-left: 8px;}
    .notice .notice_top02 .search{width: 100%;}


    .inquiry_btn{width: 100%;}
    .inquiry_btn button{width: 100%; margin-left: 0; margin-top: 8px;}
    .notice .notice_top .select_wrap {width: 150px;display: inline-block;vertical-align: top;margin-right: -4px;}

    /* 시험접수 */
    .test_wrap02 .bottom .con .txt_wrap .txt ul li{width: 100%;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap{display: flex; align-items: center; justify-content: center; padding: 24px;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap p{text-align: left; width: calc(100% - 85px); padding-left: 32px; margin-top: 0;}
    .test_wrap02 .bottom .con.con_top b{font-size: 20px;}
    .test_wrap02 .bottom .con .title b{font-size: 18px;}
    .test_wrap02 .bottom .con .inner .in .info_wrap{display: block;}
    .test_wrap02 .check_wrap{margin-top: 16px;}
    .test_wrap02 .bottom .check_file_wrap ul li{flex-direction: column;}
    .test_wrap02 .bottom .check_file_wrap ul li p{padding-right: 0; margin-bottom: 16px;}
    .test_wrap02 .bottom .check_file_wrap ul li>div{width: 100%;}
    .check_file_wrap label{width: 100%; text-align: center;}
    .test_wrap02 .btn_wrap{margin-top: 70px;}
    .test_wrap02 .bottom .con .title{display: block;}
    .test_wrap02 .bottom .con .title .check_wrap{justify-content: flex-end;}
    .test_wrap05.join_next h4{font-size: 25px;}
    .test_wrap05.join_next .body{padding: 24px;}

    /* 자격증안내 */
    .certi_wrap .list_wrap ul li .con_wrap .icon_wrap{width: 100px; height: 100px; padding:12px;}

    .notice_view .body .text_box_sec{min-height: 280px;}
    .notice_view .body .body_in_file{border-radius: 5px; padding: 12px;}
    .notice_view .body .body_in_file p{font-size: 14px;}

    .certi_wrap .img_wrap .txt_wrap p{font-size: 15px;}
    .certi_wrap .list_wrap ul li{width: 100%;}
    .certi_wrap .list_wrap02 ul li{width: 50%;}
    .certi_wrap .img_wrap .img_in{padding-bottom: 70%;}
    .certi_wrap .list_wrap ul li .con_wrap .img_wrap .img_in{padding-bottom: 60%;}
    .certi_wrap .list_wrap ul li .con_wrap .txt_wrap p{font-size: 16px;}

    .table_wrap table tr th{display: block;}
    .table_wrap table tr td{display: block;}
    .sub-title02{font-size: 21px;}
    .sub-title p{font-size: 0.65em;}

    .teacher_view_con .bottom_con ul li b{font-size: 18px;}
    .teacher_view_con .bottom_con ul li .txt{border-radius: 5px;}
    .qna_view .bottom .button button.list_but{font-size: 15px;}
    .notice .notice_top .search{width: 100%; padding-left: 0;}


    }

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

    /* 공통 */
    html{font-size:14px;}
    .sub-title{font-size:21px; margin-bottom: 40px;}

    .review_view #content{min-height: auto;}

    /* 홍보자료/홍보영상 */
    .promotion ul li:first-child{margin-top:0;}
    .promotion ul li{width: 100%;}
    .notice_view .bottom .tit{width: 30%;}


    .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 {
        margin: 0 3px;
    }
    .review .table .t_date {position: inherit;  }
    .review .table .before_answer .t_category {padding-top: 20px;}
    .review .mypage_review .table .t_star {position: absolute;top: 0;left: 0;}
    .cupon_wrap .cupon_con .top input{ width: calc(100% - 100px);}
    .cupon_wrap .cupon_con .top button{width: 100px;}
    .cupon_wrap .cupon_con .top{padding: 24px;}

    /* 시험접수 */
    .test_wrap ul li .con_wrap{display: block;}
    .test_wrap button{width: 100%; margin-top: 32px;}
    .test_wrap ul li .name p:first-child{font-size: 19px;}
    .test_wrap02 .top ul li{width: 100%; margin-bottom: 32px;}
    .test_wrap02 .top ul li .con_wrap{width: 100%;}
    .test_wrap02 .top ul li::after{transform: translateX(-50%) rotate(43deg); left: 50%; right: inherit; bottom: -18px; top: inherit;}
    .test_wrap02 .top ul li:nth-child(2):after{display: block;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap{flex-direction: column;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .icon_wrap{width: 80px; height:80px;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt .con_wrap p{width: 100%; text-align: center; margin-top: 24px; padding-left: 0;}
    .test_wrap02 .bottom .con.con_top b{font-size: 19px;}
    .test_wrap02 .bottom .con.con_top .txt_wrap .txt{margin-top: 40px;}

    /* 자격증안내 */
    .certi_wrap .list_wrap ul li{width: 100%;}
    .certi_wrap .list_wrap ul li:last-child{margin-bottom: 0;}
    .certi_wrap .list_wrap ul li{width: 50%;}

    .certi_wrap .img_wrap .img_in{padding-bottom: 100%;}
    .certi_wrap .img_wrap .txt_wrap b{font-size: 20px; margin-bottom: 12px;}
    .certi_wrap .img_wrap .txt_wrap span{margin-bottom: 12px;}
    .sub-title p{font-size: 0.6em;}
    .certi_wrap .img_wrap .img_in{padding-bottom: 120%;}


    .notice .notice_top{flex-direction: column;}
    .notice .notice_top .select_wrap{width: 100%;}
    .notice .notice_top .select_wrap select{width: 100%; background-position: 95% 50%;}
    .notice .notice_top .search{width: 100%; margin-top: 4px; padding-left: 0;}

}

/* ********************************************* *
* 320px max
* ********************************************* */
@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 }

    .certi_wrap .img_wrap .txt_wrap b{font-size: 18px;}
    .certi_wrap .img_wrap .txt_wrap p{font-size: 14px;}

    .teacher_view_con .bottom_con ul li.long .img{width: 100%;}

   


}

.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: 10px;margin-top:10px; font-size: 16px;
    background-color: #f5f5f5; display: flex; align-items: center; justify-content: center;
}
.reason02_01 button img{width: 20px; margin-bottom: -3px; margin-right: 4px;}
.reason02_01 .img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.reason02_01 .img_box ul li:last-child{margin: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;}
.reason02_01 .img_box .sc_event{width:100%; overflow-x: scroll; }

.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.3);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px;}


.reason03{margin-top:20px;margin-bottom:10px;}
.reason03 > p{ font-size: 1.25rem;}
.reason03 > div {border-top:1px solid #ddd;padding-top:10px; line-height: 2em;}
.reason03 > div > div{color:#888;display: flex;justify-content: space-between;align-items: center;}

.reason04{padding-top:10px;border-top:1px solid #000;display: flex;  font-size: 1.25rem;justify-content: space-between;}
.reason05{font-size:0.812rem;margin-top:20px; color:#bbb}
.reason05 ul li > p{position:relative; padding-left:10px;}
.reason05 ul li > p::after{ position:absolute;top:9px; left:0px;content:''; display: block; width:4px; height:4px; background-color: #bbb;border-radius: 10px;}

.reason05 ul li > div p{position:relative; padding-left:20px;}
.reason05 ul li > div p::after{ position:absolute;top:10px; left:10px;content:''; display: block; width:5px; height:2px; background-color: #bbb;}