#ctt{
    margin: 0!important; padding: 0!important;
    box-shadow: none!important;
}

#ctt_con{
    padding: 0!important;
    box-shadow: none!important;
}

p{
    word-spacing: -0.175rem;
    text-align: justify;
}

/* 메인페이지 학사공지 부분 */
.basic-latest .tab-content .basic-subj{
    width:100%!important;
    padding:0!important;
}


@media (max-width:991px){.board-list{margin-top: 90px;}}

/* 공통으로 숨길 태그들 */
.ol-before,
.ol-after .profile .photo,
.ol-after .profile .toggle,
.ol-after .profile .links,
.ol-after .profile .info .position{display:none!important;}
.ol-after .profile .cover{
    height:45px!important;
    background: #1d406c!important;
}
.ol-after .profile .info .name{color:#fff!important;}



.thn-end li{ font-family: 'Oswald', 'Noto Sans KR', sans-serif; }
.thn-end li b{ color: #4698ae; }

.offcanvas-title{display: flex; align-items: center;}
.offcanvas-title i{ margin-right: 13px!important; }
.offcanvas-title span{ font-family: oswald; line-height: 1; color:#fff; }

@media (max-width:991px){
    .page-title-wrap,
    .basic-body{margin:64px 0 0;}
    .page-title-wrap{position: fixed; z-index: 1;} 
}


@media (min-width:992px) {
    .top-header {
        display:none!important;
    }
    .ctt_introduction,
    .ctt_industrial_design,
    .ctt_interactivemedia,
    .ctt_jewelryfashion,
    .ctt_communication_design{
        position: absolute;
        top: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        margin: 0!important;
        min-height: 100%;
    }
}



.footer-conbox{
    flex:1;
    font-size: 14px;
    padding: 15px 50px;
    margin: 0 auto 0;
    color:#cbcbcb;
}
.footer-conbox-right{
    border-left: 1px solid #cbcbcb;
}
.footer-conbox img{height: 60px; margin-bottom:10px;}
.footer-conbox-right img{height: 35px;}


/* 공통 */
.scroll-tabs,.member-info-wrap,.ranking-box,.popular-box{display:none!important}

.ctt_admin{
    position: absolute;
    top: 0;
    z-index: 9999;
    right: 0;
}

.m_tit{
    display: none;
    position: absolute;
    top: 10px;
    left: 45px;
}
.m_tit img{height: 47px;}

@media (max-width:991px){
    .top-header{background-color: rgb(1 15 34 / 90%);}
    .thn-start{display:none;}
    .top-header .thn-end>li{display: none;}
    .top-header .thn-end>li:nth-child(1){display: block;}

    .m_tit{display: inline-block;}



    .offcanvas .thn-end{border: none; float:none;}
    /* .offcanvas .thn-end li:last-child{display: none;} */
    .offcanvas .thn-end li{float:none;}
    .offcanvas .thn-end li a{height: 45px; line-height:45px;}
    .offcanvas .thn-end li a i{color:#fff; margin-right:10px;}
}



/* 메인 */
.main_banner_box1{
}
.main_banner_box1 ul{
    display: table;
    width: 100%;
}
.main_banner_box1 li{
    float: left;
    width: 32%;
    background-color: #ddd;
    border-radius: 4px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: 0.5s;
    margin-bottom:2%;
}
.main_banner_box1 li:nth-child(2),
.main_banner_box1 li:nth-child(5){
    margin-right:2%;
    margin-left:2%;
}
.main_banner_box1 li.ban_commu{background-image: url(../../../hyd/ban_commu.png);}
.main_banner_box1 li.ban_media{background-image: url(../../../hyd/ban_media.png);}
.main_banner_box1 li.ban_indus{background-image: url(../../../hyd/ban_indus.png);}
.main_banner_box1 li.ban_fashion{background-image: url(../../../hyd/ban_fashion.png);}
.main_banner_box1 li.ban_md{background-image: url(../../../hyd/ban_md.png);}
.main_banner_box1 li.ban_convergence{background-image: url(../../../hyd/ban_convergence.png);}

.main_banner_box1 li:hover{background-size: 120%;}
.main_banner_box1 a{
    padding: 15px 10px;
    display: inline-block;
    width: 100%;
    min-height:200px;
    background: rgba(0,0,0,0.35);
    position:relative;
}
.main_banner_box1 a:hover{
    color:inherit;
    opacity: 0.25;
}
.main_banner_box1 h3{
    font-family: 'Oswald', 'Noto Sans KR', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 0.9;
}
.main_banner_box1 li.t_1 h3{color: #4698ae;}
.main_banner_box1 li.t_2 h3{color: #ee655d;}
.main_banner_box1 li.t_3 h3{color: #307dc5;}
.main_banner_box1 span{
    display: block;
    color: #fff;
}
.main_banner_box1 h4{
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: right;
    /* margin: 0.5em 0 0; */
    color: #fff;
    position:absolute;
    right:1em;
    bottom:1em;
}

/* .main_banner_box1 li:nth-child(even){
    margin:0 2% 2% 0;
} */
/* .main_banner_box1 li:first-child,
.main_banner_box1 li:last-child{
    width:100%;
    margin:0 0 2%;
} */

.footer-conbox-left b{display:inline-block; margin:0 1em;}

@media (max-width:767px){
    .main_banner_box1 li{
        width:100%;
        margin:0 0 2%!important;
    }
    .main_banner_box1 a{min-height:0; padding-bottom: 2.5em;}
    .footer-cont-wrap{flex-direction: column;}
    .footer-conbox{padding-top:0;padding-bottom:0;}
    .footer-conbox-left{width:100%; padding-left:3%;}
    .footer-conbox-left b{display:none;}
    .footer-conbox-left span{display:block;}
    .footer-conbox-right{border:none; width:100%; padding:3px 0 15px 3%;}
    .footer-conbox-right img{display:none;}
}




/* 전공소개 */
    /* 디자인계열 */
    .design_wrap .tit_img{ background-image: url(../../../hyd/tit_design.png); }

    /* 산업디자인학과 */
    .industrial_design_wrap .tit_img{background-image: url(../../../hyd/tit_indus.png);}
    .industrial_design_wrap .major_detail li:nth-child(1){background-image: url(../../../hyd/indust-sub-bg1.png);}
    .industrial_design_wrap .major_detail li:nth-child(2){background-image: url(../../../hyd/indust-sub-bg2.png);}
    .industrial_design_wrap .major_detail li:nth-child(3){background-image: url(../../../hyd/indust-sub-bg3.png);}
    .industrial_design_wrap .major_detail li:nth-child(4){background-image: url(../../../hyd/indust-sub-bg4.png);}
    .industrial_design_wrap .major_detail li:nth-child(5){background-image: url(../../../hyd/indust-sub-bg5.png);}

    /* 커뮤니케이션학과 */
    .communication_design_wrap .tit_img{background-image: url(../../../hyd/tit_commu.png);}
    .communication_design_wrap .major_detail li:nth-child(1){background-image: url(../../../hyd/commu-sub-bg1.png);}
    .communication_design_wrap .major_detail li:nth-child(2){background-image: url(../../../hyd/commu-sub-bg2.png);}
    .communication_design_wrap .major_detail li:nth-child(3){background-image: url(../../../hyd/commu-sub-bg3.png);}
    .communication_design_wrap .major_detail li:nth-child(4){background-image: url(../../../hyd/commu-sub-bg4.png);}
    .communication_design_wrap .major_detail li:nth-child(5){background-image: url(../../../hyd/commu-sub-bg5.png);}

    /* 주얼리패션학과 */
    .jewelryfashion_design_wrap .tit_img{background-image: url(../../../hyd/tit_fashion.png);}
    .jewelryfashion_design_wrap .major_detail li:nth-child(1){background-image: url(../../../hyd/fashion-sub-bg1.png);}
    .jewelryfashion_design_wrap .major_detail li:nth-child(2){background-image: url(../../../hyd/fashion-sub-bg2.png);}
    .jewelryfashion_design_wrap .major_detail li:nth-child(3){background-image: url(../../../hyd/fashion-sub-bg3.png);}
    .jewelryfashion_design_wrap .major_detail li:nth-child(4){background-image: url(../../../hyd/fashion-sub-bg4.png);}
    .jewelryfashion_design_wrap .major_detail li:nth-child(5){background-image: url(../../../hyd/fashion-sub-bg5.png);}
    .jewelryfashion_design_wrap .major_detail li:nth-child(6){background-image: url(../../../hyd/fashion-sub-bg6.png);}

    /* 영상디자인학과 */
    .interactivemedia_design_wrap .tit_img{background-image: url(../../../hyd/tit_media.png);}
    .interactivemedia_design_wrap .major_detail li:nth-child(1){background-image: url(../../../hyd/media-sub-bg1.png);}
    .interactivemedia_design_wrap .major_detail li:nth-child(2){background-image: url(../../../hyd/media-sub-bg2.png);}
    .interactivemedia_design_wrap .major_detail li:nth-child(3){background-image: url(../../../hyd/media-sub-bg3.png);}
    .interactivemedia_design_wrap .major_detail li:nth-child(4){background-image: url(../../../hyd/media-sub-bg4.png);}
    .interactivemedia_design_wrap .major_detail li:nth-child(5){background-image: url(../../../hyd/media-sub-bg5.png);}
    .interactivemedia_design_wrap .major_detail li:nth-child(6){background-image: url(../../../hyd/media-sub-bg6.png);}

    /* 융합디자인학부 */
    .convergence_design_wrap .tit_img{background-image: url(../../../hyd/tit_convergence.png);}
    .convergence_design_wrap .major_detail li:nth-child(1){background-image: url(../../../hyd/convergence-sub-bg1.png);}
    .convergence_design_wrap .major_detail li:nth-child(2){background-image: url(../../../hyd/convergence-sub-bg2.png);}
    .convergence_design_wrap .major_detail li:nth-child(3){background-image: url(../../../hyd/convergence-sub-bg3.png);}
    .convergence_design_wrap .major_detail li:nth-child(4){background-image: url(../../../hyd/convergence-sub-bg4.png);}
    .convergence_design_wrap .major_detail li:nth-child(5){background-image: url(../../../hyd/convergence-sub-bg5.png);}
    .convergence_design_wrap .major_detail li:nth-child(6){background-image: url(../../../hyd/convergence-sub-bg6.png);}




.con_wrap{
    margin-right:auto;
    margin-left:auto;
    /* max-width: 860px; */
}

.major_wrap > h1{
    font-weight: 900;
    color: #333;
    /* text-align: center; */
    margin: 7rem auto 1rem;
    font-size:2rem;
}

.industrial_design_wrap{
    margin: 0 auto;
    position: relative;
    top:0;
}
.major_wrap .tit_img{
    background-position: center;
    background-size: 100%;
    position: relative;
    height: 50vw;
    max-height: 300px;
    width: 100vw;
    margin-left: calc((100vw - 100%) / 2 * -1);
}
.major_wrap .tit_img h1{
    position: absolute;
    right: 1em;
    bottom: 0.3em;
    color: #fff;
    font-size: 4rem;
    font-weight: 900;
}

.major_wrap .major_expl{
    /* margin-top:100px; */
    line-height: 1.6;
    font-size: 1rem;
}

.major_wrap .major_expl b{
    display: block;
    font-size: 1.25rem;
    margin: 0.5rem 0 0;
}


.major_detail{
    margin:0 auto;
    text-align: center;
}
.major_detail li{
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 33%;
    background-position: center;
    background-size: cover;
    color:#fff;
    position: relative;
    padding: 4rem 20px 0;
    height: 20rem;
    margin-bottom:0.25%;
}

.major_detail li:after{
    content: "";
    display: block;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
    transition: 0.5s;
}
.major_detail li:hover > *{
    opacity:0;
    transition: 0.5s;
    transform: translateY(-30px);
}
.major_detail li:hover:after{
    background-color: rgba(0,0,0,0);
    transition: 0.5s;
}

.major_detail li>*{
    position: relative;
    z-index: 2;
    transition: 0.5s;
}
.major_detail li h2{
    font-weight: 700;
    font-size: 1.35rem;
}
.major_detail li h3{
    font-family: 'Oswald';
    font-weight: 500;
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: -0.01em;
    line-height: 1;
    height: 2rem;
    margin:0 0 1rem;
}
.major_detail li p{
    font-size: 13px;
}


.lect-box{
    display: grid;
    grid-template-columns: 49% 49%;
    align-items: start;
    justify-content: space-between;
}
.lect-box table{
    margin-bottom:40px;
}
.lect-box th{
    background-color: #1B3E6F;
    color: #fff;
    text-align: center;
    line-height: 45px;
}
.lect-box td{
    border-bottom: 1px solid #B8B8B8;
    text-align:center;
    line-height: 45px;
}

.lect-box tr td:first-child,
.lect-box tr td:last-child{width:30%;}

.lect-box .box_c1:before{background-color: #ed655d; content: "교양필수";}
.lect-box .box_c2:before{background-color: #b2b2b2; content: "전공기초";}
.lect-box .box_c3:before{background-color: #4697ad; content: "전공핵심";}
.lect-box .box_c4:before{background-color: #003b71; content: "전공심화";}
.lect-box .lect_g_box{
    display: inline-block;
    padding: 0.25rem 0.5rem 0.35rem;
    margin: 0;
    vertical-align: baseline;
    border-radius: 4px;
    line-height: 1rem;
    width: auto;
    height: auto;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
}

.lect_expl{
    display: flex;
    justify-content: center;
}
.lect_expl li{
    margin: 0 20px 0 0;
}
.lect_expl li::before, .lect_g_box{
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 2px;
    margin: 0 5px 0 0;
    line-height: 1rem;
    vertical-align: sub;
}
.lect_expl li:nth-child(1):before, .box_c1{background-color: #ed655d;}
.lect_expl li:nth-child(2):before, .box_c2{background-color: #b2b2b2;}
.lect_expl li:nth-child(3):before, .box_c3{background-color: #4697ad;}
.lect_expl li:nth-child(4):before, .box_c4{background-color: #003b71;}
.major_wrap .tab-panels dl{
    display: flex;
    border-top: 2px solid #333;
    margin: 0 auto 4rem;
    padding: 1rem 0 0;
}
.major_wrap .tab-panels dt{
    flex: 1;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center;
}
.major_wrap .tab-panels dd{
    flex:3;
    padding: 0 0.5rem;
}
.major_wrap .tab-panels table{
    width:100%;
    border-collapse:collapse    
}
.major_wrap .tab-panels th{
    padding: 0 0 1rem;
}
.major_wrap .tab-panels td{
    border-top: 1px solid #333;
    line-height: 2rem;
    font-size: 0.85rem;
    letter-spacing: -0.03em;
}
.major_wrap .tab-panels td:nth-child(1){
    text-align: center;
    width: 15%;
}
.major_wrap .tab-panels td:nth-child(3){
    font-family: "oswald";
    font-weight: 500;
    letter-spacing: -0.05em;
    color: #333;
    width: 20%;
    text-align: center;
}
/*
  Radio version of tabs.

  Requirements:
  - not rely on specific IDs for CSS (the CSS shouldn't need to know specific IDs)
  - flexible for any number of unkown tabs [2-6]
  - accessible

  Caveats:
  - since these are checkboxes the tabs not tab-able, need to use arrow keys

  Also worth reading:
  http://simplyaccessible.com/article/danger-aria-tabs/
*/

.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}
.tabset section{padding: 0;}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

.tabset > input:first-child:checked ~ .tab-panels2 > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels2 > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels2 > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels2 > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels2 > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels2 > .tab-panel:nth-child(6) {
  display: block;
}

/* 융합디자인학부 교과구성 */
.tab-panels2 dl{display:flex; justify-content: space-between; margin:0 0 25px;}
.tab-panels2 dl:nth-child(1) dt{background-color:#003B71;}
.tab-panels2 dl:nth-child(2) dt{background-color:#000371;}
.tab-panels2 dl:nth-child(3) dt{background-color:#360071;}
.tab-panels2 dt{color:#ffffffe9; text-align:left; width:22%; padding:15px;}
.tab-panels2 p{line-height:1.15; font-size:24px; font-weight:700; padding: 10px 5px 20px;}
.tab-panels2 div{display:inline-block; width:55px; height:40px; line-height:35px; text-align:center; border:1px solid #ffffff70; font-size:18px; margin:0 5px 10px; border-radius: 4px; background-color: #00000010;}
.tab-panels2 dd{width:78%; padding-left:20px;}
.tab-panels2 dd::after{content:""; clear:both; display:block;}
.tab-panels2 table{float:left; border-collapse: separate; border-spacing: 0;;}
.tab-panels2 table.grid1{width:calc(50% - 5px); margin-bottom:20px; margin-right:10px;}
.tab-panels2 table.grid2{width:calc(50% - 5px); margin-bottom:20px;}
.tab-panels2 table.grid3{width:100%;}
.tab-panels2 dl:nth-child(3) table.grid3:nth-child(1){margin-bottom:20px;}
.tab-panels2 th{background-color: #eee; color: #ffffffe3; font-weight: 500; line-height: 1.15; height: 45px; border-left: 5px solid #fff; border-right: 5px solid #fff;}
.tab-panels2 dl:nth-child(1) th{background-color: #ddb640;}
.tab-panels2 dl:nth-child(2) th{background-color: #3a216a;}
.tab-panels2 dl:nth-child(3) th{background-color: #9d1c94;}
.tab-panels2 dl:nth-child(1) table:last-child th,
.tab-panels2 dl:nth-child(3) table:last-child th{background-color: #555; }
.tab-panels2 dl:nth-child(2) table:nth-child(3) th,
.tab-panels2 dl:nth-child(2) table:nth-child(4) th,
.tab-panels2 dl:nth-child(2) table:nth-child(5) th,
.tab-panels2 dl:nth-child(2) table:nth-child(6) th{background-color: #289cb5; }
.tab-panels2 td{font-size:13px; text-align:center; line-height:1.15; width:50%; height:50px; word-break: keep-all; position: relative; padding:0 15px;}
.tab-panels2 td:after{display:block; content:""; width:calc(100% - 10px); height:1px; background-color:#666; position:absolute; bottom:0; left:50%; transform:translateX(-50%);}

.tab-panels2 span{display:block; font-size:0.85em;}
.tab-panels2 td span{font-family: 'Oswald', sans-serif; font-weight:500;}

@media (max-width:991px){
    .tab-panels2 dl{flex-direction: column;}
    .tab-panels2 dt{text-align:center; width:100%;    padding: 25px 0 5px; margin: 0 0 20px; border-right: 5px solid #fff; border-left: 5px solid #fff;}
    .tab-panels2 p{padding: 0px 0px 10px;}
    .tab-panels2 dd{width:100%; padding:0;}
    .tab-panels2 table{width:100%!important;}
    .tab-panels2 td{padding:5px 15px; height:30px;}
}





.tabset {text-align: center; margin-top:3rem;}
.tabset > label {
    font-family: "Oswald";
    position: relative;
    display: inline-block;
    padding: 1rem 4rem;
    cursor: pointer;
    font-weight: 900;
    letter-spacing: 0.1em;
    background-color: #ddd;
    color:#888;
}


.tabset > label:hover,
.tabset > input:focus + label {
  color: #ed655d;
}


.tabset > input:checked + label {
    background-color: #003b71;
    color: #fff;
}

.tab-panel {
  padding: 30px 0;
}


.prof-box{
    display: grid;
    justify-content: space-between;
    align-items: start;
    grid-template-columns: repeat(5, 17%);
    row-gap: 35px;
}
.prof-box li{
    isolation: isolate;
}

.prof-box li:after{
    content: "";
    display: block;
    position: absolute;
    background-color: #ddd;
    width:100%;
    height:calc(100% * 1px);
}
.prof-box li *{
    text-align: left;
}
.prof-box li a{
    color: inherit;
    text-decoration: none;
}
.prof-box li > a{text-align: center; margin: 0 0 1rem; display: block; position: relative;}
.prof-box li a i{margin-right: 0.25rem;}
.prof-box img{
    width:100%;
    display: block;
    margin: 0 auto 0.5rem;
    filter: grayscale(1);
    transition: 0.3s;
}
.prof-box img:after{
    content: "";
    display: block;
    position: absolute;
    width:100%;
    height: 100%;
    z-index: 3;
}
.prof-box h4{
    height: 1rem;
    font-size: 0.95rem;
    font-weight: 500;
    margin-bottom:0.1rem;
}
.prof-box h2{
    font-size: 1.25rem;
    font-weight: 700;
}
.prof-box h2::after{
    content: "교수";
    font-weight: 500;
    font-size: 0.75em;
    margin-left: 0.3rem;
}
.prof-box h3{
    font-weight: 400;
    font-size: 0.8rem;
    margin-top:0.5rem;
}
.prof-box p{
    font-weight: 300;
    font-size: 0.875rem;
    text-align: left;
    margin: 0 0 0.2rem;
}

.prof-box li a:hover img{
    filter: none;
    transition: 0.3s;
}
.prof-box p:hover,
.prof-box li a:hover h4,
.prof-box li a:hover h2,
.prof-box li a:hover h3{
    color: #ed655d;
    transition: 0.3s;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 9999;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup{
    width:90vw;
    max-width: 1300px;
    height:85vh;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 6% 5%;
    overflow-y: scroll;
    background-image: url(../../../hyd/logo-big.png);
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: center;
    border-radius: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
}

.overlay a.close{
    font-weight: 900;
    font-size: 4rem;
    position: fixed;
    top:7vh;
    right:8vw;
    color:#666;
    z-index: 9999;
}

.profile-box1{
    display: flex;
    align-items: flex-end;
}
.profile-box1 > div{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.profile-box1 > div:nth-child(1){flex:2;}
.profile-box1 > div:nth-child(2){flex:4; padding: 0 0 0 25px;}
.profile-box1 > div:nth-child(3){flex:6;}
.profile-box1 img{
    width: 100%;
    max-width: 160px;
    max-height:160px;
}
.profile-box1 h4{
    font-weight: 700;
    font-size: 1rem;
    margin-bottom:0.35rem;
}
.profile-box1 h2{
    font-weight: 900;
    font-size: 1.5rem;
}
.profile-box1 h3{
    font-weight:700;
    font-size: 1rem;
    margin-bottom:0.75rem;
}
.profile-box1 p{
    font-weight: 300;
    font-size: 0.8rem;
    margin-bottom:0.2rem;
}
.profile-box2{display: flex;}
.profile-box2 > div{flex:1;}



.prof-re h2::after{content:"";}
.prof-re h2 span{font-size:0.7em; font-weight:400;}

.major_wrap .accordion {
    color: #fff;
    background-color: #1B3E6F;
    cursor: pointer;
    line-height: 45px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 18px;
    font-weight:500;
    transition: 0.4s;
}

.major_wrap .active, .accordion:hover {
    
}

.major_wrap .panel {
    padding: 20px 0;
    display: none;
    background-color: white;
    overflow: hidden;
    transition:1s;
}



.popup dl{
    margin: 2rem 0 0.3rem;
}
.popup dt{
    font-weight: 900;
    font-size: 1.3rem;
    color: #003b71;
}
.popup dd{
    padding-left: 2rem;
    position: relative;
    overflow: hidden;
    font-size: 0.8rem;
}
.popup dd::before{
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #d2d2d2;
    position: absolute;
    left: 1rem;
}
.popup ul{
    padding: 1rem 0 0.7rem;
}
.popup li{
    margin:0 0 0.3rem 7.4rem;
}
.popup li span{
    display: inline-block;
    width: 7.4rem;
    margin-left:-7.4rem;
}

@media (max-width:1280px){    
    .major_detail li{
        width: 32.3%;
        margin-bottom:0.3%;
    }
    .profile-box2 > div:last-child{padding-left: 20px;}
}

@media (max-width:1024px){
    .major_wrap .tit_img,
    .lect_expl{background-size: cover; }
    .prof-box{
        display: table;
        width: 100%;
    }
    .prof-box li{
        float: left;
        width:32.3%;
        margin: 0 0.5% 1%;
        min-height:310px;
    }
}
@media (max-width: 991px){
    
}
@media (max-width:767px){  
    .major_wrap{padding-top:68px;} 
    .major_wrap .tit_img h1{
        font-size: 9vw;
        right:2vw;
        bottom:0;
    }
    .major_detail li{
        width: 100%;
        margin-bottom: 0.3%;
        min-height: 32vw;
        height: auto;
        padding: 9vw 20px 4vw;
    }
    .prof-box li{
        width:100%;
        margin: 0 0 5vw;
        display: table;
        min-height:auto;
    }
    .prof-box li>*{
        text-align: right;
    }
    .prof-box h2{font-size:1rem;}
    .prof-box li>a{
        display: table;
        margin: 0 0 -3.25rem;
        width:100%;
    }
    .prof-box li>a>*{
        float: left;
        width: calc(100% - 110px);
        text-align: right;
    }
    .prof-box li>a>img{width:110px;}
    
    .lect_expl{
        width: 100vw;
        margin:0 10px 0 calc((100vw - 100%) / 2 * -1);
    }
    
    .lect_expl li{margin: 0 5px 0;}
    .tabset > label{
        padding: 0;
        height: 50px;
        line-height: 50px;
        width: 45%;
        margin: 0 0.5%;
    }
    .major_wrap .tab-panels dl{display: block; padding: 1rem 0.5rem 0;}
    .major_wrap .tab-panels dt{text-align: left;}
    .major_wrap .tab-panels dd{padding: 0;}
    .major_wrap .tab-panels th{padding: 0.75rem 0 0.5rem 0.5rem; text-align: left;}
    .profile-box1, .profile-box2{flex-direction: column;}
    .overlay a.close{font-size: 3rem; top:5vh; right:8vw;}
    .popup{background-size: 40%; background-position: 85% 25%;}
    .popup li{margin: 0 0 0.5rem 1rem;}
    .popup li span { display:block; width: 100%; margin-left: -1rem;}
    .profile-box2 > div:last-child{padding: 0;}
}

/* 색상 */
:root{
    --white:#fff;
    --main-color-blue1:#003b71;
    --main-color-blue2:#4697ad;
    --main-color-red1:#ed655d;
    --gray1:#ddd;
    --gray2:#b2b2b2;
    --gray3:#888;
    --gray4:#444;
}

/* 서체 */
:root{
    --font-en1:'Oswald';
}


/* 전공 태그 */
span.tag-class-type1,
span.tag-class-type2,
span.tag-class-type3,
span.tag-class-type4{
    display:inline-block;
    text-align: center;
    padding:0.15em 0.75em 0.25em;
    border-radius: 6px;
}
span.tag-class-type1 { background-color:var(--main-color-red1); }
span.tag-class-type2 { background-color:var(--gray2); }
span.tag-class-type3 { background-color:var(--main-color-blue2); }
span.tag-class-type4 { background-color:var(--main-color-blue1); }

span.tag-class-type1:before,
span.tag-class-type2:before,
span.tag-class-type3:before,
span.tag-class-type4:before{
    display: inline-block;
    color:var(--white);
    font-size: 13px;
}
span.tag-class-type1:before { content:"교양필수"; }
span.tag-class-type2:before { content:"전공기초"; }
span.tag-class-type3:before { content:"전공핵심"; }
span.tag-class-type4:before { content:"전공심화"; }

@media (max-width:767px){
    span.tag-class-type1:before,
    span.tag-class-type2:before,
    span.tag-class-type3:before,
    span.tag-class-type4:before{
        font-size:12px; 
        letter-spacing: -0.05em;
        line-height: 1;
    }
}


/* 전공과정 레이아웃 */
.course-box{
    display: table;
    width: 100%;
    margin-bottom:100px;
}
.course-box table{
    width:49%;
    float: left;
}
.course-box table:last-child{ margin-left:2%; }
.course-box table th,
.course-box table td{  }
.course-box table th { 
    background-color: var(--main-color-blue1);
    color: var(--gray1);
    font-family: var(--font-en1);
    letter-spacing: 1em;
    height:40px;
}
.course-box table td{
    border-bottom: 1px solid var(--gray4);
    padding:5px 0;
    height:50px;
}
.course-box table td:nth-child(1){ width:150px;}
.course-box table td:nth-child(3){ width:160px; }
.course-box .course-name-kr {  }
.course-box .course-code {
    text-align: center;
    font-family:var(--font-en1);
}
@media (max-width:767px){
    .course-box table{width:100%; float:none;}
    .course-box table:last-child{ margin-top:30px; margin-left:0; }
    .course-box table td:nth-child(1){ width:80px;}
    .course-box table td:nth-child(3){ width:80px; }

}