@charset "utf-8";

/***** D3200(선배후기) *****/
div.stu-review-wrap{}
div.stu-review-wrap div.review-box{width:100%; border:2px solid #ddd; border-radius:3rem 3rem 0 3rem; margin-bottom:5rem; overflow:hidden;}
div.stu-review-wrap div.review-box div.box-top{padding:2rem 2.5rem; background:#f5f5f5; display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:2px solid #ddd; align-items:center; gap:0.5rem 0;}
div.stu-review-wrap div.review-box div.box-top div.course{display:flex; align-items:center; gap:1rem;}
div.stu-review-wrap div.review-box div.box-top div.course span.cou-name{font-size:1.8rem; font-family:'Pretendard-Bold',sans-serif;}
div.stu-review-wrap div.review-box div.box-top div.course span.stu-name{font-size:1rem; color:var(--color-main01); background:#f0f5fd; padding:0.5rem 1rem; border-radius:50px; border:1px solid var(--color-main01);}
div.stu-review-wrap div.review-box div.box-top div.suryo{}
div.stu-review-wrap div.review-box div.box-top div.suryo span.sur-name{font-size:1.125rem; color:#777;}
div.stu-review-wrap div.review-box div.box-bot{padding:2rem;}
div.stu-review-wrap div.review-box div.box-bot div.review-tit{font-size:1.65rem; font-family:'Pretendard-Medium',sans-serif; word-break:keep-all; line-height:1.6; margin:2rem 0 4rem 0; color:var(--color-main01); text-align:center;}
div.stu-review-wrap div.review-box div.box-bot div.review-con{display:flex; justify-content:space-between;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left{width:35%;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left div.stu-img{width:100%; height:22rem; border-radius:2rem 2rem 0 2rem; overflow:hidden;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left div.stu-img img{display:block; width:100%; height:100%; object-fit:cover;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right{width:60%;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna{}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list{border-top:1px solid #ddd;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li{font-size:1.2rem; line-height:1.6; border-bottom:1px solid #ddd;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q{cursor:pointer; display:flex; opacity:.45; gap:1rem; font-family:'Pretendard-Bold',sans-serif; position:relative; padding:1.5rem 3.5rem 1.5rem 0;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q:hover{opacity:1;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q:after{content:''; width:15px; height:2px; background:#333; display:block; font-size:1.5em; position:absolute; top:50%; right:0; transform:translateY(-50%);}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q:before{content:''; width:15px; height:2px; background:#333; display:block; font-size:1.5em; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(90deg); transition:0.2s;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q span.ico-q{width:1rem; height:1rem; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; display:inline-block;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-A{display:none; font-size:0.95em; margin-left:2rem; color:#777; padding:1.5rem 0;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li.open p.qna-Q{opacity:1; padding-bottom:0;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li.open p.qna-Q:after{margin-top:0.5rem;}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li.open p.qna-Q:before{margin-top:0.5rem; transform:translateY(-50%);}
div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li.open p.qna-A{display:block;}



/***** D3210(취업사례) *****/
div.employ-case-wrap{}
div.employ-case-wrap ul.case-list{display:flex; flex-wrap:wrap; gap:5rem 8%;}
div.employ-case-wrap ul.case-list li{width:46%; border-radius:3rem 3rem 0 3rem; border:2px solid #ddd; background:#f5f5f5; transition: 0.2s;}
div.employ-case-wrap ul.case-list li a{display:block; width:100%; height:100%; padding:3rem; position:relative;}
div.employ-case-wrap ul.case-list li a:after{content:''; display:block; width:3rem; height:3rem; border:2px solid #eee; background:#fff url("../img/sub/ico_arrow.svg")center/25% auto no-repeat; border-radius:50%; transition:0.2s; position:absolute;top:2.5rem; right:2.5rem;}
div.employ-case-wrap ul.case-list li a span.stu-name{padding:1rem 2rem; display:inline-block; color:#fff; margin-bottom:3rem; background:var(--color-main01); border-radius:50px;}
div.employ-case-wrap ul.case-list li a p.stu-comp{font-size:1.8rem; font-family:'Pretendard-Medium',sans-serif; margin-bottom:1rem; word-break:keep-all;}
div.employ-case-wrap ul.case-list li a p.stu-word{font-size:1.125rem; color:#777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div.employ-case-wrap ul.case-list li:nth-child(2n) a span.stu-name{background:var(--color-main02);}
div.employ-case-wrap ul.case-list li:nth-child(3n) a span.stu-name{background:var(--color-main03);}
div.employ-case-wrap ul.case-list li:nth-child(4n) a span.stu-name{background:var(--color-main01);}
@media(hover:hover){
    div.employ-case-wrap ul.case-list li:hover{border-color:var(--color-main01); background:#fff; box-shadow:0 20px 25px rgba(0,0,0,0.15);}
    div.employ-case-wrap ul.case-list li:hover a:after{border-color:var(--color-main01); background:var(--color-main01) url("../img/sub/ico_arrow_wh.svg")center/25% auto no-repeat;}
}

/* 취업사례 상세모달창 */
div.employ-case-modal{display:none; width:100%; height:100%; background:rgba(0,0,0,0.2); backdrop-filter:blur(1px); position:fixed; top:0; left:0; z-index:100;}
div.employ-case-modal div.modal{width:1024px; background:#fff; border-radius:2rem; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); overflow:hidden;}
div.employ-case-modal div.modal div.m-head{padding:2rem; display:flex; justify-content:space-between; background:var(--color-main01); color:#fff; align-items:center;}
div.employ-case-modal div.modal div.m-head h3.tit{font-size:1.5rem; font-family:'Pretendard-Medium',sans-serif; width:calc(100% - 2rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
div.employ-case-modal div.modal div.m-head h3.tit span.name{display:inline-block; font-size:0.8em; padding:0.8rem 2rem; border-radius:50px; margin-right:1rem; background:rgba(255,255,255,0.1);}
div.employ-case-modal div.modal div.m-head a.modal-close{width:2rem; height:2rem; position:relative; opacity:.7; transition:0.2s;}
div.employ-case-modal div.modal div.m-head a.modal-close:hover{opacity:1;}
div.employ-case-modal div.modal div.m-head a.modal-close span.line{display:inline-block; width:80%; height:3px;position:absolute; top:50%; left:50%; border-radius:50px; background:#fff; transform:translate(-50%, -50%) rotate(45deg);}
div.employ-case-modal div.modal div.m-head a.modal-close span.line:nth-child(2){ transform:translate(-50%, -50%) rotate(-45deg);}
div.employ-case-modal div.modal div.m-body{padding:3rem; max-height:70vh; overflow-y:auto;}
div.employ-case-modal div.modal div.m-body::-webkit-scrollbar{width:0.5rem;}
div.employ-case-modal div.modal div.m-body::-webkit-scrollbar-thumb{background: #dfe7f5; /* 스크롤바 색상 */ border-radius: 10px;}
div.employ-case-modal div.modal div.m-body::-webkit-scrollbar-track{background: #fff; /*스크롤바 뒷 배경 색상*/}
div.employ-case-modal div.modal div.m-body section.stu-info{display:flex; justify-content:space-between; align-items:flex-start;}
div.employ-case-modal div.modal div.m-body section.stu-info div.left{width:25%; border:0.5rem solid #fff; box-shadow:0 2px 15px rgba(0,0,0,0.25); overflow:hidden; border-radius:1rem;}
div.employ-case-modal div.modal div.m-body section.stu-info div.left div.img{width:100%; height:16rem; overflow:hidden;}
div.employ-case-modal div.modal div.m-body section.stu-info div.left div.img img{display:block; width:100%; height:100%; object-fit:cover;}
div.employ-case-modal div.modal div.m-body section.stu-info div.left div.accept-info{font-size:0.9rem; background:var(--color-main01); color:#fff; text-align:center; padding:1rem;}
div.employ-case-modal div.modal div.m-body section.stu-info div.left div.accept-info p.tit{margin-bottom:0.5rem; padding-bottom:0.5rem; border-bottom:1px solid rgba(255,255,255,0.2); color:rgba(255,255,255,0.5);}
div.employ-case-modal div.modal div.m-body section.stu-info div.left div.accept-info p.con{}
div.employ-case-modal div.modal div.m-body section.stu-info div.right{width:70%;}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual{display:flex; gap:2%; margin-bottom:2rem;}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual div.qual-box{width:49%; padding:1.5rem; border-radius:1rem 1rem 0 1rem; background:#f5f5f5;}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual div.qual-box p.tit{font-family:'Pretendard-Bold',sans-serif; margin-bottom:0.5rem; color:#777; font-size:0.9rem; padding-bottom:0.5rem; border-bottom:1px solid #ddd;}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual div.qual-box p.con{}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-word{line-height:1.6;}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-word p.tit{font-size:1.5rem; word-break:keep-all; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1rem;}
div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-word p.con{color:#555;}
div.employ-case-modal div.modal div.m-body section.stu-interview{margin-top:2rem; padding-top:2rem; border-top:1px solid #ddd;}
div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview{}
div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li{margin-bottom:2rem; padding-bottom:2rem; border-bottom:1px dashed #ddd;}
div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0;}
div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li p.tit{display:flex; gap:0.5rem; font-size:1.5rem; font-family:'Pretendard-Bold',sans-serif; margin-bottom:1rem;}
div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li p.tit span.num{width:2rem; height:2rem; min-width:2rem; line-height:2rem; font-size:0.9rem; text-align:center; border-radius:50%; background:var(--color-main03); color:#fff; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; transform:translateY(-2px);}
div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li p.con{line-height:1.6; margin-left:2.5rem; font-size:1.125rem;}


/***** D3300(설문결과) *****/
div.survey-result-wrap{position:relative;}
div.survey-result-wrap:before{content:''; display:block; width:100%; height:22rem; background:var(--color-main01); background:linear-gradient(90deg,rgba(0, 48, 123, 1) 0%, rgba(0, 88, 134, 1) 100%); position:absolute; top:0; left:0; z-index:-1;}
div.survey-result-wrap div.survey-top{padding:5rem 0 4rem 0; gap:2rem 0; margin-bottom:1rem; display:flex;  flex-wrap:wrap; align-items:center; justify-content:space-between;}
div.survey-result-wrap div.survey-top div.survey-tit{color:#fff;}
div.survey-result-wrap div.survey-top div.survey-tit p.t-year{font-size:1.2rem; margin-bottom:1rem;}
div.survey-result-wrap div.survey-top div.survey-tit p.t-course{font-size:2.25rem; font-family:'Pretendard-Bold',sans-serif; word-break:keep-all;}
div.survey-result-wrap div.survey-top div.survey-search{display:Flex; align-items:center; flex-wrap:wrap; justify-content: center; gap:0.5rem;}
div.survey-result-wrap div.survey-top div.survey-search select{max-width:20rem;}
div.survey-result-wrap div.survey-top div.survey-search a.search-btn{padding:0 1.5rem; height:3rem; line-height:3rem; color:#fff; background:var(--color-main03); border-radius:5px; font-family:'Pretendard-Medium',sans-serif;}
div.survey-result-wrap div.survey-mid{margin-bottom:3rem;}
div.survey-result-wrap div.survey-mid div.survey-box{display:flex; gap:4%;}
div.survey-result-wrap div.survey-mid div.survey-box div.box{padding:3rem; width:48%; background:#fff; border:1px solid #ddd; border-radius:2rem 2rem 0 2rem;}
div.survey-result-wrap div.survey-mid div.survey-box div.box p.b-tit{margin-bottom:2rem; font-family:'Pretendard-Medium',sans-serif; font-size:1.2rem;}
div.survey-result-wrap div.survey-mid div.survey-box div.box div.b-con{}
div.survey-result-wrap div.survey-mid div.survey-box div.box.overall-degree div.overall-gauge{position:relative;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.overall-degree div.overall-gauge canvas#gaugeChart{width:100%; height:8rem;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.overall-degree div.overall-gauge div.gauge-value{position:absolute; bottom:0; left:50%; transform:translateX(-50%); text-align:center; color:#777;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.overall-degree div.overall-gauge div.gauge-value p.gauge-num{font-size:1.8rem; font-family:'Pretendard-Bold',sans-serif; color:var(--color-main04);}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.b-con{display:flex; align-items:center; justify-content:space-between;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-doughnut{width:25%; position:relative;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-doughnut canvas#doughnutChart{width:100%; height:100%;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-doughnut div.doughnut-value{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:var(--color-main01); font-family:'Pretendard-Medium',sans-serif;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count{width:70%;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count div.count{background:#eaf2fd; border:1px solid #d1e0fa; border-radius:0.5rem; color:var(--color-main01); padding:1.125rem; display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; justify-content:space-between;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count div.count span.tit{text-wrap:nowrap;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count div.count span.num{font-family:'Pretendard-Bold',sans-serif; font-size:1.1em;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count div.count.all{border:0; color:#777; margin-bottom:0.5rem; background:#f5f5f5;}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count div.count.all span.tit{}
div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count div.count.all span.num{}
div.survey-result-wrap div.survey-bot{}
div.survey-result-wrap div.survey-bot div.each-detail-rating{}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit{display:flex; flex-wrap:wrap; gap:0.8rem; justify-content:space-between; align-items:flex-end; padding-bottom:1rem; border-bottom:1px solid #333;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit h3.tit{font-size:1.8rem; font-family:'Pretendard-Bold',sans-serif;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit ul.rate-base{display:flex; font-size:0.9rem; gap:1rem; align-items:center;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit ul.rate-base li{display:flex; align-items:center; color:#777;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit ul.rate-base li span.rate-cir{display:inline-block; width:0.5rem; height:0.5rem; border-radius:50%; margin-right:4px;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit ul.rate-base li span.rate-cir.cir01{background:#4f46e5;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit ul.rate-base li span.rate-cir.cir02{background:#fbbf24;}
div.survey-result-wrap div.survey-bot div.each-detail-rating div.top-tit ul.rate-base li span.rate-cir.cir03{background:#f87171;}
div.survey-result-wrap div.survey-bot div.each-detail-rating ul.detail-list{}
div.survey-result-wrap div.survey-bot div.each-detail-rating ul.detail-list li{padding:2rem 0; border-bottom:1px solid #ddd;}
div.survey-result-wrap div.survey-bot div.each-detail-rating ul.detail-list li p.s-question{font-family:'Pretendard-SemiBold',sans-serif; margin-bottom:0.5rem; padding-right:3rem;}
div.survey-result-wrap div.survey-bot div.each-detail-rating ul.detail-list li div.s-rating{width:100%; height:1rem; border-radius:50px; position:relative; background:#ededed;}
div.survey-result-wrap div.survey-bot div.each-detail-rating ul.detail-list li div.s-rating span.s-bar{display:inline-block; height:100%; position:absolute; top:0; left:0; border-radius:50px;}
div.survey-result-wrap div.survey-bot div.each-detail-rating ul.detail-list li div.s-rating span.s-num{position:absolute; top:-1.5rem; right:0; color:#777; font-family:'Pretendard-Medium',sans-serif;}



@media screen and (max-width:1024px){

    /* D3200(선배후기) */
    div.stu-review-wrap div.review-box div.box-bot div.review-tit{font-size:1.45rem;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left{width:40%}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right{width:55%}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li{font-size:1.125rem;}


    /***** D3210(취업사례) *****/
    div.employ-case-wrap ul.case-list{gap:3rem 4%;}
    div.employ-case-wrap ul.case-list li{width:48%;}
    div.employ-case-wrap ul.case-list li a{padding:2.5rem;}
    div.employ-case-wrap ul.case-list li a:after{width:2.5rem; height:2.5rem;}
    div.employ-case-wrap ul.case-list li a p.stu-comp{font-size:1.6rem;}
    /* 모달창 */
    div.employ-case-modal div.modal{width:85%;}
    div.employ-case-modal div.modal div.m-head{padding:1.5rem;}
    div.employ-case-modal div.modal div.m-head h3.tit{font-size:1.3rem;}
    div.employ-case-modal div.modal div.m-body{padding:2rem;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.left div.img{height:12rem;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual{margin-bottom:1rem;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual div.qual-box{padding:1.25rem; font-size:0.9rem;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-word p.tit{font-size:1.25rem; margin-bottom:0.5rem;}
    div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li p.tit{font-size:1.25rem; margin-bottom:0.5rem;}
    div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li p.tit span.num{transform:translateY(-4px);}
    div.employ-case-modal div.modal div.m-body section.stu-interview ul.interview li p.con{font-size:1rem;}


    /***** D3300(설문결과) *****/
    div.survey-result-wrap div.survey-mid div.survey-box div.box{padding:2rem;}
    div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-doughnut{width:35%;}
    div.survey-result-wrap div.survey-mid div.survey-box div.box.part-rate div.part-count{width:60%;}

}
@media screen and (max-width:800px){

    /* D3200(선배후기) */
    div.stu-review-wrap div.review-box div.box-top{padding:1.5rem 2rem;}
    div.stu-review-wrap div.review-box div.box-top div.course{gap:0.5rem;}
    div.stu-review-wrap div.review-box div.box-top div.course span.cou-name{font-size:1.6rem;}
    div.stu-review-wrap div.review-box div.box-top div.course span.stu-name{font-size:0.9rem;}
    div.stu-review-wrap div.review-box div.box-top div.suryo span.sur-name{font-size:1rem;}
    div.stu-review-wrap div.review-box div.box-bot div.review-tit{font-size:1.3rem; margin:1rem 0 3rem 0;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con{display:block;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left{width:100%}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left div.stu-img{height:20rem;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right{width:100%}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list{border-top:0;}


    /***** D3210(취업사례) *****/
    div.employ-case-wrap ul.case-list li{border-radius:2rem 2rem 0 2rem;}
    div.employ-case-wrap ul.case-list li a span.stu-name{margin-bottom:2rem; padding:0.8rem 1.5rem; font-size:0.9rem;}
    div.employ-case-wrap ul.case-list li a p.stu-comp{font-size:1.4rem;}
    div.employ-case-wrap ul.case-list li a p.stu-word{font-size:1rem;}
    /* 모달창 */
    div.employ-case-modal div.modal{width:90%;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.left{width:30%;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right{width:65%;}


    /***** D3300(설문결과) *****/
    div.survey-result-wrap div.survey-top{padding:4rem 0 3rem 0; display:block; text-align:center;}
    div.survey-result-wrap div.survey-top div.survey-tit{margin-bottom:3rem;}
    div.survey-result-wrap div.survey-top div.survey-tit p.t-year{font-size:1.125rem;}
    div.survey-result-wrap div.survey-top div.survey-tit p.t-course{font-size:2rem;}
    div.survey-result-wrap div.survey-mid div.survey-box{display:block;}
    div.survey-result-wrap div.survey-mid div.survey-box div.box{width:100%; margin-bottom:1rem;}
    


}
@media screen and (max-width:640px){

    /***** D3210(취업사례) *****/
    div.employ-case-wrap ul.case-list{display:block;}
    div.employ-case-wrap ul.case-list li{width:100%; margin-bottom:2rem;}

    
    /***** D3210(취업사례) *****/
    /* 모달창 */
    div.employ-case-modal div.modal div.m-head h3.tit{font-size:1.2rem;}
    div.employ-case-modal div.modal div.m-head h3.tit span.name{padding:0.6rem 1.2rem; margin-right:0.5rem;}
    div.employ-case-modal div.modal div.m-body section.stu-info{display:block;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.left{width:40%; margin:0 auto; margin-bottom:1.5rem; box-shadow:0 2px 10px rgba(0,0,0,0.2);}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right{width:100%;}


}
@media screen and (max-width:480px){

    /* D3200(선배후기) */
    div.stu-review-wrap div.review-box{border:2rem 2rem 0 2rem;}
    div.stu-review-wrap div.review-box div.box-top{display:block;}
    div.stu-review-wrap div.review-box div.box-top div.course{justify-content:space-between; flex-wrap:wrap;}
    div.stu-review-wrap div.review-box div.box-top div.suryo{margin-top:1.5rem; padding-top:1.5rem; border-top:1px dashed #ddd;}
    div.stu-review-wrap div.review-box div.box-bot div.review-tit{margin:0 0 2rem 0;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-left div.stu-img{height:15rem;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q{padding-right:1.5rem;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q:before{width:11px;}
    div.stu-review-wrap div.review-box div.box-bot div.review-con div.bb-right div.review-qna ul.qna-list li p.qna-Q:after{width:11px;}

    /***** D3210(취업사례) *****/
    /* 모달창 */
    div.employ-case-modal div.modal div.m-body section.stu-info div.left{width:55%;}

    /***** D3300(설문결과) *****/
    div.survey-result-wrap:before{height:30rem;}
    div.survey-result-wrap div.survey-top div.survey-tit p.t-course{font-size:1.8rem;}

}
@media screen and (max-width:320px){

    /***** D3210(취업사례) *****/
    /* 모달창 */
    div.employ-case-modal div.modal div.m-body section.stu-info div.left{width:65%;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual{display:block;}
    div.employ-case-modal div.modal div.m-body section.stu-info div.right div.stu-qual div.qual-box{width:100%; margin-bottom:0.5rem;}


}