@charset "utf-8"; 

/* 연혁 */
.history_wrap .img {width: calc(100% - 1rem); position: relative; }
.history_wrap .img::before {content: ''; display: block; width: 27.5%; height: calc(100% - 2rem); position: absolute; bottom: -1rem; right: -1rem; background: url('/images/web/grad/sub_cnt/0103_pttrn.png'); border-bottom-right-radius: 4.5rem; }
.history_wrap .img p { border-bottom-right-radius: 4.5rem; overflow: hidden; position: relative; z-index: 2; }
.history_wrap .img p img {width: 100%; height: auto; }
.history_wrap .list {position: relative; margin-top: 3.25rem; }
.history_wrap .list:before { content:""; position:absolute; left:50%; top:0.5rem; width:1px; height:100%; border-left:2px solid #e9e9e9; }
.history_wrap .list dl { position:relative; width:100%; padding-right:55%; padding-left:0;}
.history_wrap .list dl:nth-child(2n - 1) {padding-left:55%; padding-right:0;}
.history_wrap .list dl + dl { margin-top:1.5rem; }
.history_wrap .list dl dt {width:100%;font-weight:600;font-family:'Montserrat';font-size:2rem;color:#e9e9e9;letter-spacing:1px;line-height: 1;}
.history_wrap .list dl:nth-child(2n) dt { text-align:right;}
.history_wrap .list dl dt:before { content:""; position:absolute; left:calc(50% - 0.35rem); top:0.5rem; width:0.8rem; height:0.8rem; background:#fff; border:3px solid #1667c3; border-radius:50%; }
.history_wrap .list dl dt:after { content:""; position:absolute; left:calc(50% + 0.35rem); top:0.85rem; width:1.2rem; height:2px; background:#1667c3; }
.history_wrap .list dl:nth-child(2n) dt:after { left:auto; right:calc(50% + 0.35rem);}
.history_wrap .list dl dd { width:100%;  margin-top:0.8rem;}
.history_wrap .list dl dd ul li { position:relative; padding-left:1.7rem; line-height:1.1rem; color:#5d5d5d; } 
.history_wrap .list dl dd ul li + li {margin-top:0.8rem;}
.history_wrap .list dl dd ul li strong { position:absolute; left:0; top:0; font-size:0.9rem; font-weight:700; color:#5d5d5d; } 
.history_wrap .list dl:nth-child(2n) dd ul li strong { left:auto; right:0;}
.history_wrap .list dl:nth-child(2n) dd ul li { text-align:right; padding:0 1.7rem 0 0;}

/* 인사말 */
.greet_wrap .img_box { float: left; width: calc(42% - 1.5rem);}
.greet_wrap .img_box .img { position: relative;}
.greet_wrap .img_box .img::after { content: ''; display: block; width: 100%; height: 100%; background: url('/images/web/grad/sub_cnt/0103_pttrn.png'); position: absolute; bottom: -1.5rem; right: -1.5rem; border-top-right-radius: 5rem; }
.greet_wrap .img_box .img p{ position: relative; height: 22.5rem; border-top-right-radius: 5rem; overflow: hidden; z-index: 2;}
.greet_wrap .img_box .img p img{  height: 100%; width: auto; }
.greet_wrap .img_box .txt { margin-top: 2.75rem; text-align: center; font-size: 1rem; color: #333; font-weight: 600;}
.greet_wrap .img_box .txt span{margin-left: 1rem;font-size: 1.2rem;letter-spacing: 2px;position: relative;box-shadow: inset 0px -8px 0px #cceeff;} 
.greet_wrap .cont_box { float: right; width: 52.5%;}
.greet_wrap .cont_box .tit span { font-weight: 600; font-family: 'Montserrat'; font-size: 0.7rem; background: linear-gradient(to right, #00cde0, #1668c3); color: transparent; -webkit-background-clip: text; }
.greet_wrap .cont_box .tit h3 { font-size: 1.2rem; font-weight: 600; color: #144d8d; line-height: 1.6rem; margin: 0.6rem 0 1.5rem;}
.greet_wrap .cont_box > p { border-top: 1px solid #cbcbcb; padding-top: 1.9rem; position: relative; line-height: 1.25rem; color: #4c4a55;}
.greet_wrap .cont_box > p::before { content: ''; display: block; width: 2rem; height: 0.8rem; background: url('/images/web/grad/sub_cnt/greet_bu.png') no-repeat center / contain; position: absolute; top: -0.4rem; left: 0;}

/* 학과소개 */
.dept_wrap {position: relative; color: #fff; margin-bottom: 3.5rem;}
.dept_wrap .tit { padding: 8rem 2.5rem 0 2.5rem; background: url('/images/web/grad/sub_cnt/0202_img01.png') no-repeat center / cover; overflow: hidden; height: 14rem; border-bottom-left-radius: 4rem; }/*AI기반 스마트진단검사분석전공*/
.dept_wrap .tit.tit02 { background: url('/images/web/grad/sub_cnt/0202_img02.png') no-repeat center / cover; }/*인공지능바이오헬스융합과*/
.dept_wrap .tit.tit03 { background: url('/images/web/grad/sub_cnt/0202_img03.png') no-repeat center / cover; }/*AI기반 재활운동치료전공*/
.dept_wrap .tit span { font-size: 0.9rem; display: block; text-shadow: 0 0 0.8rem rgba(0,0,0,1); }
.dept_wrap .tit p { position: relative; font-weight: 600; font-size: 1.7rem; display: inline-block; text-shadow: 0 0 0.8rem rgba(0,0,0,1); }
.dept_wrap .tit p::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; position: absolute; top: -0.1rem; right: -0.4rem;}
.dept_wrap .adrs { padding: 0.8rem 1.8rem; border-radius: 3rem; color: #fff; font-size: 0.9rem; font-weight: 500; position: absolute; bottom: -1.1rem; right: 1.5rem; } 
.dept_wrap .adrs::before { content:''; display: block; width: 100%; height: 100%; background: #014f8c; border-radius: 3rem; position: absolute; bottom: 0; right: 0; z-index: 1;} 
.dept_wrap .adrs::after { content:''; display: block; width: 100%; height: 100%; background: url('/images/web/grad/sub_cnt/0202_pttrn.png'); border-radius: 3rem; position: absolute; bottom: -0.55rem; right: -0.55rem;} 
.dept_wrap .adrs span {position: relative; z-index: 999;}
.dept_wrap .adrs span + span {margin-left: 1rem;}
.dept_wrap .adrs span i {margin-right: 0.3rem; font-size: 1.2rem; vertical-align: bottom;}

/* 사이트맵 */ 
.sitemap_wrap li a {display: block; position: relative; word-break: break-all;}
.sitemap_wrap .depth01 {max-width: 100%; }
.sitemap_wrap .depth01 > ul {display: flex; flex-wrap: wrap;}
.sitemap_wrap .depth01 > ul > li { position: relative;display: flex; flex-basis: calc(100% / 3); flex-direction: column; padding:0 1rem;}
.sitemap_wrap .depth01 > ul > li > a {display: flex;justify-content: center;align-items: center; font-size: 1rem; font-weight: 500;text-align: center;}
.sitemap_wrap .depth01 > ul > li > a > span{display: block;max-height: 4.75rem; font-weight:700; border-bottom:1px solid #014f8c; border-top:3px solid #014f8c; width:100%; padding:0.5rem 0; margin-bottom:1rem;background: #f4f7f9;}
.sitemap_wrap .depth02 > ul > li > a{position: relative; z-index: 1; color: #014f8c; font-weight:600;} 
.sitemap_wrap .depth03 { position: relative; background: #efefef; border-radius:1rem;}   
.sitemap_wrap .depth03 {padding: 0.5rem 0.85rem; margin:0.5rem 0;}
.sitemap_wrap .depth03 > ul > li > a {padding: 0.25rem 0; padding-left: calc(5px + 0.25rem); font-size: 0.7rem;}
.sitemap_wrap .depth03 > ul > li > a:before {content: ""; display: block; width: 5px; height: 5px; background: #8a929f; border-radius: 50%; position: absolute; left: 0; top: 0.6rem; opacity: 0.75;}
.sitemap_wrap .depth03 > ul > li > a:hover > span,
.sitemap_wrap .depth03 > ul > li > a:focus > span {color:#002270; text-decoration:underline;}


/* PDF뷰어 230908*/
.excha_box {position:relative; padding:20px 20px;line-height:1.4; border:4px solid #dfe6ee; overflow:hidden; background:#fff;}
.excha_box .btn {position:absolute; right:20px; top:10px;}
.excha_box .excha_pdf {height:800px; margin-top:20px; padding-top:20px; border-top:1px dashed #b2b7c7;}
.excha_box .excha_pdf object {width:100%; height:100%;}
.excha_box .excha_pdf object embed {width:100%; height:100%;}


@media screen and (max-width :1400px) {
    /* 인사말 */
    .greet_wrap .img_box {width: 13rem; }
    .greet_wrap .img_box .img::after { bottom: -1rem; right: -1rem; border-top-right-radius: 3rem; }
    .greet_wrap .img_box .img p{ height: auto; border-top-right-radius: 3rem; }
    .greet_wrap .img_box .img p img{  width: 100%; height: auto; }
    .greet_wrap .img_box .txt { font-size: 0.9rem; }
    .greet_wrap .img_box .txt span{ font-size: 1rem; letter-spacing: 1px;} 
    .greet_wrap .cont_box { width: calc(100% - 15.5rem);}
    .greet_wrap .cont_box .tit h3 { font-size: 1.1rem; }
}
@media screen and (max-width :1024px) {
    /* 학과소개 */
    .dept_wrap { margin-bottom: 2.5rem;}
    .dept_wrap .tit { padding: 2rem 1.5rem 3rem 1.5rem; height: auto; border-bottom-left-radius: 2.5rem; }
    .dept_wrap .tit span { font-size: 0.8rem; }
    .dept_wrap .tit p { font-size: 1.2rem; }
    .dept_wrap .adrs { padding: 0.6rem 1rem; font-size: 0.8rem; right: 0.55rem; } 
    .dept_wrap .adrs span + span {margin-left: 1rem;}
    .dept_wrap .adrs span i { font-size: 1rem; }

    /* 찾아오시는 길*/
    h3.tit2.address {font-size: 0.8rem;}
}
@media screen and (max-width :768px) {
 
    /* 연혁 */ 
    .history_wrap .img {width: 100%; }
    .history_wrap .img::before {display: none;}
    .history_wrap .img p { border-bottom-right-radius: 3rem; }
    .history_wrap .list { margin-top: 1.5rem; }
    .history_wrap .list:before { left:0; } 
    .history_wrap .list dl { padding-right:0; padding-left: 2rem;}
    .history_wrap .list dl:nth-child(2n - 1) {padding-left:2rem; }
    .history_wrap .list dl:nth-child(2n) dt { text-align:left;}
    .history_wrap .list dl dt:before { left:-0.35rem; } 
    .history_wrap .list dl dt:after { left: 0.35rem; width:1rem; }
    .history_wrap .list dl:nth-child(2n) dt:after { left: 0.35rem; right:auto;}
    .history_wrap .list dl:nth-child(2n) dd ul li strong { left:0; right:auto;}
    .history_wrap .list dl:nth-child(2n) dd ul li { text-align:left; padding:0 0 0 1.7rem;}


    /* 사이트맵 */  
    .sitemap_wrap .depth01 > ul > li { flex-basis: calc(100% / 2); padding:0 0.5rem;}
 
 
}
@media screen and (max-width :580px) {
        
    /* 인사말 */
    .greet_wrap .img_box {margin: 0 auto;position: relative;left: 50%;transform: translateX(-50%);} 
    .greet_wrap .img_box .txt { margin-top:1.5rem; }
    .greet_wrap .cont_box { width: 100%; margin-top:2rem;}
}
@media screen and (max-width :400px) {
    /* 학과소개 */
    .dept_wrap .adrs { bottom: -1.5rem;}
    .dept_wrap .adrs::before { border-radius: 0.8rem; } 
    .dept_wrap .adrs::after { border-radius: 0.8rem; } 
    .dept_wrap .adrs span { display: block;}
    .dept_wrap .adrs span + span {margin-left: 0; margin-top: 0.25rem;}

    /* 사이트맵 */  
    .sitemap_wrap .depth01 > ul > li { flex-basis: calc(100% / 1); padding:0;}
}