@charset "utf-8";


h5.cStyle { margin: 24px 0 16px; line-height: 1.5; font-size: 18px; color: #333; font-weight: 700; }


.point_01 { color: #6a0005 !important; }
.point_02 { color: #0a326f !important; }

.linkBtn { margin-top: 24px; }
.linkBtn a { display: inline-flex; border-radius: 5px; background: #990e17; }
.linkBtn a:after { content: ''; display: block; width: 50px; aspect-ratio: 1; border: 1px solid #990e17; border-radius: 0 5px 5px 0; background: #fff url(../images/ico/ico-ex-link.png) no-repeat calc(50% + 1px) calc(50% - 1px); }
.linkBtn a span { flex: 1; display: flex; align-items: center; padding: 0 24px 0 18px; font-size: 16px; color: #fff; font-weight: 400; }

.dotType li { position: relative; padding-left: 28px; line-height: 1.5; }
.dotType li:before { content: ''; position: absolute; top: 4px; left: 0; width: 18px; aspect-ratio: 1; background: url(../images/sub/sub_page_dot_type2.png) no-repeat center / 100%; }
.dotType li + li { margin-top: 4px; }

.downloadBtn {}
.downloadBtn ul { display: flex; gap: 14px; }
.downloadBtn ul li { width: calc(20% - calc(56px / 5)); }
.downloadBtn ul li a { display: flex; align-items: center; padding: 12px 20px; min-height: 55px; font-size: 16px; color: #666; font-weight: 500; border: 2px solid #ddd; border-radius: 8px; background: #f4f4f4; transition: all .3s; }
.downloadBtn ul li a:after { content: ''; display: block; width: 23px; height: 22px; background: url(../images/ico/ico-download.png) no-repeat center / 100%; }
.downloadBtn ul li a span { flex: 1; }
.downloadBtn ul li a:hover { color: #fff; border-color: #666; background: #666; }
.downloadBtn ul li a:hover:after { background-image: url(../images/ico/ico-download-w.png); }


@media (max-width: 767px) {
    .linkBtn a:after { width: 45px; background-size: 18px; }
    .linkBtn a span { font-size: 15px; }
}




/* box type */
/* 01 */
.box_type_01 { border: 10px solid #ddd; }
.box_type_01.flex { display: flex; gap: 48px; }
.box_type_01.borderNone { border: none; }
.box_type_01:not(.flex) { padding: 40px; }

.box_type_01 p.desc { line-height: 1.5; font-size: 20px; color: #666; font-weight: 700; }

.box_type_01 .img img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.box_type_01 .txt { flex: 1; display: flex; flex-direction: column; justify-content: center; padding: 32px 48px 32px 0; background: none; }
.box_type_01 .txt h4 { margin-bottom: 16px; line-height: 1.4; font-size: 26px; color: #333; font-weight: 700; }
.box_type_01 .txt p { line-height: 1.5; font-size: 16px; color: #666; font-weight: 400; }

.box_type_01[class*=point_] { position: relative; }
.box_type_01.point_01:before { content: ''; position: absolute; top: 0; right: 0; width: 50px; aspect-ratio: 1; border-top: 10px solid #990e17; border-right: 10px solid #990e17; box-sizing: border-box; }
.box_type_01.point_02:before { content: ''; position: absolute; top: 0; left: 0; width: 50px; aspect-ratio: 1; border-top: 10px solid #0a326f; border-left: 10px solid #0a326f; box-sizing: border-box; }
.box_type_01:not(.borderNone).point_01:before { top: -10px; right: -10px; }
.box_type_01:not(.borderNone).point_02:before { top: -10px; left: -10px; }
.box_type_01.bgImg { background: url(../images/sub/symbol-image.png) no-repeat calc(100% + 100px) calc(100% + 20px); }
.box_type_01.bgCol { background-color: #f7f7f7; }

.box_type_01 .bul_dot { margin-top: 24px; }
.box_type_01 .bul_dot li { position: relative; padding-left: 10px; line-height: 1.5; font-size: 16px; color: #333; font-weight: 400; }
.box_type_01 .bul_dot li + li { margin-top: 8px; }
.box_type_01 .bul_dot li:before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; aspect-ratio: 1; background: #990e17; }



@media (max-width: 1200px) {
    .box_type_01:not(.flex) { padding: 32px; }

    .box_type_01 p.desc { font-size: 18px; }
}
@media (max-width: 1024px) {
    .box_type_01.flex { flex-direction: column; gap: 32px; }
    .box_type_01 .txt { padding: 0 32px 32px; }
}
@media (max-width: 767px) {
    .box_type_01 { border-width: 8px; }
    .box_type_01:not(.flex) { padding: 24px; }

    .box_type_01 p.desc { font-size: 16px; }

    .box_type_01 .txt { padding: 0 24px 40px; }
    .box_type_01 .txt h4 { font-size: 24px; }
    .box_type_01 .txt p { font-size: 15px; }

    .box_type_01.point_01:before { top: -8px; right: -8px; width: 40px; border-width: 8px; }
    .box_type_01.point_02:before { top: -8px; left: -8px; width: 40px; border-width: 8px; }

    .box_type_01 .bul_dot li { font-size: 15px; }
    .box_type_01 .bul_dot li:before { top: 10px; }
}
@media (max-width: 600px) {
    .box_type_01 p.desc { font-size: 15px; }

    .box_type_01.bgImg { background-position: calc(100% + 15vw) calc(100% + 3vw); background-size: 55vw; }
}
@media (max-width: 424px) {
    .box_type_01 .txt { padding: 0 20px 32px; }
    .box_type_01 .txt h4 { font-size: 22px; }
    .box_type_01 .txt p { font-size: 14px; }
}
@media (max-width: 374px) {
    .box_type_01 .txt h4 { font-size: 20px; }
}



/* 02 */
.box_type_02 { background: #f7f7f7; }
.box_type_02.ico { display: flex; align-items: center; gap: 35px; padding: 40px 45px; }
.box_type_02.ico .ico { display: flex; align-items: center; justify-content: center; padding: 20px; width: 110px; aspect-ratio: 1; background: #0a326f; border-radius: 50%; }
.box_type_02.ico .ico img { max-width: 100%; }
.box_type_02.ico .ico.intro_01_05 img { transform: translate(3px, -3px); }
.box_type_02.ico .ico.intro_01_06 img { transform: translateX(4px); }
.box_type_02.ico .ico.grad_02 img { transform: translateX(-4px); }
.box_type_02.ico .txt { flex: 1; padding: 20px 35px 20px 0; background: none; }
.box_type_02.ico .txt p {  line-height: 1.5; font-size: 16px; color: #666; font-weight: 400; letter-spacing: -0.6px; }


@media (max-width: 1024px) {
    .box_type_02.ico { padding: 32px; }
}
@media (max-width: 600px) {
    .box_type_02.ico { display: block; }
    .box_type_02.ico .ico { margin: 0 auto; }
    .box_type_02.ico .txt { margin-top: 24px; padding: 0; }
}







/* 교육체계도 */
.diagram { padding: 60px 120px 80px; }
.diagram .top {position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;margin: 0 auto;width: 210px;aspect-ratio: 1;line-height: 1.5;font-size: 18px;color: #fff;font-weight: 700;border: 18px solid #afbcce;border-radius: 50%;background: #0a326f;transform: translateX(-1px);z-index: 1;}
.diagram .top:before {content: '';position: absolute;bottom: 50%;left: 0;width: 17px;aspect-ratio: 1;border: 4px solid #fff;border-radius: 50%;background: #0a326f;transform: translate(-50%, 50%);box-sizing: border-box;}
.diagram .top:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 17px; aspect-ratio: 1; border: 4px solid #fff; border-radius: 50%; background: #0a326f; transform: translate(-50%, 50%); box-sizing: border-box; }
.diagram .top span { display: block; margin-top: 4px; font-size: 16px; color: #fff; font-weight: 500; }

.diagram .items {position: relative;display: flex;justify-content: space-between;gap: 65px;margin-top: 145px;}
.diagram .items:after {content: '';position: absolute;background: #bbb;bottom: calc(100% + 84px);left: 50%;width: calc(33.3333% + 23px);height: 2px;}
.diagram .items > li {flex: 1;position: relative;}
.diagram .items > li:before {content: '';position: absolute;top: 0;left: 50%;width: 17px;aspect-ratio: 1;border: 4px solid #fff;border-radius: 50%;background: #0a326f;transform: translate(-50%, -50%);box-sizing: border-box;z-index: 1;}
.diagram .items > li:after { content: ''; position: absolute; background: #bbb; }
.diagram .items > li:nth-child(1):after {bottom: 100%;left: 50%;width: calc(100% + 65px);height: calc(100% + 35px);background: transparent;border-top: 2px solid #bbb;border-left: 2px solid #bbb;}
.diagram .items > li:nth-child(2):after {bottom: 100%;left: 50%;width: 2px;height: 146px;}
.diagram .items > li:nth-child(3):after {bottom: 100%;left: 50%;width: 2px;height: 78px;transform: translate(-50%, -8px);}
.diagram .items > li h5 { display: flex; align-items: center; justify-content: center; height: 85px; line-height: 1.5; font-size: 18px; color: #fff; font-weight: 700; text-align: center; background: #0a326f; border-radius: 10px 10px 0 0; }
.diagram .items > li .bul_dot { display: flex; flex-direction: column; justify-content: center; padding: 20px; min-height: 120px; border: 1px solid #dadade; border-radius: 0 0 10px 10px; background: #fff; }
.diagram .items > li .bul_dot li { position: relative; padding-left: 10px; line-height: 1.5; font-size: 16px; color: #333; font-weight: 500; }
.diagram .items > li .bul_dot li:before { content: ''; position: absolute; top: 12px; left: 0; width: 3px; aspect-ratio: 1; background: #333; border-radius: 50%; }
.diagram .items > li .bul_dot li + li { margin-top: 8px; }

@media (max-width: 1400px) {
    .diagram { padding: 60px 80px 80px; }
}
@media (max-width: 1200px) {
    .diagram { padding: 48px 40px 64px; }
}
@media (max-width: 1024px) {
    .diagram { padding: 40px 32px; }
    .diagram .top { width: 190px; }
    .diagram .top:before,
    .diagram .top:after { display: none; }

    .diagram .items { display: block; margin-top: 40px; }
    .diagram .items:after { display: none; }
    .diagram .items > li:before { display: none; }
    .diagram .items > li:after { display: none; }
    .diagram .items > li + li { margin-top: 20px; }
    .diagram .items > li h5 { padding: 16px 20px; height: auto; font-size: 16px; }
    .diagram .items > li .bul_dot { min-height: auto; }
    .diagram .items > li .bul_dot li { font-size: 15px; }
}




.tbl_standard_type1 td { padding: 35px 30px; }
.tbl_standard_type1 .strong_blue { font-size: 1.125rem; color: #1b4d8c; font-weight: 600; }



/* 찾아오시는길 */
.map_route .top { padding: 35px; background-color: #f4f4f4; }
.map_route .top .add > li { display: flex; }
.map_route .top .add > li:not(:last-child) { margin-bottom: 15px; }
.map_route .top .add > li .tit { flex-shrink: 0; position: relative; width: 135px; margin-right: 25px; padding-left: 43px; color: #333; font-weight: 500; }
.map_route .top .add > li .tit::before { content: ''; position: absolute; top: 2px; left: 0; display: block; width: 19px; height: 20px; background: url() no-repeat center; }
.map_route .top .add > li .adr::before { background-image: url(/resources/user/_common/_layout/type_a_7_sub/img/sub/map_icon01.png); }
.map_route .top .add > li .fax::before { background-image: url(/resources/user/khu_type5/sub_contents/fax_icon.png); }
.map_route .top .add > li .tel::before { background-image: url(/resources/user/_common/_layout/type_a_7_sub/img/sub/map_icon02.png); }
.map_route .top .add > li .mail::before { background-image: url(/resources/user/_common/_layout/type_a_7_sub/img/sub/map_icon03.png); }
.map_route .top .add > li .tit::after { content: ''; position: absolute; top: 6px; right: 0; display: block; width: 1px; height: 14px; background-color: #aaa; }


@media (max-width: 480px) {
    .map_route .top .add > li { flex-wrap: wrap; row-gap: 15px; }
    .map_route .top .add > li > * { width: 100%; }
}





/* 연혁 */
.histroryWrap { display: flex; }
.histroryWrap .left { width: 380px; transition: all .3s; }
.histroryWrap .left h4 { line-height: 1.4; font-size: 32px; color: #6a0005; font-weight: 700; }
.histroryWrap .left h4 span { display: block; font-weight: 400; text-transform: uppercase; }

.histroryWrap .right { flex: 1; background: url(../images/sub/symbol-image-2.png) no-repeat calc(100% - 10px) calc(100% - 20px); }
.histroryWrap .right > div { display: flex; padding: 35px 0 36px; border-bottom: 1px dashed #bfbfbf; }
.histroryWrap .right > div:first-child { padding-top: 0; }
.histroryWrap .right h5 { width: 115px; font-size: 28px; color: #990e17; font-weight: 700; }
.histroryWrap .right ul { flex: 1; margin-top: 6px; }
.histroryWrap .right ul li { position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; gap: 14px; padding-left: 15px; }
.histroryWrap .right ul li:before { content: ''; position: absolute; top: 13px; left: 0; width: 5px; aspect-ratio: 1; background: #666; border-radius: 50%; }
.histroryWrap .right ul li + li { margin-top: 14px; }
.histroryWrap .right ul li span { display: flex; align-items: center; gap: 10px; line-height: 28px; font-size: 20px; color: #666; font-weight: 700; }
.histroryWrap .right ul li span[class*=cate_]:after { content: ''; display: block; width: 66px; height: 28px; line-height: 28px; font-size: 15px; color: #fff; font-weight: 500; text-align: center; letter-spacing: -0.4px; background: #454545; border-radius: 200px; }
.histroryWrap .right ul li span[class=cate_01]:after { content: '전체'; }
.histroryWrap .right ul li span[class=cate_02]:after { content: '학부'; background: #999; }
.histroryWrap .right ul li span[class=cate_03]:after { content: '대학원'; background: #666; }
.histroryWrap .right ul li p { flex: 1; line-height: 28px; font-size: 20px; color: #666; font-weight: 400; letter-spacing: -0.2px; }


@media (max-width: 1400px) {
    .histroryWrap .left { width: 300px; }
}
@media (max-width: 1200px) {
    .histroryWrap { display: block; }
    .histroryWrap .left { width: 100%; transition: none; }
    .histroryWrap .left h4 { font-size: 30px; }
    .histroryWrap .left h4 span { display: inline-block; margin-left: 8px; }

    .histroryWrap .right { margin-top: 40px; }
}
@media (max-width: 767px) {
    .histroryWrap .left h4 { font-size: 28px; }

    .histroryWrap .right { margin-top: 32px; }
    .histroryWrap .right > div { display: block; }
    .histroryWrap .right h5 { width: 100%; font-size: 24px; }
    .histroryWrap .right ul { margin-top: 16px; }
    .histroryWrap .right ul li span { line-height: 26px; font-size: 16px; }
    .histroryWrap .right ul li span[class*=cate_]:after { height: 26px; line-height: 26px; font-size: 14px; }
    .histroryWrap .right ul li p { line-height: 26px; font-size: 16px; }
}
@media (max-width: 600px) {
    .histroryWrap .right > div { padding: 24px 0; }
    .histroryWrap .right ul li { display: block; }
    .histroryWrap .right ul li + li { margin-top: 20px; }
    .histroryWrap .right ul li p { margin-top: 2px; }
}
@media (max-width: 424px) {
    .histroryWrap .left h4 { font-size: 26px; }

    .histroryWrap .right { background-size: 40vw; background-position: right calc(100% - 10px); }
    .histroryWrap .right h5 { font-size: 22px; }
}
@media (max-width: 374px) {
    .histroryWrap .right { background-size: 45vw; }
    .histroryWrap .right ul li { padding-left: 12px; }
    .histroryWrap .right ul li:before { top: 12px; }
    .histroryWrap .right ul li span { font-size: 14px; }
    .histroryWrap .right ul li p { font-size: 14px; }
}