@charset "utf-8";

/* 학과소개 B */
.b_intro.lawpadp_bintro .txt_intro{background: url(/images/lawpadp/sub01/sub01_01_img01.jpg) no-repeat right 30px;}
@media(max-width:768px){
	.b_intro.lawpadp_bintro .txt_intro{background: none;}
}
.ui.uit{background-color:transparent;}
.ui.uit .inner{padding: 30px 25px 40px;}
.ui.uit .inner .txtwrap .m-txt em{margin:10px 0 0 15px;width:80%;}
.ui.uit .inner .txtwrap .m-txt{padding:30px 0;margin:0;border-bottom: 1px solid #ddd;}
.ui.uit .inner .txtwrap .m-txt:first-child{padding-top:0px;}
.ui.uit .inner .txtwrap .m-txt:last-child{padding-bottom:0px;border-bottom:0;}
.ui.uit.mintro_num { border: 1px solid #ddd;}

@media(max-width:767px){
.ui.uit .inner .txtwrap .m-txt em{margin:20px 0px;;width:100%}
}


/* 연혁 */
.history_box .list_1st:before{height: 95.5%;}


/* 조직도 */  
.organ.org_2 .org > li:before{ bottom: 140px;}

@media (min-width:767px){
	.organ.org_1 .org .lv2 .group > li > p .t2{height: 82px;}
	.organ.org_2 .org .lv2 .group > li > p .t2{height: 60px;}
	.org .lv2 .group > li.g5 > p:before,.org .lv2 .group > li.g6 > p:before,.org .lv2 .group > li.g7 > p:before,.org .lv2 .group > li.g8 > p:before,.org .lv2 .group > li.g9 > p:before{display: none;}
}


/* sub01_05 졸업 후 진로*/
.ui.uit{background-color:transparent;}
.ui.uit .inner{padding: 30px 25px 40px;}
.ui.uit .inner .txtwrap .m-txt em{width:80%;margin:10px 0 0 15px;}
.ui.uit .inner .txtwrap .m-txt{padding:30px 0;margin:0;border-bottom: 1px solid #ddd;}
.ui.uit .inner .txtwrap .m-txt:first-child{padding-top:0px;}
.ui.uit .inner .txtwrap .m-txt:last-child{padding-bottom:0px;border-bottom:0;}
.ui.uit.mintro_num { border: 1px solid #ddd;}

@media(max-width:767px){
.ui.uit .inner .txtwrap .m-txt em{width:100%;margin:20px 0px;text-align: center;}
}

/*강점 디자인*/
.ui.uit.type8 .inner{padding: 0;}
.ui.uit.type8 .inner .txtwrap .m-txt{float: left;width: 49%;height:250px;padding:40px 40px 60px; margin:0 2% 20px 0; border:1px solid #ddd;background-color:#FBFBFB;}
.ui.uit.type8 .inner .txtwrap .m-txt:nth-of-type(2n){margin-right:0;}
.ui.uit.type8.mintro_num{border:0;}

.ui.uit.type8 .inner .txtwrap .m-txt em,
.ui.uit.type8 .inner .txtwrap .m-txt p
{display: block;width:100%; text-align: center;}
.ui.uit.type8 .inner .txtwrap .m-txt em{margin:0 0 10px;font-size:17px;}

.ui.uit.type8 .inner .txtwrap .num_micon {display: block;float:none; margin: 20px auto;}


.ui.uit .inner .txtwrap .m-txt em.fntcl_bl{color:#1461AC;}


@media(max-width:767px){
.ui.uit.type8 .inner .txtwrap .m-txt{height: 300px; padding:40px 30px 60px;}
}

@media(max-width:500px){
.ui.uit.type8 .inner .txtwrap .m-txt{width:100%; height:auto;margin:0 auto 20px;}   
}



/* sub04_07 동아리 */
 .sub04_07 .ui.uirow {border-top: 0px;}



/*교육목표 01_04*/
#sub01_04 .ttlwrap h3.mjttl{left: 30%;top: auto;padding-top: 65px;}
#sub01_04 .intro_diagram_wrap.nobrdr.pt_0:after, 
#sub01_04 .intro_diagram_wrap.icobg:after {top: 75px;}
#sub01_04 .intro_diagram_wrap .intro_diagram li em {padding: 0 43px 30px 55px;}


/* 진로 sub06_01 */
.career-area{max-width:1400px; margin:0 auto; padding:100px 20px;}

.career-title{text-align:center; margin-bottom:60px;}
.career-title p{margin-bottom:12px; font-size:15px; font-weight:700; color:#2f67d8; letter-spacing:2px;}
.career-title h2{margin-bottom:20px; font-size:42px; font-weight:800; color:#222; line-height:1.3;}
.career-title span{display:block; max-width:700px; margin:0 auto; font-size:17px; line-height:1.8; color:#666;}
.career-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.career-card{padding:32px; border:1px solid #e5eaf3; border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(0,0,0,0.05); transition:all .3s ease;}

.career-card:hover{transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.career-card h3{position:relative; padding-bottom:14px; margin-bottom:18px; font-size:22px; font-weight:700; color:#1f3f82;}
.career-card h3:after{content:''; position:absolute; left:0; bottom:0; width:40px; height:3px; background:#2f67d8;}
.career-card p{margin:0; font-size:16px; line-height:1.8; color:#555; word-break:keep-all;}

/* ==========================  Tablet  ========================== */

@media (max-width:1024px){

    .career-area{padding:80px 20px;}
    .career-grid{grid-template-columns:repeat(2, 1fr);}
    .career-title h2{font-size:34px;}
}

/* ==========================  Mobile  ========================== */

@media (max-width:768px){

    .career-area{padding:60px 15px;}
    .career-grid{grid-template-columns:1fr; gap:16px;}
    .career-title h2{font-size:28px;}
    .career-title span{font-size:15px;}
    .career-card{padding:24px;}
    .career-card h3{font-size:20px;}
    .career-card p{font-size:15px;}
}

/* 동아리 sub05_06 */
/* ==========================
   CLUB
========================== */

.club-area{
    max-width:1400px;
    margin:0 auto;
    padding:100px 20px;
}

.club-title{
    text-align:center;
    margin-bottom:70px;
}

.club-title p{
    margin-bottom:12px;
    font-size:15px;
    font-weight:700;
    color:#2f67d8;
    letter-spacing:2px;
}

.club-title h2{
    margin-bottom:20px;
    font-size:42px;
    font-weight:800;
    color:#222;
}

.club-title span{
    display:block;
    max-width:700px;
    margin:0 auto;
    font-size:17px;
    line-height:1.8;
    color:#666;
}

.club-list{
    display:flex;
    flex-direction:column;
    gap:30px;
}

.club-item{
    display:flex;
    align-items:stretch;
    border:1px solid #e6eaf1;
    border-radius:20px;
    overflow:hidden;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}

.club-name{
    width:280px;
    min-width:280px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,#2f67d8,#5f8fff);
}

.club-name h3{
    margin:0;
    color:#fff;
    font-size:34px;
    font-weight:800;
    letter-spacing:1px;
}

.club-content{
    flex:1;
    padding:20px;
}

.club-content p{
    margin:0 0 15px;
    font-size:14px;
    line-height:1.9;
    color:#555;
    word-break:keep-all;
}

.club-content p:last-child{
    margin-bottom:0;
}

/* ==========================
   Tablet
========================== */

@media (max-width:1024px){

    .club-name{
        width:220px;
        min-width:220px;
    }

    .club-name h3{
        font-size:28px;
    }

    .club-content{
        padding:30px;
    }
}

/* ==========================
   Mobile
========================== */

@media (max-width:768px){

    .club-area{
        padding:60px 15px;
    }

    .club-title h2{
        font-size:30px;
    }

    .club-title span{
        font-size:15px;
    }

    .club-item{
        flex-direction:column;
    }

    .club-name{
        width:100%;
        min-width:auto;
        padding:25px 20px;
    }

    .club-name h3{
        font-size:26px;
    }

    .club-content{
        padding:25px;
    }

    .club-content p{
        font-size:15px;
        line-height:1.8;
    }
}

/* =================================================
   산학협력(MOU) 기관
================================================= */

.mou-page {
    width: 100%;
    color: #222;
    font-family:
        "Pretendard",
        "Noto Sans KR",
        "Malgun Gothic",
        sans-serif;
}

.mou-page,
.mou-page * {
    box-sizing: border-box;
}

.mou-page .mou-section {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 60px 20px 100px;
}

/* 제목 및 소개 */
.mou-page .mou-heading {
    margin-bottom: 48px;
    text-align: center;
}

.mou-page .mou-heading h2 {
    margin: 0 0 22px;
    padding: 0;
    color: #111;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.04em;
}

.mou-page .mou-heading p {
    max-width: 780px;
    margin: 0 auto;
    padding: 0;
    color: #555;
    font-size: 17px;
    line-height: 1.9;
    letter-spacing: -0.025em;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 기관 목록: 한 줄 4개, 남은 항목 가운데 정렬 */
.mou-page .mou-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

/*
   오른쪽 여백을 -1px로 지정해
   이웃한 카드의 세로 테두리를 겹칩니다.
*/
.mou-page .mou-item {
    display: flex;
    flex: 0 0 25%;
    flex-direction: column;
    min-width: 0;
    margin: 0 -1px 0 0;
    padding: 0;
    border: 1px solid #222;
    background: #fff;
    list-style: none;
}

/* 공통 목록 장식 제거 */
.mou-page .mou-list > .mou-item::before,
.mou-page .mou-list > .mou-item::after {
    content: none;
}

/* 로고 */
.mou-page .mou-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 230px;
    padding: 25px 20px;
    background: #fff;
}

.mou-page .mou-logo img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 180px;
    margin: 0;
    object-fit: contain;
}

/* 기관명 */
.mou-page .mou-name {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    min-height: 68px;
    margin: 0;
    padding: 10px 8px;
    border-top: 1px solid #222;
    color: #111;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

/* 태블릿: 한 줄 2개 */
@media (max-width: 900px) {
    .mou-page .mou-section {
        padding: 50px 20px 80px;
    }

    .mou-page .mou-heading {
        margin-bottom: 38px;
    }

    .mou-page .mou-heading h2 {
        font-size: 28px;
    }

    .mou-page .mou-heading p {
        font-size: 16px;
        line-height: 1.8;
    }

    .mou-page .mou-list {
        row-gap: 24px;
    }

    .mou-page .mou-item {
        flex-basis: 50%;
    }

    .mou-page .mou-logo {
        height: 220px;
        padding: 25px;
    }

    .mou-page .mou-logo img {
        max-height: 165px;
    }
}

/* 모바일 */
@media (max-width: 640px) {
    .mou-page .mou-section {
        padding: 40px 16px 65px;
    }

    .mou-page .mou-heading {
        margin-bottom: 30px;
    }

    .mou-page .mou-heading h2 {
        margin-bottom: 16px;
        font-size: 25px;
    }

    .mou-page .mou-heading p {
        font-size: 15px;
        line-height: 1.75;
    }

    .mou-page .mou-logo {
        height: 180px;
        padding: 20px 15px;
    }

    .mou-page .mou-logo img {
        max-height: 140px;
    }

    .mou-page .mou-name {
        min-height: 66px;
        padding: 10px 6px;
        font-size: 14px;
    }
}

/* 작은 모바일: 한 줄 1개 */
@media (max-width: 420px) {
    .mou-page .mou-item {
        flex-basis: 100%;
        margin-right: 0;
    }

    .mou-page .mou-logo {
        height: 210px;
        padding: 25px;
    }

    .mou-page .mou-logo img {
        max-height: 160px;
    }

    .mou-page .mou-name {
        min-height: 62px;
        font-size: 15px;
    }
}