@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

.pagecommon{padding:0 50px;font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}

/* 학과소개 */
#p35 .img_box{width:850px;height:390px;background:url('/sh_page/img/p35_img.jpg') no-repeat center / cover}
#p35 .txt_box{width:calc(100% - 80px);margin:-80px 0 0 80px;padding:83px 70px 0;background-color:#fff}
#p35 .txt_box b{display:block;margin-bottom:60px;font-size:35px;line-height:1.3;color:#111}
#p35 .txt_box p{position:relative;padding-left:80px}
#p35 .txt_box p:before{position:absolute;left:0;top:5px;content:'';width:30px;height:1px;background:#e1e1e1}

/* 학과장 인사말 */
#p37 .top_txt span{display:block;margin-bottom:27px;font-weight:700;color:var(--primary2)}
#p37 .top_txt b{display:block;font-size:35px;line-height:1.3;color:#111}
#p37 .flex_box{display:flex;align-items:flex-start;gap:70px;margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1}
#p37 .flex_box img{flex-shrink:0}
#p37 .flex_box>div{width:100%}
#p37 .flex_box>div b{display:block;font-size:23px;line-height:1.45;font-weight:600;color:#111}
#p37 .flex_box>div .pl:before{display:block;content:'';width:30px;height:1px;margin:32px 0;background:#e1e1e1}
#p37 .flex_box>div .sign{margin-top:54px;text-align:right;font-weight:600;color:#333}
#p37 .flex_box>div .sign span{margin-left:15px;font-size:35px;font-weight:normal;color:#111;font-family:'KimJeongCheolHandwriting'}

/* 졸업준비위원회 */
#p39 .box_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#p39 .box_list dl{padding:25px 15px;border:1px solid #e1e1e1;border-radius:15px;text-align:center}
#p39 .box_list dl dt{font-size:20px;font-weight:700;color:#111}
#p39 .box_list dl dt img{display:block;margin:0 auto 8px}
#p39 .box_list dl dd{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:13px;padding-top:15px;border-top:1px solid rgba(000,000,000,.1)}
#p39 .box_list dl dd p{width:calc(100%/3 - 6.7px);padding:5px 0;border-radius:5px;font-weight:500;color:#333;background-color:#f5f5f5}

/* 수상실적 */
#p41 .prize_box{display:grid;grid-template-columns:repeat(2,1fr);width:calc(100% - 100px);margin:-60px auto 0;background-color:#fff}
#p41 .prize_box dl{padding:30px;border-bottom:1px dashed #e1e1e1}
#p41 .prize_box dl:nth-child(2n){border-left:1px dashed #e1e1e1}
#p41 .prize_box dl:nth-child(13), #p41 .prize_box dl:nth-child(14){border-bottom:1px solid #e1e1e1}
#p41 .prize_box dl dt{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:1px solid #e1e1e1;font-size:17px;font-weight:700;color:#111}
#p41 .prize_box dl dd{position:relative;padding-left:50px;margin-top:20px;font-weight:500;color:#444}
#p41 .prize_box dl dd:before{position:absolute;left:25px;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:var(--primary)}
#p41 .img_box{width:100%;height:340px;background:url('/sh_page/img/p41_img.jpg') no-repeat left center / cover}

@media (max-width:1380px){
.pagecommon{padding:0}
#p35 .txt_box p{max-width:750px;white-space:normal}
#p37 .flex_box{gap:50px}
#p37 .flex_box img{width:440px}
}
@media (max-width:1024px){
#p35 .img_box{width:100%;height:300px}
#p35 .txt_box{width:calc(100% - 50px);margin-left:50px;padding:60px 50px 0}
#p35 .txt_box b{margin-bottom:50px;font-size:30px}
#p37 .top_txt b{font-size:30px}
#p37 .top_txt span{margin-bottom:20px}
#p37 .flex_box{gap:40px;margin-top:40px;padding-top:45px}
#p37 .flex_box img{width:350px}
#p37 .flex_box>div b{font-size:18px}
#p37 .flex_box>div .pl{white-space:normal}
#p37 .flex_box>div .pl:before{margin:25px 0}
#p37 .flex_box>div .sign{margin-top:45px}
#p37 .flex_box>div .sign span{font-size:30px}
#p39 .box_list{gap:15px}
#p39 .box_list dl dd p{width:calc(100%/2 - 5px)}
#p41 .img_box{height:300px}
#p41 .prize_box{width:calc(100% - 60px)}
#p41 .prize_box dl{padding:25px}
#p41 .prize_box dl dt{width:65px;height:65px}
#p41 .prize_box dl dd{padding-left:15px}
#p41 .prize_box dl dd:before{top:10px;left:0;width:3px;height:3px}
}
@media (max-width:768px){
.pagecommon{font-size:15px}
#p35 .img_box{height:220px}
#p35 .txt_box{width:calc(100% - 30px);margin:-60px 0 0 30px;padding:60px 40px 0}
#p35 .txt_box b{font-size:25px}
#p35 .txt_box p{padding-left:60px}
#p37 .top_txt b{font-size:25px}
#p37 .flex_box{flex-flow:column}
#p37 .flex_box img{width:100%}
#p37 .flex_box>div .pl{white-space:pre-line}
#p37 .flex_box>div .sign span{font-size:25px}
#p39 .box_list{grid-template-columns:repeat(2,1fr)}
#p39 .box_list dl dt{font-size:18px}
#p41 .img_box{height:220px}
#p41 .prize_box{grid-template-columns:repeat(1,1fr);width:calc(100% - 30px);margin-top:-50px}
#p41 .prize_box dl:nth-child(2n){border-left:none}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
#p35 .img_box{height:180px}
#p35 .txt_box{width:100%;margin:0;padding:45px 15px 0}
#p35 .txt_box b{margin-bottom:35px;font-size:23px}
#p35 .txt_box p{padding-left:50px}
#p35 .txt_box p:before{width:25px}
#p37 .top_txt b{font-size:23px}
#p37 .top_txt span{margin-bottom:15px}
#p37 .flex_box{gap:30px;margin-top:25px;padding-top:30px}
#p37 .flex_box>div b{font-size:16px}
#p37 .flex_box>div .pl{white-space:normal}
#p37 .flex_box>div .sign{margin-top:35px}
#p39 .box_list{gap:10px}
#p39 .box_list dl{padding:20px 10px}
#p39 .box_list dl dt{font-size:16px}
#p39 .box_list dl dt img{height:25px}
#p39 .box_list dl dd{gap:5px;margin-top:10px;padding-top:10px}
#p39 .box_list dl dd p{width:calc(100%/2 - 2.5px)}
#p41 .img_box{height:180px}
#p41 .prize_box{margin-top:-40px}
#p41 .prize_box dl{padding:20px}
#p41 .prize_box dl dt{width:60px;height:60px;font-size:16px}
}
@media (max-width:380px){
#p35 .img_box{height:140px}
#p35 .txt_box{padding:35px 15px 0}
#p35 .txt_box b{margin-bottom:25px;font-size:20px}
#p35 .txt_box p{padding-left:0}
#p35 .txt_box p:before{display:block;position:initial;margin-bottom:25px}
#p37 .top_txt b{font-size:20px}
#p37 .flex_box>div .sign{margin-top:25px}
#p37 .flex_box>div .sign span{font-size:23px}
#p39 .box_list dl dd p{width:100%}
#p41 .prize_box dl{padding:15px}
#p41 .prize_box dl dt{width:55px;height:55px;font-size:15px}
#p41 .prize_box dl dd{margin-top:15px}
}