@charset "utf-8";
/* 공통 */
:root {
    --point-color: #0c68ab;
    --point-color2: #0d697b;
    --header-top-bg: #032a58;
    --header-bg: #e7f2ff;
    --header-on-bg: #fff;
    --sub-header-on-bg: #fff0;
    --gnb-top-bg: #0a234b;
    --gnb-on: #05548f;
    --pc-gnb: #889eba;
    --family-site-bg: #8e9baa;
    --footer-bg: #fff;
}

/* 링크 탭 강조 s*/
.link-tab .tab-list>li .btn.point-orange {background: #e96a00; color: #fff;}
/* 링크 탭 강조 e*/

/* 서브페이지 공유하기 box s */
.share-box {display: none;}
@media screen and (min-width: 1024px) {
    .share-box.on {display: flex; position: absolute; bottom: -115px; right: -16px; border: 1px solid #1b2535; padding: 13px 5px; background: #FFF;}
    .share-box:before {content: ''; position: absolute; right: 20px; top: -9px; width: 9px; height: 9px; background: url("/_user/components/img/sub/ico-link-bubble-top.png") center no-repeat;}
    .share-box>li>* {display: flex; flex-direction: column; align-items: center; justify-content: space-around; width: 75px; height: 75px; font-size: 14px; line-height: 16px; letter-spacing: -1px; text-align: center;}
}
/* 서브페이지 공유하기 box e */

/* faq s */
.board-list td.cate {color: var(--gold); font-size: 15px;}
.board-list.faq .cate {max-width: 135px;}
.board-list.faq .faq-q {border-bottom: 1px solid var(--border-color);}
.board-list.faq .faq-a {padding: 0;}
.board-list-wrap .tbl .faq-a td {border-bottom: none; display: none;}
.board-list.faq .answer-wrap {display: flex; gap: 10px; padding: 20px; background: #f0f2f7;}
.board-list.faq .answer-wrap .answer-ico {display: block; position: relative; top: 2px; width: 15px; height: 18px; background: url("/_user/components/img/sub/ico-faq-a.png") no-repeat; background-size: auto 18px;}
.board-list.faq .answer-wrap>p {width: calc(100% - 25px); font-size: 15px; text-align: left;}

@media screen and (min-width: 768px) {
    .board-list.faq .cate {font-size: 16px;}
    .board-list-wrap .tbl .faq-a td {padding: 0;}
    .board-list.faq .answer-wrap {padding: 20px 7px; justify-content: space-between;}
    .board-list.faq .answer-wrap .answer-ico {width: 60px; background-position: center; left: -5px;}
    .board-list.faq .answer-wrap>p {width: calc(100% - 195px);}
}

@media screen and (min-width: 1024px) {
    .board-list.faq .answer-wrap>p, .board-list td.cate {font-size: 0.89rem;}
}
/* faq e */

/* qna s */
.board-list .ico-reply {display: inline-block; width: 40px; height: 17px; padding-top: 2px; margin-right: 2px; background: url("/_user/common/img/sub/ico-mark-reply.png") no-repeat 0 50%; background-size: auto 12px;}

@media screen and (min-width: 1024px) {
    .board-list .ico-reply {background-size: auto; margin-right: 6px; padding-top: 4px;}
}
/* qna e */

/* link-tab s */
.link-tab {padding: 0 15px; position: relative; overflow: hidden;}
.link-tab:before {content: ''; opacity: 1; position: absolute; left: 0; top: 1px; z-index: 1; width: 40px; height: calc(100% - 10px); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0, 0, 0, 0) 100%)}
.link-tab:after {content: ''; opacity: 1; position: absolute; right: 5px; top: 1px; z-index: 1; width: 40px; height: calc(100% - 10px); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.link-tab .tab-list {display: flex; position: relative; max-width: 1200px; height: auto; margin: 0 auto 30px; overflow: hidden; overflow-x: scroll; white-space: nowrap; background: url("/_user/components/img/sub/bg-tab-sub-menu.png") repeat; background-repeat: repeat-x; background-position: left top -58px;}
.link-tab .tab-list>li {flex-shrink: 0;}
.link-tab .tab-list>li.on>a, .link-tab .tab-list>li>a:hover {color: #05548f;}
.link-tab .tab-list>li.on>a:before, .link-tab .tab-list>li>a:hover:before {content: ''; position: absolute; display: block; width: 100%; height: 3px; left: 0; top: 0; background-color: #05548f; z-index: 9;}
.link-tab .tab-list>li>a {display: block; position: relative; width: auto; padding: 0 20px; font-size: 16px; line-height: 44px; font-weight: 500; text-align: center; color: #666; letter-spacing: -1px;}
/* link-tab 모양인데 기능이 tab일 경우 추가 s */
.tab-cont {display: none;}
.tab-cont.on {display: block;}
/* link-tab 모양인데 기능이 tab일 경우 추가 e */
@media all and (min-width: 768px) {
    .link-tab {padding: 0 30px;}
    .link-tab:after {width: 90px; height: 70px;}
    .link-tab .tab-list {height: 88px;}
    .link-tab .tab-list>li>a {height: 100%; line-height: 88px; font-size: 21px;}
}

@media all and (min-width: 1024px) {
    .link-tab .tab-list {height: auto; overflow-x: unset; white-space: normal; flex-wrap: wrap; background-position: unset; background-repeat: unset;}
    .link-tab .tab-list>li>a {height: 59px; font-size: 1.16rem; line-height: 2.6; min-width: 52px;}
    .link-tab .tab-list>li.on>a:before, .link-tab .tab-list>li>a:hover:before {height: 4px; bottom: 0; top: auto;}
    .link-tab:before, .link-tab:after {display: none;}
}
/* sub-tab e */

.line-top {border-top: 1px solid #dddfe5;width: 100%;max-width: 1400px;padding-top: 30px;margin: 0 auto;}
@media all and (min-width: 1024px) {
    .line-top {padding-top: 50px;}
}
/* box형 tab s */
.tab-list.box {display: flex; align-items: center; margin-bottom: 20px;}
.tab-list.box>li>a {display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; min-height: 42px; background: var(--lightgray); line-height: 1.2; padding: 0 10px;}
.tab-list.box>li.on>a {background: var(--lightnavy); color: #fff;}
.tab-content>li {display: none;}
.tab-content>li.active {display: block;}
/* box형 tab e */

/* sub-section s */
.sub-section {max-width: 1260px; margin: 0 auto; padding-left:15px; padding-right: 15px; box-sizing: border-box; overflow: hidden;} /* 불릿페이지 들어갈때 */
.sub-section.wide {max-width: none;}
.sub-section.ex {padding-top: 50px;}
.wide-section .sub-section:first-child {padding-top: 50px;}
.contents-tit {position: relative; margin-bottom: 20px; font-weight: 500; color: var(--black); letter-spacing: -1px; line-height: 1.2; font-size: 20px; word-break: keep-all;}
.contents-tit.line:after {content: ''; display: block; margin-top: 20px; width: 50px; height: 1px; background: var(--black);}
.contents-tit.line.white:after {background-color: #fff;}
.contents-tit.line.emphasis:after {background: var(--emphasis);}
.contents-tit.point {color: var(--navy);}
.contents-tit.point:before {background-color: var(--navy);}
.contents-tit.emphasis:before {background: var(--emphasis);}
.section-sub-tit {padding-bottom: 15px; font-size: 18px; font-weight: 500; color: var(--black);}
.inner:not(:last-child) {padding-bottom: 30px;}
.inner .list-tit.large {font-size: 20px;}
.inner .list-tit.bold {font-weight: 700;}
.inner .link-btn-wrap {margin-top: 30px;}
.noti {display: block; font-size: 15px;}
.tbl-wrap .noti {color: #272727; font-weight: inherit;}

@media screen and (min-width: 768px) {
    .sub-section.wide .inner {max-width: 1200px; margin: 0 auto;}
    .wide-section {margin-top: 75px;}
    .sub-section {padding-left: 30px; padding-right: 30px;}
    .sub-section + .sub-section {padding-top: 75px;}
    .contents-tit {font-size: 30px;}
    .inner .list-tit {font-size: 24px;}
    .inner .list-tit.large {font-size: 34px;}
    .exclam {font-size: 16px;}
}
@media screen and (min-width: 1024px) {
    .sub-section + .sub-section {padding-top: 100px;}
    .contents-tit {font-size: 1.67rem;}
    .section-sub-tit {font-size: 1.33rem;}
    .exclam {font-size: 18px;}
    .tbl-wrap .noti {font-size: 17px;}
}
/* sub-section e */

/* bullet type s */
.bullet-list li {align-items: baseline;}
.bullet-list li:not(:last-child) {margin-bottom: 5px;}
.bullet-list>li>ul {padding-left: 10px; padding-top: 7px; width: 100%; box-sizing: border-box;} /* step2 */
.bullet-list>li>ul:last-child {margin-bottom: 0;}
.bullet-list>li>ul li {margin-bottom: 5px;}
.bullet-list>li>ul li:last-child {margin-bottom: 0;}
.bullet-list>li:last-child {margin-bottom: 0;}
.bullet-list>li>ul>li>ul {padding-left: 10px; padding-top: 7px; width: 100%;} /* step3 */
.bullet {color: #505050; display: inline-flex; align-items: baseline;}
.bullet.step1 {color: var(--black) !important;}
.bullet:before {display: inline-block; position: relative; margin-right: 6px; flex-shrink: 0;}
.bullet.circle:before {content: ''; top: -3px; width: 4px; height: 4px; box-sizing: border-box; background: #afb3bc; border-radius: 50%;}
.bullet.dash:before {content: '-';}
.bullet.emphasis.circle:before {background: var(--emphasis);}
.gray-dot {position: relative; display: block; padding-left: 10px;}
.gray-dot:before {content: ''; position: absolute; display: block; top: 11px; left: 0; width: 4px; height: 4px; box-sizing: border-box; background: #afb3bc; border-radius: 50%;}
.bullet.kor:before {content: attr(data-kor);}
.bullet.flex + .bullet.flex, .bullet.block + .bullet.block {padding-top: 5px;}

.bullet.point-color:before {color: var(--point-color);}
.bullet.point-color.circle:before {background: var(--point-color);}
.bullet.point-color2:before {color: var(--point-color2);}
.bullet.point-color2.circle:before {background: var(--point-color2);}
.exclam {color: #555; font-weight: 300; position: relative; padding-left: 20px; display: block;}
* + .exclam {margin-top: 5px;}
.exclam:before {content: ''; position: absolute; left: 0;  display: inline-block; width: 17px; height: 17px; background: url("/_user/components/img/sub/bullet-exclam.png") center no-repeat; top: 3px;}
@media screen and (min-width: 768px){
    .bullet-list {font-size: 18px;}
    .bullet:before {margin-right: 8px;}
    .bullet.circle:before {width: 5px; height: 5px; top: -4px;}
    .text-box {font-size: 18px;}
    .gray-dot {padding-left: 14px;}
    .gray-dot:before {width: 5px; height: 5px; top: 14px;}
    .exclam {padding-left: 23px;}
    .exclam:before {top: 5px;}
}
@media screen and (min-width: 1024px){
    .bullet-list, .text-box {font-size: 1rem;}
    .exclam:before {top: 6px;}
}
/* bullet type e */

/* component intro-box s */
.intro-box .visual-area {position: relative; max-width: 526px; margin: 0 auto 20px;}
.intro-box .visual-area img {max-width: 100%;}
.video-area {position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden;}
.video-area iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.video-area video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #82878d; object-fit: cover;}
.video-area .btn-play {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/_user/components/img/sub/ico-btn-play-large.png") center no-repeat; z-index: 1; transition: 0.3s;}
.video-area .btn-play:hover {background-color: rgba(0,0,0,0.2);}
.intro-box .text-area {padding-top: 40px;}
.intro-box .text-area .title {display: block; font-weight: 500; line-height: 1.3; letter-spacing: -1px; word-break: keep-all; font-size: 22px; color: var(--black);}
.intro-box .text-box>p {padding-top: 15px; font-size: 15px; color: #666;}
.intro-box .text-area .sub-tit {font-size: 16px; font-weight: 500; padding: 10px 0;}
.intro-box + .sub-info-box {margin-top: 40px;}

@media screen and (min-width: 768px) {
    .intro-box .video-area {position: relative;}
    .intro-box .text-area .title {font-size: 32px;}
}

@media screen and (min-width: 1024px) {
    .intro-box {display: flex; justify-content: space-between;}
    .intro-box .visual-area {margin: 0;}
    .intro-box>div {width: 50%;}
    .intro-box .video-area {padding: 0; padding-top: 56%; width: 100%; height: 0;}
    .intro-box .text-area {padding-top: 0; padding-left: 40px; width: 60%;}
    .intro-box .text-area .title {font-size: 2rem;}
    .intro-box .text-box>p {padding-top: 25px; font-size: 1rem;}
}
/* component- intro-box e */

/* component- video-box s */
.video-box .video-area {position: relative; margin: 0 auto 40px; width: 100%;}
.video-box .subtitle {font-size: 16px;}
.video-box .subtitles-box {position: relative; overflow-x: hidden; overflow-y: auto; max-height: 170px; min-height: 50px;}
.video-box .subtitles-box p {white-space: pre-line; font-family: 'Pretendard', sans-serif; color: #666; line-height: 1.5;}
.video-box .text-area .title {display: block; font-weight: 500; line-height: 1.3; letter-spacing: -1px; word-break: keep-all; font-size: 25px; color: var(--black);}
.video-box .custom-scroll::-webkit-scrollbar-thumb {border: 6px solid transparent; transition: 0.3s;}
.video-box .custom-scroll::-webkit-scrollbar-thumb:hover {background-color: #b0b0b0;}
.video-box .custom-scroll::-webkit-scrollbar-track {background-color: rgba(220,220,220,0.4); background-clip: content-box; border: 7px solid transparent;}

.video-box.type2 .video-area {margin-bottom: 0; overflow: visible;}
.video-box.type2 .subtitles-box {max-height: 310px; height: 100%;}
.video-box.type2 .title {font-size: 18px; line-height: 1.3; margin-top: 20px; font-weight: 500;}
.video-box.type2 .title span {display: block; color: var(--black);}
.video-box.type2 .title span.sub {color: #666; font-size: 16px;}
.video-box.type2 .video-lnk-btn {display: inline-block; color: #fff; font-weight: bold; font-size: 22px; background: #032a58; padding: 10px; transition: 0.3s;}
.video-box.type2 .video-lnk-btn:hover, .video-box.type2 .video-lnk-btn:focus {background: var(--link-btn-point-on);}

.video-tab {display: flex; flex-wrap: wrap; gap: 20px; padding-top: 40px;}
.video-tab>li {width: calc(50% - 10px);}
.video-tab>li>a {position: relative; display: block; width: 100%; height: 55px; padding-top: 64%;}
.video-tab>li>a:after {content: ''; transition: 0.3s; position: absolute; top: 0; left: 0; display: block; width: 100%; height: calc(100% - 50px); background: url("/_user/components/img/sub/ico-btn-play.png") center no-repeat;}
.video-tab>li>a:hover:after {background-color: rgba(0,0,0,0.2);}
.video-tab>li>a img, .video-tab>li>a video {width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); margin-top: -25px; height: calc(100% - 50px); object-fit: cover;}
.video-tab strong {font-size: 15px; line-height: 1.3; margin-top: 10px; font-weight: 500; letter-spacing: -1px; color: var(--black); height: 47px;}
.video-tab strong > span {color: #666;}
.video-tab strong + p {display: none;}
.video-tab>li.on>a:before {content: ''; position: absolute; z-index: 3; top: 0; left: 0; display: block; width: 100%; height: 4px; background: #3897d9;}

@media screen and (min-width: 768px) {
    .video-box.type2 .text-area .title {font-size: 29px;}
    .video-box.type2 .title span.sub {font-size: 20px;}
    .video-box .keynote-tit {font-size: 26px;}
    .video-tab>li {width: calc(33.33% - 14px);}
    .video-tab>li>a:after {background-size: 29px auto;}
    .video-tab strong {font-size: 18px;}
}

@media screen and (min-width: 1024px) {
    .video-box {display: flex; justify-content: space-between; position: relative; padding-bottom: 75px;}
    .video-box .video-area {margin: 0; padding-bottom: 34%; width: 63%;}
    .video-box .keynote-tit {font-size: 36px; line-height: 1.2;}
    .video-box .text-area {position: relative; padding-top: 0; width: 37%; margin-left: 40px;}
    .video-box .text-area .text-con {position: absolute; display: grid; grid-template-rows: min-content min-content; left: 0; right: 0; top: 0; bottom: 0;}
    .video-box .text-area .title {font-size: 2.2rem;}
    .video-box .text-box>p {padding-top: 25px; font-size: 0.89rem;}
    .video-box .subtitles {height: 280px;}
    .video-box .sub-tit {padding: 40px 0 10px;}
    .video-box .subtitles-box {max-height: none; height: 100%; margin-top: 10px;}
    .video-box.type2 .subtitles {height: 400px;}
    .video-box.type2 .text-area .title {position: absolute; left: 0; bottom: -20px; font-size: 2rem;}
    .video-box.type2 .title span.sub {font-size: 1.1rem;}
    .video-tab {padding-top: 50px;}
    .video-tab>li {width: calc(25% - 15px);}
    .video-tab strong {font-size: 1rem;}
    .video-box.type2 .subtitles-box {height: 100%;}
    .video-box .custom-scroll::-webkit-scrollbar-track {border-width: 9px;}
    .video-box .custom-scroll::-webkit-scrollbar-thumb {border-width: 8px;}
}
/* component- video-box e */

/* component- sub-info-box s */
.sub-info-box {background: var(--lightgray); padding: 20px 15px; color: var(--black);}
.sub-info-box a {color: var(--black);}
.sub-info-box>ul {display: flex; align-items: center; flex-wrap: wrap; gap: 8px 18px;}
.sub-info-box>ul>li {font-size: 15px; font-weight: bold;}
.sub-info-box>ul+ul {padding-top: 16px;}
.sub-info-box .ico-office {width: 22px; height: 22px; padding-right: 4px; display: inline-block; background: url("/_user/components/img/sub/ico-office.jpg") left no-repeat; background-size: 22px;}
.sub-info-box .ico-pdf {width: 22px; height: 22px; padding-right: 8px; display: inline-block; background: url("/_user/components/img/sub/ico-pdf.png") left no-repeat; background-size: 22px;}
.sub-info-box .ico-home {width: 22px; height: 22px; padding-right: 8px; display: inline-block; background: url("/_user/components/img/sub/ico-homepage.png") left no-repeat; background-size: 22px;}
.sub-info-box .ico-sns {width: 22px; height: 22px; padding-right: 8px; display: inline-block; background: url("/_user/components/img/sub/ico-sns.png") left no-repeat; background-size: 22px;}
.sub-info-box .sns {display: inline-block; padding-left: 12px;}
.sub-info-box .sns>a {display: inline-block; width: 30px; height: 30px; padding-left: 2px; transition: 0.3s;}
.sub-info-box .sns>a:hover {opacity: 0.5;}
.sub-info-box .sns .facebook {background: url("/_user/components/img/sub/ico-sns-facebook.png") center no-repeat;}
.sub-info-box .sns .youtube {background: url("/_user/components/img/sub/ico-sns-youtube.png") center no-repeat;}
.sub-info-box .sns .twitter {background: url("/_user/components/img/sub/ico-sns-twitter.png") center no-repeat;}
.sub-info-box .sns .instagram {background: url("/_user/components/img/sub/ico-sns-insta.png") center no-repeat;}
.sub-info-box .sns .blog {background: url("/_user/components/img/sub/ico-sns-blog.png") center no-repeat;}
.sub-info-box .sns .band {background: url("/_user/components/img/sub/ico-sns-band.png") center no-repeat;}
.sub-info-box .sns .navercaffe {background: url("/_user/components/img/sub/ico-sns-ncaffe.png") center no-repeat;}

@media screen and (min-width: 1024px) {
    .sub-info-box {display: flex; justify-content: space-between;}
    .sub-info-box>ul+ul {padding-top: 0;}
    .sub-info-box>ul>li {font-size: 0.94rem;}
    .sub-info-box>ul>li.tel {font-size: 18px;}
    .sub-info-box .ico-office {width: 31px; height: 29px; background-size: auto 29px;}
    .sub-info-box .ico-pdf {width: 29px; height: 26px; background-size: auto 26px;}
    .sub-info-box .ico-home {width: 29px; height: 26px; background-size: auto 26px;}
    .sub-info-box .ico-sns {width: 30px; height: 22px; background-size: auto 22px;}
}
/* component- sub-info-box e */

/* component - ex-box-wrap s */
.ex-box-wrap {padding: 15px;}
.ex-box-wrap .ex-box {display: flex; position: relative; justify-content: center; align-items: center; flex-direction: column; padding: 30px 15px 15px; background: #fff; line-height: 1.4;}
.ex-box-wrap .ex-box.inline {display: inline-flex;}
.ex-box-wrap .ex-box.center {align-items: center;}
.ex-box-wrap .ex-box.no-ico {padding-left: 70px;}
.ex-box-wrap .ex-box + .ex-box {margin-top: 0; border-top: 0;}
.ex-box .ico-area {margin: 0; min-width: 50px;}
.ex-box .txt-area {display: block; text-align: center; width: 100%;}
.ex-box .txt-area>p.exclam {font-size: 15px; color: #555; font-weight: 300;}
.ex-box .txt-area dl>dt {font-size: 16px; font-weight: 500; text-align: left;}
.ex-box .txt-area dl>dt:nth-child(n+2) {padding-top: 20px;}

.ex-box-wrap.list .ex-box {flex-direction: row; align-items: flex-start;}
.ex-box-wrap.list .ex-box .txt-area {text-align: left;}
.ex-box .ico-area {margin: 0 auto; padding-bottom: 5px;}
.ex-box .icon {width: 50px; height: 50px; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: 100%;}

.ex-box .txt-area span, .ex-box .txt-area ul a {display: flex; color: #505050; text-align: left; font-size: 15px;}
.ex-box .txt-area>p.keynote-tit {padding-bottom: 10px;}
.ex-box .txt-area ul {display: flex; flex-wrap: wrap; padding-top: 5px;}
.ex-box .txt-area li {display: inline-flex; flex-wrap: wrap; width: 100%; align-items: center;}
.ex-box .txt-area li > ul {width: calc(100% - 14px); padding-left: 14px;}
.ex-box .txt-area li + li  {padding-top: 10px;}
.ex-box .txt-area ul + p {margin-top: 20px;}
.ex-box .txt-area li em {display: inline-block; margin-right: 10px;}
.ex-box .txt-area a {display: inline-block; margin-right: 5px; color: var(--black);}
.ex-box .txt-area a.point {color: #fff;}
.ex-box .txt-area a.highlight {display: inline-flex; align-items: center; background: #eee; padding: 0 5px;}
.ex-box .txt-area a.link-btn {display: inline-flex; margin: 0;}
.ex-box .txt-area a.link-btn:hover {color: var(--white);}
.ex-box .txt-area a.hover-event:hover, .ex-box .txt-area a.hover-event:focus {color: #760203; font-weight: bold;}
.ex-box .txt-area a.hover-event.h-orange:hover, .ex-box .txt-area a.hover-event.h-orange:focus {color: #e96a00; font-weight: 500;}
.ex-box .txt-area a.arrow:after {content: ''; width: 20px; height: 7px; margin-left: 5px; background: url("/_user/components/img/sub/ico-process-arrow.png") center no-repeat; background-size: 20px;}
.ex-box .txt-area .bullet-type03 {margin-right: 5px;}

.ex-box.type2 {padding: 20px;}

.accent {width: 100% !important; font-weight: bold; color: #000;}
.ex-box .txt-area .accent * {color: #000}
em.new {color: #fff !important; display: inline-block; font-weight: bold; background: #760203; font-size: 16px; line-height: 30px; height: 30px; padding: 0 10px;}

@media screen and (min-width: 460px) {
    .ex-box .txt-area ul {gap: 5px 40px;}
    .ex-box .txt-area li {width: auto;}
    .ex-box .txt-area li + li {padding-top: 0;}
}

@media screen and (min-width: 768px) {
    .ex-box-wrap {padding: 15px 30px;}
    .ex-box-wrap.list {display: grid; grid-template-columns: 1.2fr 1fr 1fr; border: 1px solid var(--border-color); padding: 35px 40px; margin-left: 15px; margin-right: 15px; gap: 35px;}
    .ex-box-wrap.list .ex-box {border: none; padding: 0;}
    .ex-box-wrap.list .ex-box.no-ico {padding-left: 0;}
    .ex-box-wrap.list .ico-area {min-width: 120px; width: auto; justify-content: flex-start;}
    .ex-box-wrap.list .ex-box .txt-area {width: auto;}
    .ex-box-wrap.list .ex-box:first-child {min-width: 275px;}
    .ex-box-wrap.list .ex-box:nth-child(2) {padding: 0 30px; border-left: 1px solid var(--border-color); border-right: 1px solid var(--border-color);}
    .ex-box-wrap.list .ex-box:last-child {grid-column-start: 1; grid-column-end: 4; padding-top: 35px; border-top: 1px solid var(--border-color);}
    .ex-box-wrap .ex-box {padding: 35px 30px; flex-direction: row; justify-content: flex-start; align-items: flex-start;}
    .ex-box .ico-area {display: flex; justify-content: flex-start; align-items: center; margin: 0; padding: 0; width: 125px;}
    .ex-box .icon {width: 90px; height: 90px;}
    .ex-box .txt-area {width: calc(100% - 160px);}
    .ex-box .txt-area>p {text-align: left; font-size: 21px;}
    .ex-box .txt-area>p.exclam {font-size: 18px;}
    .ex-box .txt-area ul {padding-top: 8px;}
    .ex-box .txt-area li, .ex-box .txt-area span {font-size: 18px;}
    .ex-box .txt-area dl {display: flex; flex-wrap: wrap;}
    .ex-box .txt-area dl>dt {min-width: 260px;}
    .ex-box .txt-area dl>dd {width: calc(100% - 260px);}
    .ex-box .txt-area dl>dd:nth-of-type(n+2) {padding-top: 20px;}
    .ex-box .txt-area dl ul {padding-top: 0;}

    .ex-box.type2 {padding: 30px 40px; gap: 25px;}
    .ex-box.type2 .ico-area {align-self: flex-start; width: auto;}

    .ex-box-flex.col2 {display: flex; flex-wrap: wrap; gap: 0 30px;}
    .ex-box-flex.col2 .ex-box-wrap {width: calc(50% - 15px); margin: 0;}
    .ex-box-flex.col2 .ex-box-wrap .ex-box {height: 100%; box-sizing: border-box;}

    .ex-box .txt-area .accent * {font-size: 18px;}
}

@media screen and (min-width: 1024px) {
    .ex-box-wrap {max-width: 1200px; margin: 0 auto; padding-left: 0; padding-right: 0;}
    .ex-box-wrap.list {max-width: 1118px; margin: 0 auto 40px;}
    .ex-box .txt-area>p.keynote-tit {font-size: 1.33rem; padding-bottom: 15px;}
    .ex-box .txt-area li, .ex-box .txt-area span, .ex-box .txt-area>p.exclam {font-size: 1rem;}
}
/* component - ex-box e */

/* ex-box icon */
.icon.license01 {background-image: url("/_user/components/img/sub/icon-licence01.png");}
.icon.license02 {background-image: url("/_user/components/img/sub/icon-licence02.png");}
.icon.license03 {background-image: url("/_user/components/img/sub/icon-licence03.png");}
.icon.license04 {background-image: url("/_user/components/img/sub/icon-sub-keynote8.png");}
.icon.intro-condition {width: 40px; height: 40px; background-image: url("/_user/department/estate/img/sub/ico-intro-condition.png"); background-size: 40px auto;}

@media screen and (min-width: 768px) {
    .icon.intro-condition {width: 60px; height: 60px; background-size: 60px auto;}
}

@media screen and (min-width: 1024px) {
    .icon.intro-condition {width: 70px; height: 70px; background-size: 70px auto;}
}

/* component - keynote-square s */
.keynote-square {padding-bottom: 50px;}
.keynote-square.type2 {padding-top: 50px;}
.keynote-square .contents-tit:before {display: none; margin-bottom: 0;}
.keynote-square>ul {display: flex; flex-wrap: wrap;}
.keynote-square>ul>li {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 20px; box-sizing: border-box; background: var(--lightnavy); color: #fff; gap: 10px}
.keynote-square.banner>ul>li {padding: 0;}
.keynote-square.banner>ul>li>a {display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; color: #fff;  padding: 40px 20px; box-sizing: border-box;}
.keynote-square>ul>li.banner {width: 100%; min-height: 150px; background: url("/_user/department/account/img/sub/img-main-banner01.jpg") no-repeat; background-size: cover; overflow: hidden;}
.keynote-square>ul>li.banner.detective {background-image: url('/_user/department/pi/img/sub/pi_bn1.jpg');}
.keynote-square>ul>li.banner.ee {background-image: url('/_user/department/ee/img/sub/ee_bg3.jpg');}
.keynote-square>ul>li.banner.me {background-image: url('/_user/department/me/img/sub/mr_bg.jpg');}
.keynote-square>ul>li.banner.drone {background-image: url('/_user/department/drone/img/sub/mr_bg.jpg');}
.keynote-square>ul>li.banner.cultureart {background-image: url('/_user/department/cultureart/img/sub/culture.jpg');}
.keynote-square>ul>li.banner.music {background-image: url('/_user/department/music/img/sub/music_banner2.jpg');}
.keynote-square>ul>li.banner.writing {background-image: url('/_user/department/writing/img/sub/main_bn1.png');}
.keynote-square>ul>li.banner.finearts {background-image: url('/_user/department/finearts/img/sub/painting2.png');}
.keynote-square>ul>li.banner>a {width: 100%;}
.keynote-square>ul>li.banner>a>p {font-size: 16px; line-height: 1.4; color: var(--black);}
.keynote-square>ul>li.banner>a>p>em {display: block;}
.keynote-square>ul>li.banner>a>p>span {font-size: 16px;}
.keynote-square>ul>li.banner img {width: 200%; object-fit: cover;}
.keynote-square>ul>li.yellow-bg {color: var(--black); background: #f9efc0;}
.keynote-square>ul>li.yellow-bg>a {color: var(--black);}
.keynote-square>ul>li.gray-bg {background: #5e6e88;}
.keynote-square>ul>li.blue-bg {background: #05548f;}
.keynote-square>ul>li.lightblue-bg {background: #3897d9;}
.keynote-square>ul>li.lightgray-bg {background: #5b79aa;}
.keynote-square .txt {word-break: keep-all; line-height: 1.4; font-weight: 500; font-size: 16px;}
.keynote-square .txt>em {display: block; margin-top: 5px; font-size: 18px;}
.keynote-square .ico {width: 35px; flex-shrink: 0;}
.keynote-square .ico img{width: 100%;}

@media screen and (min-width: 768px) {
    .keynote-square>ul>li {width: 50%; padding: 40px;}
    .keynote-square.banner>ul>li>a {padding: 55px 40px 40px;}
    .keynote-square.type2 {padding-top: 0;}
    .keynote-square .ico, .keynote-square .ico img {width: auto;}
    .keynote-square .txt>em {font-size: 21px;}
    .keynote-square>ul>li.banner img {width: 100%;}
    .keynote-square>ul>li.banner>a>p {font-size: 24px;}
}
@media screen and (min-width: 1024px) {
    .keynote-square>ul>li {width: 33.33%;}
    .keynote-square.type2>ul>li {padding: 40px;}
    .keynote-square.type3>ul>li {width: 25%;}
    .keynote-square.type3>ul>li.banner {width: 100%;}
    .keynote-square.banner>ul>li>a {padding: 40px;}
    .keynote-square .txt {font-size: 0.89rem;}
    .keynote-square .txt>em {font-size: 1.17rem;}
    .keynote-square>ul>li.banner>a>p {font-size: 1.56rem;}
}
/* component - keynote-square e */

/* component - keynote-sub s */
.keynote-sub>li:nth-of-type(even) .keynote-sub-tit>span {background: var(--gold);}
.keynote-sub-tit {display: flex; padding: 10px 0; font-size: 1rem; margin-bottom: 10px; color: var(--black);}
.keynote-sub-tit>span {display: flex; align-items: center; padding: 15px 20px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; background: #00263d; color: #fff; font-weight: 700; width: 56px; box-sizing: border-box;}
.keynote-sub-tit>p {flex: 1; background: #f5f5f5; padding: 15px 10px; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.keynote-sub-cont {padding-bottom: 30px; line-height: 25px; font-size: 14px;}
@media screen and (min-width: 768px){
    .keynote-sub-cont {font-size: 15px;}
    .keynote-sub-tit>span {font-size: 18px;}
}
@media screen and (min-width: 1024px){
    .keynote-sub-cont {font-size: 0.83rem;}
    .keynote-sub-tit>span {font-size: 1rem;}
}
/* component - keynote-sub e */

/* component - keynote-box s */
.keynote-box {display: flex; flex-direction: row; flex-wrap: wrap; gap: 40px;}
.keynote-box>li {width: 100%;}
.keynote-box>li img {height: 90px;}
.keynote-tit {font-size: 18px; font-weight: 500; letter-spacing: -1px; color: var(--black);}
.keynote-txt {font-size: 16px; color: #666; line-height: 1.6em;}
.txt-tit {font-size: 16px; color: #000; font-weight: 500;}

.keynote-box.col-1 {gap: 30px;}
.keynote-box.col-1>li{display: flex; gap: 15px;}
.keynote-box.col-1>li img {height: 55px;}
.keynote-box.col-1 .keynote-list {padding-top: 10px;}
.keynote-box.col-1 .keynote-list>li {position: relative; padding-left: 8px; letter-spacing: -1px; font-size: 14px; padding-bottom: 8px;}
.keynote-box.col-1 .keynote-list>li:before {content: ''; display: block; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; box-sizing: border-box; border-radius: 50%; background: #999;}

@media screen and (min-width: 768px) {
    .keynote-tit {font-size: 21px;}
    .txt-tit {font-size: 18px;}
    .keynote-box>li {width: calc(50% - 20px);}
    .keynote-box.col-1>li {width: 100%;}
    .keynote-box.col-1 .keynote-list>li {font-size: 16px;}
}

@media screen and (min-width: 1024px){
    .keynote-box {padding-top: 20px;}
    .keynote-box>li img {height: auto; padding-bottom: 10px;}
    .keynote-tit {font-size: 1.33rem; font-weight: 500; letter-spacing: -1px; padding-bottom: 15px;}
    .keynote-txt {font-size: 0.89rem;}
    .txt-tit {font-size: 1.15rem;}

    .keynote-box.col-1>li {width: 100%; display: flex; gap: 35px; padding-bottom: 0;}
    .keynote-box.col-1 .keynote-tit {padding-bottom: 0;}
    .keynote-box.col-1 .keynote-list {padding-left: 10px; padding-top: 20px;}
    .keynote-box.col-1 .keynote-list>li {font-size: 0.89rem;}
    .keynote-box.col-1 .keynote-list.col-2>li {width: calc(50% - 50px);}
    .keynote-box.col-1>li img {height: 110px;}
    .keynote-box.col-1 .keynote-list.col-2 {display: flex; flex-wrap: wrap;}

    .keynote-box.col-3>li {width: calc(33.33% - 27px); display: grid; grid-template-rows: 140px min-content min-content;}
    .keynote-box.col-4 {gap: 40px 30px;}
    .keynote-box.col-4>li {width: calc(25% - 22.5px); display: grid; grid-template-rows: 140px min-content min-content;}
}
/* component - keynote-box e */

/* component - target-box s */
.bg-lightgray {background: var(--lightgray);}
.target-box {max-width: 1260px; padding-bottom: 30px;}
.target-box {display: flex; gap: 30px; flex-direction: column; flex-wrap: wrap;}
.target-box>li {width: 100%; display: flex; flex-direction: column;}
.target-box .target-list>li+li {padding-top: 7px;}
.target-box .section-sub-tit {padding-top: 20px; padding-bottom: 10px; line-height: 1.2;}
.target-box .target-sub-tit {font-size: 16px; color: var(--gold); line-height: 1.6em;}
.target-box .target-sub-txt {font-size: 15px; color: #666; line-height: 1.6em;}
@media screen and (min-width: 768px){
    .target-box {flex-direction: row;}
    .target-box>li {width: calc(50% - 15px);}
}
@media screen and (min-width: 1024px){
    .target-box .target-sub-tit {font-size: 0.89rem;}
    .target-box .target-sub-txt {font-size: 0.83rem}
}
@media screen and (min-width: 1200px){
    .target-box>li {width: calc(33.33% - 20px);}
    .target-box .section-sub-tit {padding-top: 30px; padding-bottom: 13px;}
    .target-box .target-sub-txt {font-size: 0.89rem;}
}
/* component - target-box e */

/* component - target-box-type2 s */
.target-box-type2 > ul{display: flex; flex-direction: column; gap: 25px;}
.target-box-type2 ul>li {display: flex; gap: 25px;}
.target-box-type2 .img-area {width: 130px; height: 194px; flex-shrink: 0;}
.target-box-type2 .img-area img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.target-box-type2 .list-tit {padding-bottom: 15px;}
.target-box-type2  .bullet-list .bullet-type03 {margin-right: 5px;}
.target-box-type2  .bullet-list>li {letter-spacing: -1px; color: #666; line-height: 1.7; word-break: keep-all;}
@media screen and (min-width: 768px){
    .target-box-type2 .bullet-list>li {letter-spacing: unset; font-size: 16px; line-height: 1.4;}
    .target-box-type2 .img-area {width: 168px; height: 250px;}
}
@media screen and (min-width: 1024px){
    .target-box-type2>ul {flex-direction: row; gap: 60px; flex-wrap: wrap;}
    .target-box-type2>ul>li {width: calc(50% - 30px);}
    .target-box-type2 .bullet-list>li {font-size: 0.89rem;}
}
/* component - target-box-type2 e */

/* component - activity-box s */
.activity-box {display: flex; flex-wrap: wrap; gap: 20px;}
.activity-box>li {width: 100%;}
.activity-box>li>a {display: flex; flex-direction: column;}
.activity-box>li>a img {width: 100%; object-fit: cover; transition: 0.4s;}
.activity-box>li .img-area {overflow: hidden;}
.activity-box>li .img-tit {display: block; font-size: 16px; font-weight: 500; padding: 10px 0 5px; color: var(--black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.activity-box>li .img-txt {font-size: 14px; color: #666; line-height: 1.4;}

@media screen and (min-width: 512px){
    .activity-box li {width: calc(50% - 10px);}
}
@media screen and (min-width: 768px){
    .activity-box>li {width: calc(33.33% - 14px);}
    .activity-box>li>a:hover img, .activity-box ul li>a:focus img {transform: scale(1.1);}
}
@media screen and (min-width: 1024px){
    .activity-box  {gap: 30px;}
    .activity-box.col-3>li {width: calc(33.33% - 20px);}
    .activity-box.col-4>li {width: calc(25% - 23px);}
    .activity-box>li .img-tit {font-size: 1rem;  padding: 20px 0 10px;}
    .activity-box>li .img-txt {font-size: 16px;}
}
/* component - activity-box e */

/* component - cooperation-box s */
.cooperation-box ul {display: flex; flex-wrap: wrap; gap: 10px 20px; padding-bottom: 30px;}
.cooperation-box ul:last-of-type {padding-bottom: 0;}
.cooperation-box ul li {width: calc(50% - 10px); box-sizing: border-box;}
.cooperation-box ul li a {display: flex; justify-content: center; align-items: center;}
.cooperation-box.border ul li {width: calc(50% - 12px); border: 1px solid var(--border-color); transition: 0.3s;}
.cooperation-box.border ul li a {padding: 0 15px;}
.cooperation-box.border ul li:hover {border-color: #888;}
.cooperation-box img {max-width: 100%;}
.cooperation-box>ul>li>p {text-align: center; color: var(--black); padding-top: 5px;}
@media screen and (min-width: 414px){
    .cooperation-box ul li {width: calc(33.33% - 15px);}
}
@media screen and (min-width: 768px){
    .cooperation-box ul {gap: 20px 30px;}
    .cooperation-box ul li {width: calc(25% - 24px);}
    .cooperation-box.border ul li {width: calc(33.33% - 22px)}
}
@media screen and (min-width: 1024px){
    .cooperation-box ul {gap: 30px;}
    .cooperation-box ul li {width: calc(20% - 24px);}
    .cooperation-box.col-3 ul li {width: calc(33.33% - 20px)}
    .cooperation-box.border ul li {width: calc(25% - 24.5px);}
}
/* component - cooperation-box e */

/* component - sample-box s */
.sample-box {display: flex; flex-wrap: wrap; gap: 30px; max-width: 1200px;}
.sample-box>li {width: calc(50% - 15px); position: relative; overflow: hidden;}
.sample-box>li>a {display: block; width: 100%; height: 100%;}
.sample-box .sample-thumbnail {position: relative; height: 0; padding-top: 60%; overflow: hidden;}
/*.sample-box .sample-thumbnail:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/_user/components/img/sub/ico-btn-play.png') no-repeat 50% 50%; z-index: 2;}*/
.sample-box .sample-thumbnail:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 1; transition: 0.3s;}
.sample-box>li a:hover .sample-thumbnail:before {background-color: rgba(0,0,0,0.5);}
.sample-box .sample-thumbnail img {width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}
.sample-box .sample-txt {display: flex; flex-direction: column; padding-top: 10px; font-weight: 500; font-size: 15px; letter-spacing: -1px; color: var(--black);}
.sample-box .sample-txt .name {color: #666; font-size: 14px;}

@media screen and (min-width: 768px) {
    .sample-box {gap: 40px 20px}
    .sample-box.col-4>li {width: calc(25% - 15px);}
    .sample-box .sample-thumbnail {padding-top: min(211px, 70%);}
    .sample-box.col-2 .sample-thumbnail {padding-top: min(300px, 70%);}
    .sample-box .sample-txt {flex-direction: row; flex-wrap: wrap; gap: 0 4px; font-size: min(18px, 1rem);}
    .sample-box .sample-txt .name {color: #666; font-size: min(18px, 1rem);}
}

@media screen and (min-width: 1024px) {
    .sample-box {gap: 80px 20px}
    .sample-box .sample-txt {flex-direction: row; font-size: 1rem;}
    .sample-box .sample-txt .name {padding-left: 4px; color: #666; font-size: 1rem;}
}

@media screen and (min-width: 1200px){
    .sample-box {gap: 80px 20px}
    .sample-box.col-2>li {width: calc(50% - 15px);}
    .sample-box.col-4>li {width: calc(25% - 15px);}
}
/* component - sample-box e */

/* component - gathering-box s */
.gathering-box>li {width: 100%; padding: 15px; margin-bottom: 10px; border: 1px solid var(--border-color); box-sizing: border-box; color: var(--black);}
.gathering-box>li {display: flex; justify-content: space-between;}
.gathering-box .gathering-left {display: flex; gap: 10px;}
.gathering-box .arrow {display: inline-block; width: 19px; height: 19px; padding-left: 15px; background-size: cover; background: url('/_user/components/img/sub/arrow_gathering.png') no-repeat center;}
.gathering-box .gathering-name {display: block; padding-top: 10px;}
.gathering-box .gathering-photo {width: 66px; min-height: 70px; height: 100%;}
.gathering-box .gathering-photo img {width: 100%; height: 100%; object-fit: cover;}
.gathering-tit {font-weight: 500; color: var(--black);}
.gathering-info {font-size: 14px; line-height: 1.4;}
.gathering-info>a .gathering-tit, .gathering2-box>li>a .gathering2-tit {transition: 0.3s;}
.gathering-info>a:hover .gathering-tit, .gathering-info>a:focus .gathering-tit,
.gathering2-box>li>a:hover .gathering2-tit, .gathering2-box>li>a:focus .gathering2-tit {color: var(--gold);}
.gathering-box .gathering-thumbnail {width: 100px; height: 100%;}
.gathering-box .gathering-thumbnail img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (min-width: 768px) {
    .gathering-box>li {padding: 30px;}
    .gathering-box .gathering-photo {width: 96px; height: 100%;}
    .gathering-info {font-size: 16px;}
    .gathering-box .gathering-thumbnail {width: 154px;}
}

@media screen and (min-width: 1024px) {
    .gathering-info {font-size: 0.89rem;}
    .gathering-box {display: flex; flex-wrap: wrap; gap: 30px;}
    .gathering-box> li {width: calc(50% - 15px); margin-bottom: 0;}
}
/* component - gathering-box e */

/* component - gathering2-box s */
.gathering2-box {display: flex; flex-wrap: wrap; gap: 30px;]}
.gathering2-box>li {width: 100%; padding: 15px; border: 1px solid #e1e1e1; line-height: 1.4; color: var(--black);}
.gathering2-box>li>a {color: var(--black); display: block; width: max-content;}
.gathering2-box>li>div {display: flex; flex-direction: column; gap: 20px;}
.gathering2-box .gathering2-tit {display: flex; align-items: center; font-size: 18px; font-weight: 500; padding-bottom: 15px;}
.gathering2-box .arrow {display: inline-block; width: 19px; height: 19px; padding-left: 15px; background-size: cover; background: url('/_user/components/img/sub/arrow_gathering.png') no-repeat center;}
.gathering2-left {display: flex; gap: 20px; min-width: 210px;}
.gathering2-left .gathering2-photo {width: 96px; height: auto; border: 1px solid #e1e1e1;}
.gathering2-left .gathering2-photo img {width: 100%; height: 100%; object-fit: cover;}
.gathering2-left .gathering2-info {line-height: 20px; font-size: 14px; letter-spacing: -0.5px;}
.gathering2-left .gathering2-info>p {font-weight: 500;}
.gathering2-left .gathering2-info>span {display: block; padding-top: 9px;}
.gathering2-right {display: flex; flex-direction: column; gap: 15px; flex: 1; justify-content: space-between;}
.gathering2-right .gathering2-thumbnail {width: 154px; height: 115px; flex-shrink: 0;}
.gathering2-right .gathering2-thumbnail img{width: 100%; height: 100%; object-fit: cover;}
.gathering2-right .gathering2-cont {letter-spacing: -0.5px; font-size: 14px; word-break: keep-all;}
.gathering2-right .gathering2-cont>li {padding-top: 13px;}
.gathering2-right .gathering2-cont>li:first-of-type {padding-top: 0;}
.gathering2-right .gathering2-cont .cont-tit {font-weight: 500;}
.gathering2-right .gathering2-cont .cont-txt {display: block; padding-top: 9px;}

@media screen and (min-width: 768px) {
    .gathering2-box>li {padding: 25px;}
    .gathering2-box>li>div {flex-direction: row; justify-content: space-between; flex: 1;}
    .gathering2-box .gathering2-tit {font-size: 21px;}
    .gathering2-left .gathering2-info {font-size: 16px; line-height: inherit;}
    .gathering2-right {flex-direction: row; padding-left: 20px; border-left: 1px solid #e1e1e1;}
    .gathering2-right .gathering2-cont {font-size: 16px;}
}
@media screen and (min-width: 1024px){
    .gathering2-box .gathering2-tit {font-size: 1.17rem;}
    .gathering2-left .gathering2-info,  .gathering2-right .gathering2-cont {font-size: 0.89rem;}
}
@media screen and (min-width: 1200px){
    .gathering2-box>li {display: flex; gap: 30px;}
    .gathering2-box .gathering2-tit {display: block; min-width: 88px;}
    .gathering2-box .arrow {padding-top: 10px;}
    .gathering2-right {flex:0;}
    .gathering2-right .gathering2-cont>li {min-width: 530px;}
}
/* component - gathering2-box e */
/* component - square-ex-box s */
.square-ex-box>li {display: flex; flex-direction: column; padding-bottom: 20px;}
.square-ex-box>li:last-of-type {padding-bottom: 0;}
.square-ex-box>li .square-tit {display: flex; width: auto; height: 65px; background: #05548f; gap: 20px; align-items: center; box-sizing: border-box; padding: 5px 15px; font-weight: 500;}
.square-ex-box>li>div.square-tit.bg-pink {background: #ff0066;}
.square-ex-box>li>div.square-tit.bg-mint {background: #0d697b;}
.square-ex-box>li>div.square-tit.bg-blue {background: #0d697b;}
.square-ex-box>li:nth-child(3n-1) .square-tit {background-color: #3897d9;}
.square-ex-box>li:nth-child(3n) .square-tit {background-color: #5e6e88;}
.square-ex-box>li .square-tit .mark {color: #fff; font-size: 40px;}
.square-ex-box>li .square-tit .square-tit-inner {color: #fff; line-height: 1.2;}
.square-ex-box>li .square-tit .square-tit-inner p {font-size: 18px;}
.square-ex-box>li .square-tit .square-tit-inner span {font-size: 14px;}
.square-ex-box .square-cont {display:flex; flex-direction: column; justify-content: center; flex: 1; background: var(--lightgray); padding: 15px; color: #272727; }
.square-ex-box .square-cont>p {padding-bottom: 10px; font-size: 18px; font-weight: 500;}
.square-ex-box .square-cont>span {color: #666; word-break: keep-all; font-size: 15px;}
.square-ex-box .square-cont strong {color: #666;}
.square-ex-box .square-cont>ul>li {position: relative; font-size: 15px; padding-bottom: 5px;}
.square-ex-box .square-cont .bullet-type03{position: absolute; left: -9px; top: 9px;}

.square-ex-box>li .square-tit.img-area {height: auto; padding: 0; background: none;}
.square-ex-box>li .square-tit.img-area img {height: 200px; width: 300px; margin: 0 auto;}
.square-ex-box .square-tit.img-area + .square-cont {background: none;}
.square-ex-box .square-tit.img-area + .square-cont>p {font-size: 14px;}

@media screen and (min-width: 768px){
    .square-ex-box.col-3 {display: flex; flex-wrap: wrap;}
    .square-ex-box.col-3>li {width: 33.33%;}
    .square-ex-box.col-3>li .square-tit {width: 100%;}

    .square-ex-box>li {flex-direction: row}
    .square-ex-box>li .square-tit {width: 284px; height: auto; align-self: stretch; padding: 30px 25px;}
    .square-ex-box>li .square-tit .mark {font-size: 50px}
    .square-ex-box>li .square-tit.center {justify-content: center;}
    .square-ex-box>li .square-tit .square-tit-inner p {font-size: 21px; text-align: center; line-height: 1.3;}
    .square-ex-box .square-cont {padding: 30px;}

    .square-ex-box>li .square-tit.img-area {width: 250px;}
    .square-ex-box>li .square-tit.img-area img {width: 250px; height: 100%; object-fit: cover;}
    .square-ex-box .square-tit.img-area + .square-cont {padding: 10px 30px; background: #f1f2f6;}
    .square-ex-box .square-tit.img-area + .square-cont>p {font-size: 16px;}
}

@media screen and (min-width: 1024px){
    .square-ex-box.col-3 {gap: 0 20px;}
    .square-ex-box.col-3>li {width: calc(33.33% - 13.5px);}

    .square-ex-box>li .square-tit .square-tit-inner p {font-size: 1.17rem;}
    .square-ex-box>li .square-tit .square-tit-inner span {font-size: 0.78rem;}
    .square-ex-box .square-cont>p {font-size: 1rem;}
    .square-ex-box .square-cont>span, .square-ex-box .square-cont>ul>li {font-size: 0.83rem;}

    .square-ex-box .square-tit.img-area + .square-cont {padding: 20px 50px;}
}
/* component - square-ex-box e */

/* component - ebook-slide s */
.ebook-slide-wrap {position: relative; margin: -80px -15px 0; padding: 80px 15px 50px; overflow: hidden;}
.bg-grayblue {background: var(--grayblue);}
.ebook-slide {max-width: 1200px; margin: 0;}
.ebook-slide img {max-width: 100%; width: 100%;}
.ebook-slide .swiper-slide {transform-origin: top;}
.ebook-slide .swiper-slide-prev, .ebook-slide .swiper-slide-next {opacity: 0.5;}
.ebook-slide.light .swiper-slide-prev, .ebook-slide.light .swiper-slide-next {opacity: 1;}
.ebook-slide-wrap .swiper-control {position: absolute; right: 15px; top: 20px; display: flex; gap: 20px;}
.ebook-slide-wrap.wide-section .ebook-slide .swiper-control {top: 70px;}
.ebook-slide .swiper-pagination {color: #fff; bottom: 0;}
.ebook-slide.light .swiper-pagination {color: #555;}
.ebook-slide.light .swiper-pagination span.swiper-pagination-current {color: var(--black);}
.ebook-slide .swiper-pagination span {font-size: 14px;}
.ebook-slide .swiper-button-next, .ebook-slide .swiper-button-prev {width: 30px; height: 30px; transition: 0.3s; background-image: none; position: relative; margin-top: 0; left: 0;}
.ebook-slide .swiper-button-next {right: 0; left: auto;}
.wide-section.ebook-slide-wrap .swiper-button-next {right: 20px;}
.ebook-slide .swiper-button-next:before, .ebook-slide .swiper-button-prev:before {content: ''; position: absolute; left: 10px; top: 3px; transition: 0.3s; display: block; width: 20px; height: 20px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg);}
.ebook-slide .swiper-button-next:before {transform: rotate(45deg); left: 0;}
.ebook-slide.light .swiper-button-next:before, .ebook-slide.light .swiper-button-prev:before {border-color: #c4c9d4;}
.ebook-slide.light .swiper-button-next:hover:before, .ebook-slide.light .swiper-button-prev:hover:before {border-color: var(--black);}


@media screen and (min-width: 768px){
    .ebook-slide-wrap {padding-bottom: 100px;}
    .ebook-slide .swiper-pagination {left: 0; font-size: 18px; bottom: 40px; line-height: 1rem; vertical-align: bottom;}
    .ebook-slide .swiper-pagination span {font-size: 18px;}
    .ebook-slide-wrap .swiper-control {top: 10px;}
    .ebook-slide.light .swiper-slide-prev img, .ebook-slide.light .swiper-slide-next img {box-shadow: 17px 21px 30px #a8a8a8;}
}
@media screen and (min-width: 1200px){
    .ebook-slide-wrap {padding-right: 250px; overflow: visible;}
    .ebook-slide-wrap.bh {padding-right: calc(100% - 674px);}
    .ebook-slide-section {max-width: 1200px;}
    .ebook-slide .swiper-slide {height: auto;}
    .ebook-slide-wrap.type2 img {width: auto;}
    .ebook-slide {position: relative;}
    .ebook-slide img {height: 80%; transition: height 0.4s;}
    .ebook-slide .swiper-slide-active img {height: 100%;}
    .ebook-slide .swiper-pagination span.swiper-pagination-current {font-size: 32px;}
    .ebook-slide:after {content: ''; display: block; position: absolute; left: 100%; bottom: 0; margin-left: 200px; width: 50%; height: 3px; background: #fff;}
    .ebook-slide.light:after {background: #c5cad5;}
    .ebook-slide-wrap .swiper-control {top: auto; bottom: 0; right: -177px; gap: 80px;}
    .ebook-slide .swiper-pagination {width: auto; bottom: 0; left: 100%; white-space: nowrap; margin-left: 90px;}
    .wide-section.ebook-slide-wrap .swiper-button-next {right: 0;}
    .ebook-slide .swiper-button-prev:before {left: 20px;}
    .ebook-slide .swiper-pagination span {vertical-align: baseline;}
}
/* component - ebook-slide e */

/* label-tit */
.label-tit-wrap {padding-bottom: 25px;}
.label-tit-wrap .label-tit {color: #042A59; font-size: 20px;}
.label-tit-wrap .dept-label {display: inline-flex; justify-content: center; align-items: center; background: var(--dept-label-bg); color: #FFF; padding: 2px 15px; margin-top: 6px;}
.label-tit-wrap .dept-label>span {display: inline-block;}
.label-tit-wrap .dept-label>span+span:before {content: ''; position: relative; top: 1px; width: 1px; height: 12px; display: inline-block; background: #fff; margin: 0 8px 0 5px;}

@media screen and (min-width: 768px){
    .label-tit-wrap {display: flex; align-items: center; gap: 15px;}
    .label-tit-wrap .label-tit {font-size: 30px; letter-spacing: -1px;}
    .label-tit-wrap .dept-label {margin-top: 0; padding: 4px 15px;}
    .label-tit-wrap .dept-label>span {font-size: 16px;}
    .label-tit-wrap .dept-label>span+span:before {height: 14px; top: 3px;}
}

@media screen and (min-width: 1024px){
    .label-tit-wrap .label-tit {font-size: 36px;}
}

/* contact-box */
.contact-box {padding: 48px 20px 20px; background: var(--lightgray) url("/_user/components/img/sub/ico-contact-box.png") center 15px no-repeat; background-size: 22px auto;}
.contact-box ul {display: flex; flex-wrap: wrap; justify-content: center; gap: 0 15px; text-align: center; font-size: 16px;}
.contact-box li, .contact-box a {color: #666;}
.contact-box li {display: flex; gap: 0 15px; align-items: baseline;}
.contact-box li.tel:before {content: ''; display: block; margin-right: 10px; width: 16px; height: 16px; background: url("/_user/components/img/sub/ico-tel.png") 100% no-repeat; background-size: 13px;}
.contact-box li.mail:before {content: ''; display: block; margin-right: 10px; width: 16px; height: 16px; background: url("/_user/components/img/sub/ico-mail.png") 100% no-repeat; background-size: 14px;}
.contact-box strong {color: #222; padding-right: 10px;}
.contact-box em {display: inline-block; font-weight: 500; color: var(--black); word-break: keep-all;}

.contact-box.type2 {background: #fff; padding: 20px 0; border-bottom: 1px solid var(--border-color); margin-bottom: 10px;}
.contact-box.type2 ul {flex-direction: column; text-align: left;}
.contact-box.type2 em {font-weight: 700; padding-right: 10px;}
.ico-tel {position: relative; top: 2px; display: inline-block;  width: 15px; height: 15px; background: url("/_user/components/img/sub/ico-tel.png") 100% no-repeat; background-size: auto 13px;}
.ico-mail {position: relative; top: 2px; display: inline-block; width: 15px; height: 15px; background: url("/_user/components/img/sub/ico-mail.png") 100% no-repeat; background-size: auto 10px;}
.contact-box.type2 .home {display: block; width: 100%; height: 44px; margin-top: 10px; color: #fff; text-align: center; line-height: 44px; letter-spacing: -0.7px; transition: 0.3s;}
.contact-box.type2 .home.point {background-color: var(--link-btn-point);}
.contact-box.type2 .home.point:hover {background-color: var(--link-btn-point-on);}
.contact-box.type2 .home:before {position: relative; top: 1px; content: ''; display: inline-block; margin-right: 8px; width: 12px; height: 12px; background: url("/_user/common/img/layout/ico-home-w.png") 50% no-repeat; background-size: 12px auto;}


@media screen and (min-width: 768px){
    .contact-box {padding: 40px 15px 40px 86px; background-position: 30px center; background-size: 36px; justify-content: flex-start;}
    .contact-box ul {justify-content: flex-start;}
    .contact-box.type2 {display: flex; justify-content: space-between; align-items: center; margin-bottom: 50px; padding: 30px 0;}
    .contact-box.type2 ul {flex-direction: row; font-size: 18px; gap: 030px;}
    .contact-box.type2 .home {max-width: 155px; font-size: 16px; margin-top: 0;}
    .contact-box.type2 .home:before {width: 16px; height: 16px; background-size: 16px auto;}
    .contact-box li.tel:before {width: 16px; height: 16px; background-size: 16px;}
    .contact-box li.mail:before {width: 22px; height: 16px; background-size: 22px;}
    .ico-tel {background-size: 15px;}
    .ico-mail {background-size: 15px;}
}

@media screen and (min-width: 768px){
    .contact-box ul, .contact-box.type2 .home {font-size: 16px;}
    .contact-box.type2 ul {font-size: 18px;}
}

@media screen and (min-width: 1024px){
    .contact-box ul, .contact-box.type2 .home {font-size: 0.89rem;}
    .contact-box.type2 ul {font-size: 1rem;}
}

/* line-box */
.line-box {border: 1px solid var(--border-color);}
.line-box + div {margin-top: 20px;}
.gray-box {padding: 15px 20px;}

.gray-box {padding: 15px; background: #f1f1f1;}
.gray-box + div {margin-top: 20px;}
.gray-box>ul>li {font-size: 15px; color: var(--black);}

@media screen and (min-width: 1024px){
    .line-box {padding: 30px;}
    .line-box + div, .gray-box + div {margin-top: 40px;}
    .gray-box>ul>li {font-size: 0.83rem;}
}

/* info-banner s */
.banner-box {position: relative; padding: 25px; background-color: #3897d9;}
.banner-box .img-area img.mob {display: block; margin: 0 auto; max-width: 100%;}
.banner-box .img-area img.web {display: none;}
.banner-box p {display: none;}
.banner-box ul {display: flex; justify-content: center; align-items: center; max-width: 600px; margin: 0 auto; padding-top: 25px; text-align: center;}
.banner-box ul li {width: 33.33%; border: 1px solid #fff;  padding: 7px 15px; font-size: 16px; line-height: 20px; word-break: keep-all;}
.banner-box ul li:nth-of-type(2n) {border-left: none; border-right: none;}
.banner-box ul li a {display: block; width: 100%; height: 100%; color: #fff;}
.banner-box ul li span {font-weight: bold;}
.banner-box .yellow {color: #FFFF00;}

@media screen and (min-width: 560px) {
    .banner-box ul li a br {display: none;}
}

@media screen and (min-width: 1024px) {
    .banner-box {display: flex; justify-content: space-between; align-items: center; padding: 20px 20px 0;}
    .banner-box .img-area {width: calc(45% - 10px);}
    .banner-box .img-area img.web {display: block; max-width: 100%;}
    .banner-box .img-area img.mob {display: none;}
    .banner-box p {position: relative; display: block; text-align: center; color: #fff; font-size: 1.16rem; font-weight: bold; line-height: 25px;}
    .banner-box p:after {content: ''; display: block; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%); width: 90%; height: 1px; background-color: #fff;}
    .banner-box ul {padding-top: 14px;}
    .banner-box ul li {border: none; padding: 5px 10px; font-size: 0.83rem;}
    .banner-box ul li a {position: relative; display: inline-flex; align-items: center; gap: 5px;}
    .banner-box ul li>a:before {content: ''; height: 40px; min-width: 40px; display: inline-block; background-size: auto 40px; background-repeat: no-repeat; background-position: 100%;}
    .banner-box ul li:nth-child(1)>a:before {background-image: url("/_user/components/img/sub/ico-info-banner01.png");}
    .banner-box ul li:nth-child(2)>a:before {background-image: url("/_user/components/img/sub/ico-info-banner02.png");}
    .banner-box ul li:nth-child(3)>a:before {background-image: url("/_user/components/img/sub/ico-info-banner03.png");}
}
@media screen and (min-width: 1200px) {
    .banner-box .img-area {width: calc(46% - 5px);}
    .banner-box .txt-area {width: 53%;}
    .banner-box p {letter-spacing: 1px;}
    .banner-box ul {width: 90%;}
}
/* info-banner e */

/* 교수진 소개 list s */
.profile-box .img-area {width: 100%;}
.profile-box .img-area img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.profile-box .text-area {margin-top: 20px;}
.profile-box .text-area .name {display: flex; gap: 5px; align-items: baseline; font-size: 20px; line-height: 1.4; color: #333; font-weight: 500; letter-spacing: -1px;}
.profile-box .text-area .sort {font-size: 14px; display: inline-block; color: var(--gold); letter-spacing: -1px;}
.profile-list .profile-box.head .text-area .name {font-size: 20px; flex-direction: column; gap: 2px; padding-bottom: 10px;}
.profile-list .profile-box.head .text-area .sort {display: block; font-size: 16px; line-height: 19px;}
.profile-list .profile-box.head .text-area .info>li {gap: 10px;}
.profile-list .profile-box.subhead {margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color);}
.profile-list .profile-box.subhead .text-area .name {flex-direction: column; gap: 2px; padding-bottom: 10px;}
.profile-list .profile-box.subhead .text-area .sort {display: block; font-size: 16px; line-height: 19px;}
.profile-box .text-area .info li {line-height: 1.7; display: flex; font-size: 15px;}
.profile-box .text-area .info li+li {padding-top: 5px;}
.profile-box .text-area .info em {color: var(--black); font-weight: 500; display: inline-block; min-width: 70px;}
.profile-box .text-area .info span {color: #666;}
.profile-list .profile-box .link-btn-wrap {margin-top: 15px;}

.profile-list .profile-box.head .link-btn-wrap {margin-top: 30px;}
.profile-list .profile-box a.link-btn {margin: 0; height: 30px; font-size: 14px;}
.profile-list .profile-box a.link-btn:hover {background: #fff; color: var(--black);}
.profile-list .profile-box a.link-btn span {margin-left: 24px;}
.ico-more {width: 20px; height: 9px; background: url("/_user/components/img/sub/ico-arrow-r.png") 100% no-repeat; display: inline-block;}

.profile-box-list {margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color);}
.profile-box-list>li:nth-child(n+2) {margin-top: 20px;}

/*동아리 활용*/
.profile-list.type2 {border-top: 2px solid var(--black); padding-bottom: 20px; border-bottom: 1px solid var(--tbl-border);}
.profile-list.type2 .profile-box .img-area img {width: auto; max-width: 100%;}

@media screen and (min-width: 560px) {
    .profile-box .img-area {width: 185px; height: 150px;}
    .profile-list .profile-box.head .img-area {width: 308px; height: 221px;}

    .profile-box-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
    .profile-box-list>li {width: calc(50% - 15px); position: relative; padding: 10px 0 30px;}
    .profile-box-list>li:before {content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #eee;}
    .profile-box-list .profile-box .text-area .info {min-height: 90px; box-sizing: border-box;}
    .profile-box-list .profile-box .text-area {min-height: 177px; display: flex; flex-direction: column; justify-content: space-between;}
    .profile-box-list>li:nth-child(n+2) {margin-top: 0;}
    .profile-box-list>li:nth-child(n+3) {margin-top: 20px;}
    .profile-list .profile-box a.link-btn:hover {background: var(--link-btn-on-bg); color: var(--link-btn-on);}
    .profile-list .profile-box a.link-btn:hover .ico-more {background-image: url("/_user/components/img/sub/ico-arrow-r-white.png"); background-size: auto 10px;}

    .profile-list.type2 {padding: 30px 0;}
    .profile-list.type2 .profile-box {display: flex;}
    .profile-list.type2 .profile-box.head .img-area {width: auto; max-width: 263px;}
    .profile-list.type2 .profile-box .text-area {width: 70%; padding-left: 30px; margin-top: 0;}
}
@media screen and (min-width: 768px) {
    .profile-list .profile-box.head {display: flex;}
    .profile-list .profile-box.head .img-area {width: 50%; height: 100%;}
    .profile-list .profile-box.head .text-area {width: 50%; margin-top: 0; padding-left: 50px;}
    .profile-list .profile-box.head .text-area .name {font-size: 30px; padding-bottom: 30px; gap: 10px;}
    .profile-list .profile-box.head .text-area .sort {font-size: 24px;}
    .profile-list .profile-box.head .text-area .info>li {font-size: 16px;}
    .profile-list .profile-box.subhead {display: flex; justify-content: space-between; flex-direction: row-reverse; padding-top: 40px; margin-top: 40px;}
    .profile-list .profile-box.subhead .img-area {width: 50%; height: 100%; max-width: 308px;}
    .profile-list .profile-box.subhead .text-area .name {font-size: 30px; gap: 10px; flex-direction: column; padding-bottom: 20px;}
    .profile-list .profile-box.subhead .text-area .sort {font-size: 18px;}
    .profile-list .profile-box.subhead .text-area {width: 50%; margin-top: 0; padding-right: 50px;}
    .profile-list .profile-box a.link-btn {font-size: 16px; height: 40px;}
    .profile-box-list {padding-top: 40px; margin-top: 40px;}
    .profile-box-list .profile-box .text-area {margin-top: 0; justify-content: space-between;}
    .profile-box-list>li {padding: 20px 0 40px;}
    .profile-box-list>li:nth-child(n+3) {margin-top: 40px;}
}
@media screen and (min-width: 1024px) {
    .profile-box-list .profile-box {display: flex; gap: 30px;}
    .profile-list .profile-box a.link-btn  .profile-box .text-area {padding-left: 40px; margin-top: 0;}
    .profile-list .profile-box .text-area .name {gap: 15px; font-size: 1.33rem;}
    .profile-list .profile-box.head .text-area .name {font-size: 2.25rem;}
    .profile-list .profile-box.head .text-area .sort {font-size: 1.33rem;}
    .profile-list .profile-box.head .text-area .info>li {font-size: 0.89rem;}
    .profile-list .profile-box a.link-btn {font-size: 0.89rem; height: 40px;}
    .profile-box .text-area .sort {font-size: 0.89rem;}
    .profile-box-list .profile-box a.link-btn {height: 30px;}
    .profile-box .text-area .info li {font-size: 0.89rem;}
    .profile-box .img-area {height: 220px;}
}
/* 교수진 소개 list e */

/* 교수진 소개 view s */
.profile-slide {position: relative; overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid var(--border-color); margin-bottom: 30px;}
.profile-slide .img-area {width: 130px; height: 106px;}
.profile-slide .swiper {width: 300px; margin: 0 auto;}
.profile-slide .swiper-slide {width: 130px; height: 106px; opacity: 0.3;}
.profile-slide .swiper-slide>a {width: 100%; height: 100%; display: block;}
.profile-slide .swiper-slide>a img {width: 100%; height: 100%; object-fit: cover; object-position: top;}
.profile-slide .swiper-slide-active {opacity: 1;}
.profile-slide .swiper-button-next, .profile-slide .swiper-button-prev {width: 70px; height: 105px; background-color: rgba(0,0,0,0.5); top: 0; margin-top: 0; background-size: 20px 38px; background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'><path%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F><%2Fsvg>")}
.profile-slide .swiper-button-next {right: 0;}
.profile-slide .swiper-button-prev {left: 0; transform: rotate(180deg);}

.career-wrap {padding: 25px 0 10px;}
.career-wrap .career-box {padding: 30px 0; border-top: 1px solid var(--border-color);}
.career-wrap .career-box:last-of-type {border-bottom: 1px solid var(--border-color);}
.career-wrap .career-box>p {font-size: 15px; padding-bottom: 10px; font-weight: 500; line-height: 1.7; letter-spacing: -1px; color: #666;}
.career-wrap .career-box li {font-weight: 300;}
.career-wrap .career-box li+li {padding-top: 6px;}
.career-wrap .career-box .bullet.type03 {top: -5px;}

.search-box-wrap.short {width: 220px; margin-left: auto;}
.search-box-wrap.short .search-box {justify-content: flex-end;}
.search-box .btn-go {width: 40px; height: 40px; text-indent: -9999px; font-size: 0; background: var(--black) url("/_user/components/img/sub/ico-shortcut-w.png") center no-repeat;}
.search-box-wrap.short .search-box .sel {width: calc(100% - 40px); background-image: url("/_user/common/img/layout/ico-selarrow-b.png"); background-size: auto 5px;}
.profile-view .search-box-wrap {margin-bottom: 20px;}

@media screen and (min-width: 768px) {
    .profile-view .profile-box {display: flex;}
    .profile-view .profile-box .img-area {width: 240px; height: 195px;}
    .profile-view .profile-box .text-area {margin-top: 0; width: 60%; padding-left: 40px;}
    .profile-view .profile-box .text-area .name {font-size: 40px; gap: 15px;}
    .profile-view .profile-box .text-area .sort {font-size: 21px;}
    .profile-view .profile-box .text-area .info li {font-size: 16px;}

    .career-wrap {padding-top: 45px;}
    .career-wrap .career-box {display: flex; font-size: 16px;}
    .career-wrap .career-box>p {min-width: 145px; font-size: 16px;}
}

@media screen and (min-width: 1024px) {
    .profile-slide {padding-bottom: 50px; margin-bottom: 50px;}
    .profile-view {position: relative;}
    .profile-view .search-box-wrap {position: absolute; right: 0; top: 0;}
    .career-wrap .career-box , .profile-view .profile-box .text-area .info li {font-size: 0.89rem;}
}

/* 교수진 소개 view e */

/* process-list s */
.process-list>li {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.process-list>li+li {padding-top: 60px;}
.process-list>li:not(:last-child):after {content: ''; position: absolute; display: block; width: 35px; height: 15px; left: calc(50% - 17px);top: calc(100% + 17px); z-index: 1; transform: rotate(90deg); background: url("/_user/components/img/sub/ico-process-arrow.png") center no-repeat; background-size: auto 15px;}
.process-list .ico-area {display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 50%; background: var(--lightgray);}
.process-list .ico-area>img {width: 50px; height: auto;}
.process-list .ico-area.point {background: url("/_user/components/img/sub/bg-process-point.png") center no-repeat;}
.process-list .text-area {margin-top: 10px; font-size: 16px; text-align: center; letter-spacing: -0.3px; line-height: 1.3; color: var(--black);}
.process-list .text-area> p + a.link-btn {margin-top: 10px;}
.process-list .text-area> p + span {color: #666; font-size: 15px; display: block; padding-top: 5px;}
.process-list + .process-list {margin-top: 60px;}

.process-list.type2 {display: flex; flex-wrap: wrap; font-size: 13px; gap: 5px;}
.process-list.type2>li {flex-direction: row;}
.process-list.type2>li+li {padding-top: 0;}
.process-list.type2>li:not(:last-child):after {position: static; transform: rotate(0); background-size: 17px;}
.process-list.type2 .ico-area {width: 70px; height: 70px; line-height: 1; text-align: center;}
.process-list.type2 .ico-area.point {background: #3897d9; color: #fff;}

@media screen and (min-width: 768px) {
    .process-list {display: flex; flex-wrap: wrap; gap: 20px 0;}
    .process-list>li {width: 25%; justify-content: flex-start;}
    .process-list.col5>li {width: 20%;}
    .process-list.col3>li {width: 33.33%;}
    .process-list>li+li {padding-top: 0;}
    .process-list>li:not(:last-child):after {width: 30px; height: 13px; background-size: auto 13px; top: 50px; left: auto; right: -17px; transform: rotate(0deg);}

    .process-list.type2 {font-size: 18px; gap: 0;}
    .process-list.type2 .ico-area {width: 120px; height: 120px;}
    .process-list.type2>li:not(:last-child):after {width: 60px; background-size: 46px;}
}
@media screen and (min-width: 1024px) {
    .process-list .ico-area {width: 150px; height: 150px;}
    .process-list .ico-area>img {width: 70px;}
    .process-list .text-area {margin-top: 20px; font-size: 0.89rem;}
    .process-list .text-area> p + span {font-size: 0.83rem;}
    .process-list>li:not(:last-child):after {width: 46px; height: 20px; top: 75px; right: -23px; background-size: auto 20px;}

    .process-list.type2>li {width: auto;}
    .process-list.type2>li:not(:last-child):after {width: 90px;}
}
/* process-list e */

/* sns-link s */
.sns-link {display: flex; flex-wrap: wrap; gap: 10px;}
.sns-link>li {width: 100%;}
.sns-link>li>a {display: flex; justify-content: center; align-items: center; box-sizing: border-box; width: 100%; height: 60px; color: #fff; transition: 0.3s;}
.sns-link>li>a:hover, .sns-link>li>a:focus {box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.3);}
.sns-link>li>a:before {content: ''; display: inline-block; width: 20px; height: 20px; margin-right: 10px; background-position: center; background-repeat: no-repeat;}
.sns-link>li>a.twitter {background-color: #3897d9;}
.sns-link>li>a.facebook {background-color:#3c5b9a;}
.sns-link>li>a.blog {background-color:#20a749;}
.sns-link>li>a.band {background-color:#20a749;}
.sns-link>li>a.twitter:before {background-image: url("/_user/components/img/sub/icon-twitter-w.png"); }
.sns-link>li>a.facebook:before {background-image: url("/_user/components/img/layout/ico-facebook-2-w.png");}
.sns-link>li>a.blog:before {background-image: url("/_user/components/img/layout/ico-blog-2-w.png");}
.sns-link>li>a.band:before {background-image: url("/_user/components/img/sub/icon-band-w.png"); background-position: 30%; background-size: auto 18px;}

@media screen and (min-width: 560px) {
    .sns-link>li {width: calc(50% - 5px);}
}

@media screen and (min-width: 768px) {
    .sns-link>li {max-width: 214px;}
}

@media screen and (min-width: 1024px) {
    .sns-link>li {max-width: 285px;}
    .sns-link>li>a {height: 80px; font-size: 1rem;}
    .sns-link>li>a .icon-area {background-size: auto 20px; margin-right: 15px;}
    .sns-link>li>a.band .icon-area {background-size: auto 20px;}
}
/* sns-link e */

/* professor-slide s */
.professor-slide {position: relative; padding: 70px 0 100px; overflow: hidden; margin-top: -70px;}
.professor-slide .swiper-pagination.dot {display: none;}
.professor-slide .swiper-pagination-fraction {width: auto; bottom: 50px; color: #fff; font-size: 0;}
.professor-slide .swiper-pagination-fraction>span {font-size: 14px; font-weight: 300;}
.professor-slide .swiper-pagination-fraction .swiper-pagination-current {font-weight: 500; display: inline-block; margin-right: 10px;}
.professor-slide .swiper-control {position: absolute; right: 0; top: 0; display: flex; gap: 20px;}
.professor-slide .swiper-button-next, .professor-slide .swiper-button-prev {position: static; margin-top: 0; width: 30px; height: 30px; background-image: url("/_user/components/img/sub/ico-professor-right.png"); background-size: auto 26px;}
.professor-slide .swiper-button-disabled {opacity: 0.2;}
.professor-slide .swiper-button-prev {transform: rotate(-180deg);}
.professor-slide .professor {display: block; position: relative;}
.professor-slide .professor .img-area {height: 0; padding-top: 97%; position: relative;}
.professor-slide .professor .img-area>img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}
.professor-slide .professor .txt-area {margin-top: 15px;}
.professor-slide .professor .txt-area .name {font-size: 18px; color: #FFF; font-weight: 500; padding-bottom: 10px;}
.professor-slide .professor .txt-area span {font-size: 15px; line-height: 1.4; color: #87b3d4; display:-webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all;}
.professor-slide .more-view {display: block; position: absolute; right: 5px; bottom: 54px; width: 30px; height: 16px; background: url("/_user/components/img/sub/ico-arrow-r-white.png") center no-repeat; background-size: 29px auto; font-size: 0; text-indent: -9999px;}

@media screen and (min-width: 768px) {
    .professor-slide {padding-right: 80px; padding-bottom: 50px;}
    .professor-slide .swiper {overflow: hidden;}
    .professor-slide .swiper-control {right: 20px;}
    .professor-slide .swiper-pagination.dot {display: flex; right: 0; flex-direction: column; top: 155px; gap: 10px;}
    .professor-slide .swiper-pagination.dot>span {margin-right: 10px;}
    .professor-slide .swiper-pagination.dot .swiper-pagination-bullet {width: 12px; height: 12px; box-sizing: border-box; margin: 0; border: 1px solid #fff; opacity: 1; background: transparent;}
    .professor-slide .swiper-pagination.dot .swiper-pagination-bullet-active {background: #fff;}
    .professor-slide .swiper-pagination-fraction {display: flex; flex-direction: column; right: 0; top: 55px; left: auto; bottom: auto; width: 50px; text-align: right;}
    .professor-slide .swiper-pagination-fraction .swiper-pagination-current {margin-right: 0; font-size: 32px; border-bottom: 1px solid #fff;}
    .professor-slide .swiper-pagination-fraction .swiper-pagination-total {font-size: 18px; margin-top: 8px;}
    .professor-slide .professor .txt-area {margin-top: 25px;}
    .professor-slide .professor .txt-area .name {padding-bottom: 20px;}
    .professor-slide .more-view {width: 50px; background-size: 100%;}
    .professor-slide .professor .txt-area span {-webkit-line-clamp: 3;}
    .professor-slide .swiper-slide {width: 221px !important;}
}

@media screen and (min-width: 1024px) {
    .professor-slide .professor .txt-area .name {font-size: 1rem;}
    .professor-slide .professor .txt-area span {font-size: 0.833rem;}
}

@media screen and (min-width: 1200px) {
    .professor-slide .swiper-pagination.dot {right: 0;}
}

/* professor-slide e */

/* 학과일정 calendar 달력형 s */
.academic-calendar .month-top {display: flex; justify-content: space-between; position: relative; overflow: hidden; height: 60px; box-sizing: border-box; color: #FFF; background: #00263d; text-align: center; padding: 13px;}
.academic-calendar .btn-today {width: 39px; height: 32px; border: 1px solid #4d6878; color: #fff; font-size: 13px;}
.academic-calendar .btn-prev, .academic-calendar .btn-next {display: inline-block; width: 10px; height: 34px; text-indent: -9999px; font-size: 0;}
.academic-calendar .btn-prev {background: url("/_user/components/img/sub/ico-cal-prev.png") center no-repeat;}
.academic-calendar .btn-next {background: url("/_user/components/img/sub/ico-cal-next.png") center no-repeat;}
.academic-calendar .year-box {display: flex; justify-content: center; align-items: center;}
.academic-calendar .current-year {display: inline-block; padding: 0 15px; font-size: 28px; font-weight: 700;}
.academic-calendar .cal-btn-box {display: flex; width: 80px;}
.academic-calendar .cal-btn-box>button {display: block; width: 50%; height: 100%; border: 1px solid #4d6878; text-indent: -9999px; font-size: 0;}
.academic-calendar .cal-btn-box>button.on {background-color: #3897d9; border-color: #3897d9;}
.academic-calendar .cal-btn-box>button:first-child {border-right: none;}
.academic-calendar .cal-btn-box .type-cal {background: url("/_user/components/img/sub/ico-cal-month-on.png") center no-repeat;}
.academic-calendar .cal-btn-box .type-list {background: url("/_user/components/img/sub/ico-cal-list.png") center no-repeat;}

.academic-calendar .month-list {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0 10px;background: #f0f2f7;}
.academic-calendar .month-list>li {width: calc(16.66% - 10px);height: 50px;}
.academic-calendar .month-list>li>a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; line-height: 46px; font-size: 16px;}
.academic-calendar .month-list>li>a.active {position: relative; color: #05548f;}
.academic-calendar .month-list>li>a.active:after {content: '';display: block;position: absolute;left: 50%;bottom: 0;width: calc(100% - 20px);height: 3px;background: #05548f;transform: translateX(-50%);}

.academic-calendar .cal-group {position: relative; margin-top: 20px;}
.academic-calendar .calendar {width: 100%; height: 100%; position: relative; padding: 30px 10px 10px; box-sizing: border-box; border: 1px solid #dcdfe4;border-top: 1px solid var(--black);}
.academic-calendar .month {color: #05548F; font-size: 28px; display: block; margin: 0 auto; padding-bottom: 10px; font-weight: 500; line-height: 30px; text-align: center;}
.academic-calendar .calendar table {width: calc(100% - 30px); margin: 0 auto;}
.academic-calendar .calendar table th, .academic-calendar .calendar table td {height: 34px; padding: 5px; font-size: 15px; vertical-align: middle; font-weight: 300; text-align: center; }
.academic-calendar .calendar table th:first-child, .academic-calendar .calendar table td:first-child {color: #b9193f;}
.academic-calendar .calendar table span {position: relative; display: block; width: 100%; height: auto;}
.academic-calendar .calendar table .schedule {cursor: pointer;}
.academic-calendar .calendar table .schedule:before {content: '일정 있음'; display: block; position: absolute; left: 50%; bottom: -10px; width: 8px; height: 8px; border-radius: 50%; transform: translate(-50%); background: #3897d8; font-size: 0;}

.cal-pop {display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 64%; padding: 15px; box-sizing: border-box; background: #f0f2f7;}
.cal-pop.show {display: block;}
.cal-pop .pop-top {display: flex; justify-content: space-between; align-items: center;}
.cal-pop .pop-top span {font-size: 16px; line-height: 16px; font-weight: 500; color: #3897d8;}
.cal-pop .pop-top .pop-close {width: 16px; height: 16px; position: relative; text-indent: -9999px; font-size: 0;}
.cal-pop .pop-top .pop-close:before {content: ''; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 16px; background: #788892; transform: rotate(45deg);}
.cal-pop .pop-top .pop-close:after {content: ''; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 16px; background: #788892; transform: rotate(-45deg);}
.cal-pop>p {padding-top: 10px; font-size: 15px; line-height: 22px; letter-spacing: -1px;}

.cal-schedule {padding-top: 20px;}
.cal-schedule .date {min-width: 140px; font-weight: 400; color: #333; line-height: 23px; letter-spacing: -1px;}
.cal-schedule .sort {display: inline-block; margin-right: 20px; min-width: 41px; height: 21px; font-size: 13px; text-align: center; line-height: 21px; border: 1px solid #05548f; color: #05548f;}
.cal-schedule>li {padding: 10px 13px;}
.cal-schedule p {line-height: 23px; color: #272727;}

@media screen and (min-width: 560px) {
    .academic-calendar .month-list {justify-content: center; gap: 0; padding: 0 10px;}
    .academic-calendar .month-list>li {width: 8.33%; height: 57px;}
    .academic-calendar .month-list>li>a.active:after {width: 100%;}
    .cal-schedule>li {display: flex; gap: 13px;}
}

@media screen and (min-width: 768px) {
    .academic-calendar .cal-group {display: flex; justify-content: space-between; margin-top: 40px;}
    .academic-calendar .calendar {width: 295px;}
    .cal-schedule {width: calc(100% - 325px); border-top: 1px solid #dcdfe4;}
    .cal-schedule .date, .cal-schedule p {font-size: 16px; line-height: 25px;}
    .cal-schedule .sort {font-size: 14px; min-width: 43px; height: 23px; line-height: 23px;}
}

@media screen and (min-width: 1024px) {
    .academic-calendar .calendar {width: 365px;}
    .cal-schedule {width: calc(100% - 395px);}
    .academic-calendar .month-list>li>a {font-size: 20px;}
    .academic-calendar .month-list>li>a.active:after {width: calc(100% - 50px);}
}
/* 학과일정 calendar 달력형 e */

/* 학과일정 calendar 리스트형 s */
.academic-calendar .common-table .tbl tbody th {background: #fff;}
.academic-calendar .common-table .tbl td {padding: 0; border-bottom: none;}
.academic-calendar.type-list .cal-schedule {padding-top: 0;}
.academic-calendar.type-list .cal-schedule li+li {border-top: 1px solid var(--tbl-border);}
.academic-calendar.type-list .cal-group {margin: 0;}

@media screen and (min-width: 768px) {
    .academic-calendar.type-list .cal-schedule {width: 100%;}
    .academic-calendar.type-list .cal-schedule li {position: relative;}
    .academic-calendar.type-list .cal-schedule li:before {content: ''; position: absolute; left: 160px; top: 0; width: 1px; height: 100%; background: var(--tbl-border);}
    .academic-calendar.type-list .cal-schedule .date {min-width: 140px;}
    .academic-calendar.type-list .cal-schedule p {padding-left: 10px;}
}
/* 학과일정 calendar 리스트형 e */

/* img-box-wrap s */
.img-box-wrap .img-box {text-align: center;}
.img-box-wrap .img-box>img {max-width: 100%;}
.img-box-wrap .img-box>img+img {padding-top: 15px;}
.img-box-wrap .img-box + .img-box {margin-top: 20px;}
.img-box-wrap * + .line-box, .img-box-wrap  * +.gray-box {margin-top: 20px;}

@media screen and (min-width: 768px) {
    .img-box-wrap .img-box + .img-box {margin-top: 40px;}
}

@media screen and (min-width: 1024px) {
    .img-box-wrap * + .line-box, .img-box-wrap  * +.gray-box {margin-top: 40px;}
}
/* img-box-wrap e */

/* 연혁 s */
.history-slide {position: relative;}
.history-slide .swiper-control {position: absolute; width: 80px; height: 0; right: 0; top: 25px; z-index: 1;}
.history-slide .swiper-button-prev, .history-slide .swiper-button-next {width: 30px; height: 30px; opacity: 1; background-size: 100% auto; transition: 0.3s; z-index: 0;}
.history-slide .swiper-button-disabled {opacity: 0;}
.history-slide .swiper-button-prev {background-image: url("/_user/components/img/sub/ico-slide-prev.png");}
.history-slide .swiper-button-next {background-image: url("/_user/components/img/sub/ico-slide-next.png"); right: 0;}
.history-slide .year {position: relative; padding-bottom: 5px; margin-bottom: 10px; font-weight: 500; border-bottom: 1px solid var(--border-color); color: var(--lightnavy); letter-spacing: -2px; font-size: 22px;}
.history-slide .year:after {content: ''; position: absolute; left: 0; bottom: -4px; display: block; width: 7px; height: 7px; background: #005c97; border-radius: 50%;}
.history-slide .history>li {display: flex; align-items: baseline; gap: 20px;}
.history-slide .history>li+li {padding-top: 15px;}
.history-slide .history em {color: var(--black); font-weight: bold;}
@media screen and (min-width: 560px){
    .history-slide .history {padding-right: 35px;}
}
@media screen and (min-width: 768px){
    .history-slide .year {font-size: 40px}
    .history-slide .history>li {font-size: 16px;}
    .history-slide .swiper-control {width: 140px;}
    .history-slide .swiper-button-prev, .history-slide .swiper-button-next {width: 60px; height: 60px;}

    .history-slide .swiper-button-prev:hover, .history-slide .swiper-button-prev:focus,
    .history-slide .swiper-button-next:hover, .history-slide .swiper-button-next:focus {opacity: 1;}
}
@media screen and (min-width: 1024px){
    .history-slide .history>li {font-size: 0.89rem;}
    .history-slide .year {font-size: 2.2rem;}
    .history-slide .swiper-button-prev, .history-slide .swiper-button-next {opacity: 0;}
}
/* 연혁 e */

/* 교과목안내 s */
.sum-tr {background: #f1eae0;}
.sum-tr td {color: var(--gold); font-weight: 500; letter-spacing: -1px;}
.edu-course {margin-top: 20px;}
.edu-course .btn-view {width: 19px; height: 23px; margin: 0 auto; box-sizing: border-box; display: block; background: url("/_user/components/img/sub/ico-btn-view.png") center no-repeat;}
.edu-course .popup-wrap {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 30; background: rgba(0,0,0,0.5);}
.edu-course .popup-wrap.on {display: block;}
.edu-course .pop-inner {width: 90%; height: 90%; max-width: 670px; max-height: 800px; position: relative; overflow: hidden; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.edu-course .pop-inner .pop-top {padding: 20px; display: flex; justify-content: space-between;}
.edu-course .pop-inner .pop-top .pop-close {width: 20px; height: 20px; position: relative;}
.edu-course .pop-inner .pop-top .pop-close:before {content: ''; display: block; position: absolute; left: 50%; top: 3px; width: 1px; height: 20px; background: #788892; transform: rotate(45deg);}
.edu-course .pop-inner .pop-top .pop-close:after {content: ''; display: block; position: absolute; left: 50%; top: 3px; width: 1px; height: 20px; background: #788892; transform: rotate(-45deg);}
.edu-course .pop-inner .pop-top .pop-tit {color: #05548f; font-size: 24px; font-weight: 500; line-height: 28px;}
.edu-course .pop-inner .pop-contents {padding: 0 10px;}
.edu-course .pop-inner .pop-contents .cont-tit {position: relative; margin-bottom: 30px; box-sizing: border-box; padding: 20px; background: var(--lightgray); color: var(--black); font-size: 28px; line-height: 32px; text-align: center; letter-spacing: -1px;}
.edu-course .pop-inner .pop-contents .cont-tit em {display: block; padding-top: 5px; color: #666; font-size: 18px; line-height: 22px;}
.edu-course .pop-inner .tbl tbody th {background: #fff; font-weight: 700;}
.edu-course .pop-inner .pop-contents .cont-txt {padding: 25px 0; margin-bottom: 25px; border-bottom: 1px solid var(--border-color); line-height: 1.5; font-weight: 300; color: var(--black);}
.edu-course .pop-inner .pop-contents .cont-txt .txt-inner {height: 250px; overflow-y: scroll}
@media screen and (min-width: 768px){
    .edu-course .pop-inner .pop-contents {padding: 0 20px;}
    .edu-course .pop-inner .pop-top {padding: 35px 30px 15px;}
    .edu-course .pop-inner .pop-top .pop-close {width: 30px; height: 30px;}
    .edu-course .pop-inner .pop-top .pop-close:before, .edu-course .pop-inner .pop-top .pop-close:after {width: 2px; height: 30px; top: -4px;}
}
/* 교과목안내 e */

/* 컨텐츠 공통 팝업 s */
.cont-popup-wrap {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 30; background: rgba(0,0,0,0.5);}
.cont-popup-wrap.on {display: block;}
.cont-pop-inner {width: 90%; max-width: 980px; max-height: 100vh; padding:20px; box-sizing: border-box; position: relative; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.cont-pop-inner .pop-top {display: flex; padding-bottom: 10px; border-bottom: 1px solid #dddfe5; justify-content: space-between;}
.cont-pop-inner .pop-top .pop-close {width: 18px; height: 18px; position: relative;}
.cont-pop-inner .pop-top .pop-close:before {content: ''; display: block; position: absolute; left: 50%; top: 3px; width: 1px; height: 25px; background: #788892; transform: rotate(45deg);}
.cont-pop-inner .pop-top .pop-close:after {content: ''; display: block; position: absolute; left: 50%; top: 3px; width: 1px; height: 25px; background: #788892; transform: rotate(-45deg);}
.cont-pop-inner .pop-top .pop-tit {color: #05548f; font-size: 20px; font-weight: 500; letter-spacing: -0.5px}
.cont-pop-inner .pop-contents {padding: 0 10px; overflow-x: hidden;overflow-y: auto; height: calc(90vh - 60px);}
.cont-pop-inner .pop-contents .keynote-tit {padding-bottom: 15px;}
.cont-pop-inner .pop-contents .cont-txt {padding: 15px 0 0; line-height: 1.5; font-weight: 300; color: var(--black);}
.cont-pop-inner .bullet-list, .cont-pop-inner .text-box {font-size: 16px;}
.cont-pop-inner .bullet-list>li>ul li {margin-bottom: 0;}
.cont-pop-inner .tbl-wrap {margin-top: 20px;}
.cont-pop-inner .keynote-tit+.tbl-wrap {margin-top: 0;}

@media screen and (min-width: 768px){
    .cont-pop-inner {padding: 40px 35px;}
    .cont-pop-inner .pop-contents {height: calc(90vh - 100px);}
    .cont-pop-inner .pop-top {padding: 0 0 25px;}
    .cont-pop-inner .pop-top .pop-tit {font-size: 24px;}
    .cont-pop-inner .pop-top .pop-close {width: 30px; height: 30px;}
    .cont-pop-inner .pop-top .pop-close:before, .cont-pop-inner .pop-top .pop-close:after {width: 2px; height: 35px; top: -4px;}
    .cont-pop-inner .pop-contents .keynote-tit {padding-bottom: 20px;}
    .cont-pop-inner .pop-contents .cont-txt {padding: 30px 0 0;}
    .cont-pop-inner .tbl-wrap {margin-top: 30px;}
}
/* 컨텐츠 공통 팝업 e */


/* 세무회계학과 자격증 취득 팁 - 배너 + 정보 list s */
.banner-info-list>li {width: 100%; border: 1px solid var(--border-color); box-sizing: border-box;}
.banner-info-list>li+li {margin-top: 20px;}
.banner-info-list .banner-area {border-bottom: 1px solid var(--border-color); text-align: center; padding: 10px;}
.banner-info-list .banner-area>img {max-width: 100%;}
.banner-info-list .info-area {padding: 10px 15px;}
.banner-info-list .info-area>p {display: flex; align-items: baseline; font-size: 16px; color: var(--black); letter-spacing: -1px;}
.banner-info-list .info-area>p>em {min-width: 70px;}
.banner-info-list .info-area>p>span {display: inline-block; color: #505050; font-size: 14px;}
.banner-info-list .info-area>ul {padding-top: 15px;}
.banner-info-list .info-area>ul>li {display: flex;}
.banner-info-list .info-area>ul>li>a {display: block; width: calc(100% - 25px); color: var(--black); font-size: 15px; word-break: break-all;}
.banner-info-list .info-area>ul>li:before {content: ''; position: relative; top: 2px; margin-right: 5px; display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat}
.banner-info-list .info-area .tel:before {background-image: url("/_user/components/img/sub/icon-banner-info-tel.png")}
.banner-info-list .info-area .home:before {background-image: url("/_user/components/img/sub/icon-banner-info-home.png")}

@media screen and (min-width: 768px){
    .banner-info-list {display: flex; flex-wrap: wrap; gap: 20px;}
    .banner-info-list>li {width: calc(50% - 10px);}
    .banner-info-list>li+li {margin-top: 0;}
    .banner-info-list .info-area>p>span {font-size: 16px;}
}

@media screen and (min-width: 1024px){
    .banner-info-list>li {width: calc(33.33% - 14px);}
    .banner-info-list .info-area>p {font-size: 0.89rem;}
    .banner-info-list .info-area>p>span {font-size: 0.89rem;}
}
/* 세무회계학과 자격증 취득 팁 - 배너 + 정보 list e */

/* point-tbl s */
.common-table.point-tbl {border-top: none;}
.common-table.point-tbl .tbl th {background: var(--point-color); color: var(--white);}
/* point-tbl e */

/*** SDU 메인, 입학처 관련 컴포넌트 ***/

/* list-tbl s */
.list-tbl {border-top: 1px solid var(--black);}
.list-tbl>li {border-bottom: 1px solid #dddfe5; display: flex; align-items: center; padding: 10px 0; line-height: 1.2;}
.list-tbl>li .no {min-width: 40px; text-align: center; color: var(--black);}
.list-tbl>li>p {width: 100%; padding-right: 10px; color: var(--black);}
.list-tbl>li>p>span {color: #666; display: inline-block; padding-left: 6px; line-height: 1.2;}
.list-tbl>li .link-btn.sm {min-width: 90px; padding: 5px 8px; font-size: 13px;}

@media screen and (min-width: 768px){
    .list-tbl a.link-btn.sm {font-size: 15px; min-width: 102px; padding: 6px 10px;}
    .list-tbl a.link-btn.sm span {background-size: 17px; left: 0;}
    .list-tbl {font-size: 16px;}
    .list-tbl>li {padding: 15px 0;}
}

@media screen and (min-width: 1024px){
    .list-tbl {font-size: 1rem;}
    .list-tbl>li {padding: 20px 40px;}
    .list-tbl>li .no {text-align: left;}
    .list-tbl .link-btn.sm {min-width: 160px; padding: 10px;}
}
/* list-tbl e */

/* list-tbl board s */
.list-tbl.board {border-top: 2px solid var(--black);}
.list-tbl.board>li {flex-direction: column; gap: 10px; align-items: flex-start; padding: 20px 0;}
.list-tbl.board .tit {font-size: 16px;}
.list-tbl.board>li>a.link-btn {align-self: flex-end;}
.list-tbl.board .cate-box {display: flex; flex-wrap: wrap; gap: 4px 20px;}
.list-tbl.board .cate-box>span {position: relative;}
.list-tbl.board .cate-box>span:not(:last-child):after {content: ''; position: absolute; top: calc(50% - 1.5px); right: -12px; display: block; width: 3px; height: 3px; background: #a6a6a6; border-radius: 50%;}
@media screen and (min-width: 768px){
    .list-tbl.board .tit {font-size: 18px;}
}
@media screen and (min-width: 1024px){
    .list-tbl.board .tit {font-size: 1rem;}
}
/* list-tbl board e */

/* round-box-list s */
.round-box-list {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px;}
.round-box-list .round-box {display: flex; flex-direction: column; align-items: center; width: calc(50% - 5px); padding: 30px 10px; border: 1px solid var(--border-color); box-sizing: border-box; border-radius: 30px;}
.round-box-list .logo-box {display: none;}
.round-box-list .round-box .img-area {width: 100px; margin-bottom: 15px;}
.round-box-list .round-box .img-area>img {display: block; margin: 0 auto; max-width: 100%;}
.round-box-list .round-box .txt-area {line-height: 1.4; text-align: center;}
.round-box-list .round-box .box-tit {display: block; padding-bottom: 5px; width: 100%; font-size: 20px; line-height: 1; color: var(--emphasis);}
.round-box-list .round-box .txt-area p {color: var(--black);}
.round-box-list .round-box .txt-area span {font-size: 14px;}

@media screen and (min-width: 768px){
    .round-box-list .round-box .img-area {width: 140px;}
    .round-box-list .round-box .box-tit {font-size: 30px;}
    .round-box-list .round-box .txt-area p {font-size: 22px;}
    .round-box-list .round-box .txt-area span {font-size: 15px;}
}

@media screen and (min-width: 1024px){
    .round-box-list .round-box .box-tit {font-size: 1.67rem;}
    .round-box-list .round-box .txt-area p {font-size: 1.22rem;}
    .round-box-list .round-box .txt-area span {font-size: 0.83px;}
}

@media screen and (min-width: 1200px){
    .round-box-list {gap: 20px;}
    .round-box-list .round-box {width: calc(33.33% - 20px);}
    .round-box-list .logo-box {display: flex; justify-content: center; background: #032a58;}
    .round-box-list .logo-box .img-area {width: 160px;}
    .round-box-list .logo-box .box-tit {color: var(--white); padding-bottom: 0;}
}
/* round-box-list e */

/* ex-container s */
.icon.intro-tel {width: 60px; height: 60px; background-image: url("/_user/university/img/sub/ico-intro-tel.png");}
.icon.intro-fax {width: 60px; height: 60px; background-image: url("/_user/university/img/sub/ico-intro-fax.png");}
.ex-container .ex-box .ico-area {padding-bottom: 15px;}
.ex-container .ex-box .txt-area {text-align: left;}
.ex-container .ex-box + .ex-box {margin-top: 10px;}
.ex-container .txt-area ul {flex-wrap: nowrap; flex-direction: column; padding-top: 0;}
.ex-container .txt-area li+li {padding-top: 0;}
.ex-container .point-info-list em {min-width: 75px;}

@media screen and (min-width: 768px){
    .ex-container {width: 100%; display: flex; flex-wrap: wrap; gap: 15px;}
    .ex-container .ex-box {display: flex; width: calc(50% - 70px); padding: 20px 30px;}
    .ex-container .ex-box + .ex-box {margin-top: 0;}
    .ex-container .ex-box .txt-area {width: 100%;}
    .ex-container .ex-box .txt-area li, .ex-box .txt-area span, .ex-box .txt-area>p.exclam {font-size: 16px;}
    .ex-container.contact .keynote-tit {font-size: 30px;}
}

@media screen and (min-width: 1024px){
    .ex-container {gap: 30px;}
    .ex-container .ex-box {width: calc(50% - 77px);}
    .ex-container .ex-box .icon {width: 70px; height: 70px;}
    .ex-container .ex-box .txt-area {width: calc(100% - 90px);}
    .ex-container .txt-area ul {flex-wrap: wrap; flex-direction: row; gap: 5px;}
    .ex-container .txt-area ul.col2>li {width: 49%;}
    .ex-container .ex-box .txt-area li, .ex-box .txt-area span, .ex-box .txt-area>p.exclam {font-size: 0.9rem;}
    .ex-container.contact .keynote-tit {font-size: 1.67rem;}
}

@media screen and (min-width: 1400px){
    .ex-container .txt-area ul.col2>li {flex-wrap: nowrap;}
}
/* ex-container e */

/* ad-list s */
.ad-list>li+li {margin-top: 10px;}
.ad-list .img-box img {width: 100%;}
.ad-list .txt-box {padding-top: 15px; line-height: 1.4;}
.ad-list .category {color: var(--gold);}
.ad-list .box-tit {font-size: 16px; color: var(--black);}

@media screen and (min-width: 560px){
    .ad-list {display: flex; flex-wrap: wrap; gap: 20px;}
    .ad-list>li {width: calc(50% - 10px);}
    .ad-list>li+li {margin-top: 0;}
}

@media screen and (min-width: 768px){
    .ad-list {gap: 30px;}
    .ad-list>li {width: calc(33.33% - 20px);}
    .ad-list .box-tit {font-size: 18px;}
    .ad-list .category , .ad-list .box-tit + span {font-size: 15px;}
    .ad-list .box-tit + span {display: block; padding-top: 5px;}
}

@media screen and (min-width: 1024px){
    .ad-list .box-tit {font-size: 1rem;}
    .ad-list .category , .ad-list .box-tit + span {font-size: 0.83rem;}
}
/* ad-list e */

/* img-link-list s */
.img-link-list {display: flex; flex-wrap: wrap; gap: 10px;}
.img-link-list>li {width: calc(50% - 5px);}
.img-link-list .img-link-box {display: block; width: 100%; height: 100%; box-sizing: border-box; border: 1px solid var(--border-color);}
.img-link-list .img-area {width: 100%; height: auto; max-height: 180px; overflow: hidden; box-sizing: border-box; text-align: center;}
.img-link-list .img-area>img {width: 100%; height: 100%; object-position: top; object-fit: cover; transition: all 0.5s;}
.img-link-list .link-txt {display: flex; justify-content: space-between; align-items: center; padding: 5px 10px; box-sizing: border-box; border-top: 1px solid var(--border-color); color: var(--black);}

@media screen and (min-width: 768px){
    .img-link-list>li {width: calc(25% - 7.5px);}
    .img-link-list .img-area {height: 130px;}
    .img-link-list .link-txt {height: 50px; padding: 10px 20px;}
    .img-link-list .img-link-box:hover img, .img-link-list .img-link-box:focus img {transform: scale(1.1);}
}

@media screen and (min-width: 768px){
    .img-link-list .img-area {height: 180px;}
}
/* img-link-list e */

/* link-btn kakaotalk s */
.ico-kakao {width: 30px; height: 28px; background: url("/_user/university/img/sub/ico-kakao.png") center no-repeat;}
a.link-btn .ico-kakao {margin-left: 0;}
.link-btn.kakao {gap: 10px; background: #f9e000; --link-btn-on-bg: #f9e000;}
/* link-btn kakaotalk e */

/* circle-diagram s */
.circle-diagram .circle-wrap + .circle-wrap {margin-top: 70px; position: relative;}
.circle-diagram .circle-wrap + .circle-wrap:before {content: ''; display: block; position: absolute; width: 30px; height: 3px; top: -36px; left: 50%; transform: translateX(-50%); background: #042A59;}
.circle-diagram .circle-wrap + .circle-wrap:after {content: ''; display: block; position: absolute; width: 3px; height: 30px; top: -50px; left: 50%; transform: translateX(-50%); background: #042A59;}
.circle-diagram .tit-box {text-align: center; color: var(--black); padding-bottom: 20px;}
.circle-diagram .tit-box p {font-size: 20px; font-weight: 500;}
.circle-diagram .circle-box .circle {display: flex; justify-content: center; align-items: center; margin: 0 auto; width: 105px; height: 105px; border-radius: 50%;}
.circle-diagram .circle-box .circle.blue {background-color: rgba(4,42,89,0.9);}
.circle-diagram .circle-box .circle.brown {background-color: rgba(181,146,111,0.9);}
.circle-diagram .circle-box .circle.sky {background-color: rgba(94,110,136,0.9);}
.circle-diagram .circle-box .circle p {text-align: center; color: var(--white); font-size: 13px; line-height: 1.4;}

@media screen and (min-width: 360px){
    .circle-diagram .circle-box {display: flex; justify-content: center;}
    .circle-diagram .circle-box .circle {display: inline-flex; margin: 0;}
    .circle-diagram .circle-box .circle:nth-child(n+2) {margin-left: -10px;}
}

@media screen and (min-width: 768px){
    .circle-diagram .circle-box .circle {width: 180px; height: 180px;}
    .circle-diagram .circle-box .circle:nth-child(n+2) {margin-left: -15px;}
    .circle-diagram .tit-box p {font-size: 24px;}
    .circle-diagram .tit-box span {font-size: 16px;}
    .circle-diagram .circle-box .circle p {font-size: 17px;}
}

@media screen and (min-width: 1200px){
    .circle-diagram {display: flex; justify-content: center; gap: 100px;}
    .circle-diagram .circle-wrap + .circle-wrap {margin-top: 0;}
    .circle-diagram .circle-wrap + .circle-wrap:before {width: 40px; left: -68px; top: calc(50% + 50px); transform: translateY(-50%);}
    .circle-diagram .circle-wrap + .circle-wrap:after {height: 40px; left: -50px; top: calc(50% + 50px); transform: translateY(-50%);}
    .circle-diagram .tit-box p {font-size: 1.33rem;}
    .circle-diagram .tit-box span {font-size: 0.89rem;}
    .circle-diagram .circle-box .circle p {font-size: 0.94rem;}
}
/* circle-diagram e */

/* curriculum-menu s */
.curriculum-menu .curriculum-list {display: flex; flex-wrap: wrap;}
.curriculum-menu .curriculum-list>li {width: 50%; cursor: pointer; box-sizing: border-box; border-bottom: 1px solid var(--border-color);}
.curriculum-menu .curriculum-list .txt-area {display: none;}
.curriculum-menu .curriculum-list .curri-tit {display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; color: var(--black); font-weight: 400; line-height: 1.2;}
.curriculum-menu .curriculum-list .ico-plus {width: 12px; height: 2px; background: #b2b2b2; display: block; position: relative;}
.curriculum-menu .curriculum-list .ico-plus:before { content: ''; position: absolute; width: 2px; height: 12px; background: #b2b2b2; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.m-curriculum-list {display: none; padding: 15px; background: #05548f;}
.m-curriculum-list.active {display: block;}
.m-curriculum-list .tit-area {display: flex; justify-content: space-between;}
.m-curriculum-list .curri-tit {font-size: 20px; color: #90cfff; font-weight: 400; line-height: 1.4;}
.m-curriculum-list .btn-close {width: 30px; height: 30px; position: relative;}
.m-curriculum-list .btn-close:before, .m-curriculum-list .btn-close:after {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 2px; height: 20px; background: #fff;}
.m-curriculum-list .btn-close:after {transform: translate(-50%,-50%) rotate(-45deg);}
.m-curriculum-list .txt-area {margin-top: 10px;}
.m-curriculum-list .txt-area ul {display: flex; flex-wrap: wrap; gap: 10px;}
.m-curriculum-list .txt-area ul li {width: calc(50% - 10px); height: 50px;}
.m-curriculum-list .txt-area .curri {display: flex; align-items: center; line-height: 1.2; width: 100%; height: 100%; box-sizing: border-box; padding: 10px; background: #2a6da0; color: var(--white);}

@media screen and (min-width: 768px){
    .curriculum-menu .curriculum-list>li {width: 100%; display: flex; padding: 10px 20px;}
    .curriculum-menu .curriculum-list .curri-tit {display: block; min-width: 200px; font-size: 18px; padding: 5px;}
    .curriculum-menu .curriculum-list .ico-plus {display: none;}
    .curriculum-menu .m-curriculum-list.active {display: none;}
    .curriculum-menu .curriculum-list .txt-area {display: block;}
    .curriculum-menu .curriculum-list .txt-area ul {display: flex; flex-wrap: wrap; gap: 5px 20px;}
    .curriculum-menu .curriculum-list .txt-area .curri {display: flex; align-items: baseline; gap: 5px;}
    .curriculum-menu .curriculum-list .txt-area .curri:before {content: ''; display: block; width: 13px; height: 13px; color: transparent; background-color: var(--black); --curri-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='레이어_1' x='0px' y='0px' width='13px' height='13px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' xml:space='preserve'%3E%3Cg transform='translate(0.000000,13.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M0,65V0h65h65v65v65H65H0V65z M120,65V10H65H10v55v55h55h55V65z'/%3E%3Cpath d='M42.998,82.998c9.004-1.997,25-1.997,35,0c9.004,3.003,1.006,5-17.998,5C41.001,87.998,32.998,86.001,42.998,82.998z'/%3E%3C/g%3E%3Crect x='3.348' y='4.062' width='4.822' height='0.787'/%3E%3Crect x='3.348' y='6.894' width='2.67' height='0.787'/%3E%3C/svg%3E"); mask: var(--curri-svg); -webkit-mask: var(--curri-svg);}
    .curriculum-menu .curriculum-list .curri-wrap.on {background: #05548f; border-color: #05548f;}
    .curriculum-menu .curriculum-list .curri-wrap.on .curri-tit,
    .curriculum-menu .curriculum-list .curri-wrap.on .curri {color: var(--white);}
    .curriculum-menu .curriculum-list .curri-wrap.on .curri:before {background-color: #82aac7;}
    .curriculum-menu .curriculum-list .curri-wrap.on .curri.on {color: #fac550; border-bottom: 1px solid #fac550;}
    .curriculum-menu .curriculum-list .curri-wrap.on .curri.on:before {background-color: #fac550;}
}

@media screen and (min-width: 1024px){
    .curriculum-menu .curriculum-list .curri-tit {font-size: 1rem}
}
/* curriculum-menu e */

/* link-list s */
.link-list>li+li {margin-top: 20px;}
.link-list .link-box {display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 20px; border: 1px solid var(--border-color); box-sizing: border-box; line-height: 1.2; color: var(--black);}
.link-list .link-box:after {content: ''; display: inline-block; width: 8px; height: 8px; border-right: 1px solid #666; border-bottom: 1px solid #666; transform: rotate(-45deg); box-sizing: border-box; flex-shrink: 0;}

@media screen and (min-width: 400px){
    .link-list {display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr);}
    .link-list>li {height: 70px;}
    .link-list>li+li {margin-top: 0;}
    .link-list .link-box {height: 100%;}
}

@media screen and (min-width: 768px){
    .link-list {grid-template-columns: repeat(3, 1fr);}
    .link-list .link-box {transition: all 0.3s;}
    .link-list .link-box:hover, .link-list .link-box:focus {border-color: var(--black);}
}

@media screen and (min-width: 1024px){
    .link-list {grid-template-columns: repeat(4, 1fr);}
    .link-list .link-box {font-size: 0.89rem;}
}
/* link-list e */

/* pc-flex-box s */
.pc-flex-box {display: flex; flex-direction: column; gap: 30px;}
.pc-flex-box .img-box>img {max-width: 100%;}
@media screen and (min-width: 1024px){
    .pc-flex-box {flex-direction: row;}
}
/* pc-flex-box e */

/* ex-box group */
.icon.bachelor {background-image: url("/_user/university/img/sub/ico-bachelor.png");}
.ex-box .group .keynote-tit {padding-bottom: 10px;}
.ex-box .group .ex-inner + .ex-inner {margin-top: 20px;}

@media screen and (min-width: 768px){
    .icon.bachelor {background-size: 80px auto;}
    .ex-box .group .txt-area {width: calc(100% - 80px);}
    .ex-box .group {display: flex; gap: 30px;}
    .ex-box .group .ex-inner {width: calc(50% - 15px);}
    .ex-box .group .ex-inner + .ex-inner {margin-top: 0;}
    .ex-box .group .ex-inner .keynote-tit {text-align: left;}
    .ex-box .group .link-btn {min-width: auto;}
}

/* procedure-list type-box s */
.procedure-list>li {position: relative;}
.procedure-list>li+li {margin-top: 30px;}
.procedure-list>li+li:before {width: 16px; height: 16px; font-size: 16px; content: '▶'; position: absolute; left: 50%; top: -24px; display: flex; justify-content: center; align-items: center; transform: translateX(-50%) rotate(90deg); color: #18558d;}
.procedure-list .tit-area {width: 100%; padding: 7px; box-sizing: border-box; height: 50px; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #9ec3e4; color: var(--black);}
.procedure-list .txt-area {width: 100%; padding: 7px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; height: 100px; background: #f1f2f7;}

@media screen and (min-width: 500px){
    .procedure-list {display: flex; gap: 30px; flex-wrap: wrap;}
    .procedure-list>li {width: calc(33.33% - 20px);}
    .procedure-list>li+li {margin-top: 0;}
    .procedure-list>li+li:before {top: calc(50% - 8px); left: -15px; transform: translateX(-50%) rotate(0deg)}
}

@media screen and (min-width: 1024px){
    .procedure-list {gap: 50px;}
    .procedure-list>li {width: calc(20% - 40px);}
    .procedure-list>li+li:before {left: -25px;}
}
/* procedure-list type-box e */

/* row-box s */
.row-box {display: flex; flex-wrap: wrap; gap: 5px 10px;}
@media screen and (min-width: 768px) {
    .point-tbl .row-box {gap: 5px 20px;}
}
/* row-box e */

/* ex-list type4 s */
.ex-list.type4 .ico-area {display: none;}
.ex-list .text-area>p.list-tit {font-size: 17px;}
.ex-list .text-area>p.keynote-tit {margin-bottom: 10px;}
.ex-list .text-area>span + .list-tit {margin-top: 10px; margin-bottom: 0; padding-bottom: 10px;}

@media screen and (min-width: 768px) {
    .ex-list.type4 .ico-area {display: flex; width: 142px; height: 142px;}
    .ex-list.type4 .ico-area>img {height: 76px;}
    .ex-list .text-area>p.list-tit {font-size: 20px;}
    .ex-list .text-area>p.keynote-tit {margin-bottom: 15px;}
    .ex-list .text-area>span + .list-tit {margin-top: 15px; padding-bottom: 15px;}
    .ex-list.type4 .row-box>span {min-width: 120px;}
}

@media screen and (min-width: 768px) {
    .ex-list .text-area>p.list-tit {font-size: 1.11rem;}
}
/* ex-list type4 e */

/* homepage-link s */
.homepage-link {margin: 0 auto; width: 45px; height: 45px; background-color: var(--lightnavy); display: flex; justify-content: center; align-items: center;}
.homepage-link .ico-home {width: 16px; height: 15px; display: block; background: url('/_user/common/img/layout/ico-home-w.png');}
/* homepage-link e */

.gallery-board .tit {display: flex;}
.gallery-board .tit .ico-new {margin-top: 0;}

/* circle-num s */
.circle-num {counter-reset: num 0;}
.circle-num>li {display: flex; align-items: baseline;}
.circle-num>li:before {counter-increment: num 1; content: counter(num); background: #666; display: inline-flex; justify-content: center; align-items: center; margin-right: 6px; width: 18px; height: 18px; border-radius: 50%; color: #FFF; font-size: 14px; font-weight: 500; flex-shrink: 0;}
.bullet-list.circle-num>li:before {position: relative; padding: 1px; line-height: 1; box-sizing: border-box; font-weight: 400;}
.circle-num.tit>li:before {width: 20px; height: 20px; margin-right: 5px; line-height: 1; background: #5e6e88; font-size: 17px; font-weight: 400;}

.circle-num.list.tit>li:before {position: relative; top: -1px;}
.circle-num.list>li+li {padding-top: 10px;}

@media screen and (min-width: 768px){
    .circle-num.tit>li:before {width: 25px; height: 25px; font-size: 20px; line-height: 23px;}
    .circle-num.list.tit>li:before {position: relative; top: -2px;}
    .bullet-list.circle-num>li:before {top: -1px;}
    .circle-num.list>li+li {padding-top: 20px;}
}
/* circle-num e */

/* graph s */
.graph {--graph-length: 5; width: 100%; position: relative; overflow-y: hidden; height: 340px; background: url('/_user/common/img/sub/bg-status-graph.png') repeat-x;}
.graph.graduate {height: 300px; --graph-length: 13;}
.graph>ul {position: absolute; bottom: 0; display: flex; gap: 5px; align-items: flex-end; width: 100%;}
.graph>ul>li {width: calc(100% / var(--graph-length)); height: 100%; text-align: center;}
.graph>ul>li:after {content: attr(data-year); display:block; padding-top: 10px; text-align:center; font-size:15px; color:#666}
.graph>ul>li>p {color: var(--black); line-height: 1.4;}
.graph>ul>li>p>em {margin-right:3px; font-size: 16px; letter-spacing: -1px; font-weight: bold;}
.graph>ul>li>p:after {content:''; display:block; width: 40px; height: 180px; margin: 0 auto; background: #042a59;}

.graph.graduate>ul>li:nth-child(1) p:after {height: 20px; background: #dadee1;}
.graph.graduate>ul>li:nth-child(2) p:after {height: 35px; background: #dadee1;}
.graph.graduate>ul>li:nth-child(3) p:after {height: 55px; background: #adb4bc;}
.graph.graduate>ul>li:nth-child(4) p:after {height: 75px; background: #5e6e88;}
.graph.graduate>ul>li:nth-child(5) p:after {height: 90px; background: #6bb3e4;}
.graph.graduate>ul>li:nth-child(6) p:after {height: 110px; background: #3897d9;}
.graph.graduate>ul>li:nth-child(7) p:after {height: 120px; background: #0d61a0;}
.graph.graduate>ul>li:nth-child(8) p:after {height: 140px; background: #10488d;}
.graph.graduate>ul>li:nth-child(9) p:after {height: 160px; background: #042a59;}
.graph.graduate>ul>li:nth-child(10) p:after {height: 170px; background: #e2b758;}
.graph.graduate>ul>li:nth-child(11) p:after {height: 190px; background: #b5926f;}
.graph.graduate>ul>li:nth-child(12) p:after {height: 210px; background: #977649;}
.graph.graduate>ul>li:nth-child(13) p:after {height: 220px; background: #dadee1;}

@media screen and (min-width: 1024px){
    .ex-box .icon {background-size: 70px;}
    .ex-box .icon.license01, .ex-box .icon.license02, .ex-box .icon.license03 {background-size: 90px;}
    .graph ul>li:after {font-size: 1rem;}
    .graph>ul>li>p {font-size: 0.89rem;}
    .graph>ul>li>p>em  {font-size: 1rem;}
    .graph ul>li p:after {width: 60px;}
}

@media screen and (min-width: 1200px){
    .graph>ul>li>p {font-size: 1rem;}
    .graph>ul>li>p>em  {font-size: 1.07rem;}
}
/* graph e */

/* text-list group s */
.text-list.group>li+li {padding-top: 30px;}
.text-list.group .img-area {width: 100%; height: 30vw; max-height: 160px; display: flex; gap: 10px; margin-top: 15px;}
.text-list.group .img-area>img {display: inline-block; max-width: 100%;}

@media screen and (min-width: 850px){
    .text-list.group>li {display: flex; gap: 20px; justify-content: space-between;}
    .text-list.group.left>li {flex-direction: row-reverse;}
    .text-list.group>li+li {padding-top: 35px;}
    .text-list.group .text-area {width: calc(100% - 360px);}
    .text-list.group .img-area {margin-top: 0; max-width: 340px;}
    /* 강의실 둘러보기 s */
    .sub-section.class .text-list.group>li {gap: 40px;}
    .sub-section.class .text-list.group .text-area {width: calc(100% - 320px);}
    .sub-section.class .text-list.group .img-area {max-width: 270px;}
    .sub-section.class .text-list.group .img-area>img {width: 270px;}
}
/* text-list group e */

/* line-box-wrap s */
.line-box-wrap .line-box {padding: 20px;}
.line-box-wrap .line-box .keynote-tit {padding-bottom: 10px;}
.line-box-wrap .line-box>ul>li {display: flex;}
.line-box-wrap .line-box>ul>li>em {display: inline-block; box-sizing: border-box; min-width: 65px; padding-right: 10px; color: var(--black); font-weight: 500;}
.line-box-wrap .line-box>ul>li .bullet-list>li {margin-bottom: 0;}

@media screen and (min-width: 450px){
    .line-box-wrap {display: grid; gap: 20px;}
    .line-box-wrap .line-box + div {margin-top: 0;}
    .line-box-wrap.col2 {grid-template-columns: repeat(2, 1fr);}
    .line-box-wrap.col2 .width100 {grid-column: 1 / 3;}
}
@media screen and (min-width: 768px){
    .line-box-wrap.col3 {grid-template-columns: repeat(3, 1fr);}
    .line-box-wrap .bullet-list {font-size: 15px;}
    .line-box-wrap .line-box>ul>li>em {min-width: 80px;}
}
@media screen and (min-width: 1024px){
    .line-box-wrap .line-box {padding: 25px;}
    .line-box-wrap .bullet-list {font-size: 1rem;}
    .line-box-wrap .line-box .keynote-tit {padding-bottom: 15px;}
}
/* line-box-wrap e */

/* contact-box no-ico s */
.contact-box.no-ico {background: var(--lightgray); padding: 20px;}
.contact-box.no-ico>ul {justify-content: center; gap: 10px;}
.contact-box.no-ico li {flex-direction: column; justify-content: center;}
.contact-box.no-ico em {display: flex; align-items: center;}
.contact-box.no-ico img {padding-right: 5px;}
@media screen and (min-width: 768px){
    .contact-box.no-ico {background: var(--lightgray); padding: 25px 15px;}
    .contact-box.no-ico>ul {justify-content: flex-start;}
    .contact-box.no-ico li {flex-direction: row; justify-content: flex-start;}
    .contact-box.no-ico img {padding-right: 10px;}
}
/* contact-box no-ico e */

/* ex-point-box s */
.ex-point-box {height: auto; border: 1px solid var(--black);}
.ex-point-box .title {font-size: 20px; padding: 8px; font-weight: 500; text-align: center; color: #fff; background: #05548f; letter-spacing: -1px; word-break: keep-all;}
.ex-point-box .title.yellow {color: #e2b758;}
.ex-point-box>ul {display: flex; flex-direction: column; padding: 15px;}
.ex-point-box>ul>li {display: flex; justify-content: space-between; position: relative; padding: 5px 0;}
.ex-point-box>ul>li+li {border-top: 1px solid #dbdfe2;}
.ex-point-box>ul>li .txt-area>p {font-size: 18px; font-weight: 600; letter-spacing: -2px;}
.ex-point-box>ul>li .txt-area .explain {font-size: 16px; letter-spacing: -1px; color: #666;}
.ex-point-box .img-area>img{width: 80%;}

@media screen and (min-width: 768px){
    .ex-point-box .title {font-size: 28px; padding: 15px;}
    .ex-point-box>ul {padding: 45px 40px;}
    .ex-point-box>ul>li {padding: 10px 0;}
    .ex-point-box>ul>li .txt-area>p {font-size: 24px;}
    .ex-point-box>ul>li .txt-area .explain {font-size: 18px;}
    .ex-point-box .img-area>img {width: 100%;}
}

@media screen and (min-width: 1024px){
    .ex-point-box .title {font-size: 1.556rem;}
    .ex-point-box>ul {flex-direction: row; gap: 40px;}
    .ex-point-box>ul>li {width: 33.33%;}
    .ex-point-box>ul>li .txt-area>p {font-size: 1.333rem;}
    .ex-point-box>ul>li .txt-area .explain {font-size: 1rem;}
    .ex-point-box>ul>li+li {border-top: none; border-left: 1px solid #dbdfe2; padding-left: 40px;}
}
/* ex-point-box e */
/* rocess-list.type4 s */
.icon.janghak {background-image: url("/_user/admission/img/sub/ico-standard-02.png");}
.process-list.type4 .img-box .ico-area {border-radius: inherit;}
.process-list.type4 .img-box .ico-area {width: 100%; height: auto; background: none;}
.process-list.type4 .img-box .ico-area>img {width: 100%;}
.process-list.type4 .ico-inner-tit {text-align: center;}
.process-list.type4 .ico-inner-tit span {display: block;}
.process-list.type4 .ico-area {width: 150px; height: 150px; font-size: 18px;}
.process-list .ico-area.light-blue {background: #3897d9;}
.process-list.type4 .ico-area.m-square {width: 100%; height: auto; padding: 10px 0; border-radius: inherit;}
.process-list.type4 .ico-area.m-square>p {font-size: 1rem;}

@media screen and (min-width: 768px){
    .icon.janghak {background-size: 85px;}
    .process-list.type4 .img-box .ico-area {width: auto;}
    .process-list.type4 .ico-area {width: 150px; height: 150px;}
    .process-list.type4>li:not(:last-child):after {top: 41%; transform: translateY(-50%);}
    .process-list.type4 .img-box {width: 50%;}
    .process-list.type4>li {width: 25%; justify-content: center;}
    .process-list.type4 .text-area {min-height: 63px;}
    .process-list.type4 .ico-area.m-square {width: 150px; height: 150px; border-radius: 50%; padding: 0;}
    .process-list.type4 .ico-area.m-square>p {font-size: 18px;}
}
@media screen and (min-width: 1024px){
    .process-list.type4>li:not(:last-child):after {top: 41%; transform: translateY(-50%);}
    .process-list.type4 .ico-area.m-square {width: 150px; height: 150px;}
}
/* rocess-list.type4 */

/* qna-box s */
.qna-box {padding: 20px; background: #f1eae0;}
.qna-box>li>div {position: relative; padding-left: 20px; font-size: 14px;}
.qna-box>li+li {padding-top: 20px;}
.qna-box>li+li {padding-top: 20px;}
.qna-box>li>div.que {font-weight: 600; color: var(--black); margin-bottom: 5px;}
.qna-box>li>div:before {content: attr(data-content); position: absolute; top: -3px; left:0; font-size: 18px; text-align: center;}
.qna-box>li>div.que:before {color:#05548f;}
.qna-box>li>div.anw:before {color: #846841;}
.qna-box>li .tit {color: var(--black); font-weight: 500; margin-bottom: 10px;}
@media screen and (min-width: 768px){
    .qna-box {padding: 40px;}
    .qna-box>li>div {padding-left: 25px; font-size: 16px;}
    .qna-box>li>div:before {font-size: 20px; top: -4px; width: 20px;}
}
@media screen and (min-width: 1024px){
    .qna-box>li>div {font-size: 18px;}
    .qna-box>li>div:before {font-size: 22px;}
}
/* qna-box e */

/* SDU 人 story s */
.story-wrap {padding-top: 30px; border-top: 1px solid var(--border-color);}
.story-wrap + .story-wrap {margin-top: 50px;}
.story-list {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
.story-list .img-area {position: relative; overflow: hidden;}
.story-list .img-area:after {content: ''; display: block; transition: all 0.3s; width: 100%; height: 100%; background: rgba(0,0,0,0.2) url("/_user/components/img/sub/ico-btn-play.png") center no-repeat; position: absolute; lef: 0; top: 0; background-size: 35px auto; }
.story-list .img-area img {width: 100%;}
.story-list>li>a:hover .img-area:after {background-color: rgba(0,0,0,0.5);}
.story-list .name {color: var(--gold); padding-top: 5px;}
.story-list .tit {color: var(--black); line-height: 1.2; padding-top: 10px;}

.story-view-wrap {padding-top: 30px; border-top: 1px solid var(--border-color);}
.story-view>li {padding-left: 30px;}
.story-view>li+li {padding-top: 40px;}
.story-view .keynote-tit {padding-bottom: 10px; position: relative;}
.story-view .keynote-tit, .story-view .text-box {word-break: keep-all;}
.story-view .keynote-tit:before {position: absolute; left: -30px; top: 2px; content: attr(data-story); font-size: 20px; font-weight: 700; color: #3897d9; line-height: 1.2;}
.story-view .text-area .tit {color: var(--gold); padding-bottom: 5px; font-weight: 500;}
.story-view .img-area {text-align: center; margin-top: 40px;}
.story-view .img-area>img {max-width: 100%;}
.story-view .text-box>p+p {padding-top: 10px;}
.story-view .text-area.icon-box .icon {display: none;}
.story-view .text-area.icon-box .inner-txt + .inner-txt {padding-top: 40px;}
.sub-section.story + .btn-wrap {margin-top: 50px;}
.sub-section.story .btn-play {background-image: url("/_user/common/img/sub/ico-story-play.png");}
@media screen and (min-width: 768px){
    .story-list {grid-template-columns: repeat(3, 1fr);}
    .story-wrap + .story-wrap {margin-top: 100px;}
    .story-list .name, .story-list .tit {padding-top: 15px;}

    .story-view>li {padding-left: 40px;}
    .story-view>li+li {padding-top: 60px;}
    .story-view .text-area .tit {font-size: 18px;}
    .story-view .keynote-tit {padding-bottom: 20px;}
    .story-view .keynote-tit:before {font-size: 24px; top: 4px; left: -40px;}
    .story-view .text-area.icon-box {display: flex; gap: 30px; align-items: flex-end;}
    .story-view .text-area.icon-box.center {align-items: center;}
    .story-view .text-area.icon-box.top {align-items: flex-start;}
    .story-view .text-area.icon-box .icon {display: block; flex-shrink: 0;}
    .story-view .text-area.icon-box .icon>img {width: 150px; max-width: 100%;}
    .sub-section.story + .btn-wrap {margin-top: 70px;}
    .story-view .text-area.icon-box .inner-txt + .inner-txt {padding-top: 60px;}
}
@media screen and (min-width: 1024px){
    .story-list .name {padding-top: 20px;}

    .story-view .text-area.icon-box {gap: 80px;}
    .story-view .text-area.icon-box .icon>img  {width: auto;}
    .story-view .keynote-tit:before {font-size: 1.66rem; left: -50px; top: 2px;}
    .story-view>li {padding-left: 50px;}
    .story-view .text-area .tit {font-size: 20px;}
    .video-box.story .video-area {padding-bottom: 36%;}
}
@media screen and (min-width: 1200px){
    .video-box.story .text-area em {font-size: 1.2rem; padding-bottom: 20px;}
    .video-box.story .subtitles-box {height: 240px;}
}
/* SDU 人 story e */

/* 외식조리 s */
.img-box-con:nth-child(n+2) {padding-top: 50px;}
.img-box-con dl>dt {font-size: 40px; font-weight: 500; color: #000; display: flex; line-height: 1.2;}
.img-box-con dl>dt em {display: inline-block; padding-right: 10px;}
.img-box-con dl>dd {margin-left: 55px; display: flex; line-height: 1.2;}
.img-box-con dl>dd:before {content: ''; min-width: 3px; height: 3px; border-radius: 45px; background: #005c97; margin-right: 7px; margin-top: 10px;}
.img-box-con .img-area {padding-top: 20px;}
.img-box-con .img-area img {max-width: 100%;}

@media screen and (min-width: 768px){
    .img-box-con {display: flex; gap: 50px;}
    .img-box-con:nth-child(n+2) {padding-top: 0;}
    .img-box-con:nth-child(2n) {flex-direction: row-reverse;}
    .img-box-con dl {width: 50%; padding-top: 20px; box-sizing: border-box;}
    .img-box-con dl>dt {position: relative;}
    .img-box-con dl>dt:before {content: ''; position: absolute; width: 100px; height: 4px; background: #b5926f; left: 100%; top: 50%; margin-top: -2px;}
    .img-box-con:nth-child(2n) dl>dt:before {left: auto; right: 102%;}
    .img-box-con dl>dt em {font-size: 50px;}
    .img-box-con dl>dd {padding-bottom: 5px;}
    .img-box-con .img-area {width: 50%; padding-top: 0;}
}
@media screen and (min-width: 1200px){
    .img-box-con {gap: 0;}
    .img-box-con:nth-child(n+2) {padding-top: 70px;}
    .img-box-con dl {padding-top: 30px; padding-left: 30px;}
    .img-box-con dl>dt {padding-bottom: 20px;}
    .img-box-con dl>dt:before {margin-top: -30px; width: 150px; left: 82%;}
    .img-box-con:nth-child(2n) dl {padding-left: 120px;}
    .img-box-con:nth-child(2n) dl>dt:before {right: 104%;}
    .img-box-con dl>dt em {font-size: 76px; letter-spacing: -4px; line-height: 1; margin-top: -12px; padding-right: 20px;}
    .img-box-con dl>dd {padding-bottom: 10px; margin-left: 96px;}
}
/* 외식조리 e */

/* 법무행정 교육목표 s */
.lawkeynote .hex-box-list {position: relative; text-align: center; max-width: 550px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 5px;}
.lawkeynote .hex-box .hex {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 130px; height: 226px; box-sizing: border-box; background: #855500; letter-spacing: -1px; position: relative;}
.lawkeynote .hex-box .hex:before {content: ''; position: absolute; left: -65px; width: 0; height: 0; border-right: 65px solid #855500; border-top: 113px solid transparent; border-bottom: 113px solid transparent;}
.lawkeynote .hex-box .hex:after {content: ''; position: absolute; right: -65px; width: 0; height: 0; border-left: 65px solid #855500; border-top: 113px solid transparent; border-bottom: 113px solid transparent;}
.lawkeynote .hex-box.box2 .hex {background-color: #eab14b;}
.lawkeynote .hex-box.box2 .hex:before {border-right-color: #eab14b;}
.lawkeynote .hex-box.box2 .hex:after {border-left-color: #eab14b;}
.lawkeynote .hex-box.none {display: none;}
.lawkeynote .hex-box .hex p {font-size: 22px; font-weight: bold; line-height: 1.2; white-space: nowrap; position: relative; z-index: 1; color: #111;}
.lawkeynote .hex-box .hex p.bg:before {content: ''; position: absolute; width: 260px; height: 227px; background: url(http://www.sdu.ac.kr/_res/_mail/webplanner/law/lawbg0.png); left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: -1;}
.lawkeynote .hex-box .hex p.bg.counsel:before {background-image: url('/_user/department/counsel/img/sub/trialborder.png');}
.lawkeynote .hex-box .hex p.bg.welfare:before {background-image: url('/_user/department/welfare/img/sub/borderbg.png');}
.lawkeynote .hex-box .hex p.bg.ee:before {background-image: url('/_user/department/ee/img/sub/eeborderbg.png');}
.lawkeynote .hex-box .hex p.bg.design01:before {background-image: url('/_user/department/design/img/sub/design_box4.png');}
.lawkeynote .hex-box .hex p.bg.design02:before {background-image: url('/_user/department/design/img/sub/design_box2.png');}
.lawkeynote .hex-box .hex span {display: inline-block; font-weight: 300; font-size: 15px; line-height: 1.3; padding-top: 10px; white-space: normal;}
.lawkeynote .hex-box.box1 .hex p, .lawkeynote .hex-box.box3 .hex p, .lawkeynote .hex-box.box4 .hex p,
.lawkeynote .hex-box.box1 .hex span, .lawkeynote .hex-box.box3 .hex span, .lawkeynote .hex-box.box4 .hex span {color: #fff;}
.lawkeynote .hex-box .hex a {position: relative; z-index: 1; display: flex; width: 90px; height: 28px; font-size: 12px; border: 1px solid #000; align-items: center; justify-content: center; color: #000; margin-top: 20px;}
.lawkeynote .hex-box.box1 .hex a, .lawkeynote .hex-box.box4 .hex a {border-color: #fff; color: #fff;}
.lawkeynote .hex-box .bg img {position: absolute; left: 50%; transform: translateX(-50%);}
.lawkeynote .hex-box .white {color: #fff !important;}
.lawkeynote .hex-box .black {color: #000 !important;}
.lawkeynote .mint .hex-box .hex {background: #0e697c;}
.lawkeynote .mint .hex-box .hex:before {border-right-color: #0e697c;}
.lawkeynote .mint .hex-box .hex:after {border-left-color: #0e697c;}
.lawkeynote .mint .hex-box.box2 .hex {background-color: #29b2ab;}
.lawkeynote .mint .hex-box.box2 .hex:before {border-right-color: #29b2ab;}
.lawkeynote .mint .hex-box.box2 .hex:after {border-left-color: #29b2ab;}
.lawkeynote .yellow .hex-box .hex {background: #988001;}
.lawkeynote .yellow .hex-box .hex:before {border-right-color: #988001;}
.lawkeynote .yellow .hex-box .hex:after {border-left-color: #988001;}
.lawkeynote .yellow .hex-box.box2 .hex {background-color: #eacd34;}
.lawkeynote .yellow .hex-box.box2 .hex:before {border-right-color: #eacd34;}
.lawkeynote .yellow .hex-box.box2 .hex:after {border-left-color: #eacd34;}
.lawkeynote .deepblue .hex-box .hex {background: #003362;}
.lawkeynote .deepblue .hex-box .hex:before {border-right-color: #003362;}
.lawkeynote .deepblue .hex-box .hex:after {border-left-color: #003362;}
.lawkeynote .deepblue .hex-box.box2 .hex {background-color: #0076b6;}
.lawkeynote .deepblue .hex-box.box2 .hex:before {border-right-color: #0076b6;}
.lawkeynote .deepblue .hex-box.box2 .hex:after {border-left-color: #0076b6;}
.lawkeynote .design .hex-box .hex {background: #ff6d00;}
.lawkeynote .design .hex-box .hex:before {border-right-color: #ff6d00;}
.lawkeynote .design .hex-box .hex:after {border-left-color: #ff6d00;}
.lawkeynote .design .hex-box.box2 .hex {background-color: #3c096c;}
.lawkeynote .design .hex-box.box2 .hex:before {border-right-color: #3c096c;}
.lawkeynote .design .hex-box.box2 .hex:after {border-left-color: #3c096c;}

@media screen and (min-width: 600px){
    .lawkeynote .hex-box-list {flex-direction: row; flex-wrap: wrap; gap: 0;}
    .lawkeynote .hex-box {width: 50%; display: flex; justify-content: center; padding-bottom: 10px;}
}
@media screen and (min-width: 768px){
    .lawkeynote {padding-top: 30px;}
    .lawkeynote .hex-box-list.col3 {align-items: flex-start; min-width: 600px;}
    .lawkeynote .hex-box-list.col3 .hex-box {width: 33.33%; padding-bottom: 5px;}
    .lawkeynote .hex-box-list.col3 .hex-box.down {padding-top: 116px;}
    .lawkeynote .hex-box-list.col3 .hex-box.up {position: relative; top: -114px;}
}
@media screen and (min-width: 900px){
    .lawkeynote .hex-box.none {display: flex;}
    .lawkeynote .hex-box-list.col4 {align-items: flex-start; min-width: 805px;}
    .lawkeynote .hex-box-list.col4 .hex-box {width: 25%; padding-bottom: 5px;}
    .lawkeynote .hex-box-list.col4 .hex-box.down {padding-top: 116px;}
    .lawkeynote .hex-box-list.col4 .hex-box.up {position: relative; top: -114px;}
}
/* 법무행정 교육목표 e */

/* 연혁 new s */
.departments_history {display: flex; align-items: center; position: relative; flex-direction: column; padding: 30px 0 100px;}
.departments_history:before {content: ''; position: absolute; left: 50%; top: 0; margin-left: -15px; width: 30px; height: 4px; transform: rotate(90deg); background: url('/_user/components/img/sub/ico_dot_gr.png') no-repeat left 50%;}
.departments_history > li {width: 100%; display: flex; align-items: center; justify-content: center;}
.departments_history .history_box {display: flex; flex-direction: row-reverse; position: relative; letter-spacing: -0.03em; height: 100px;}
.departments_history .history_box:before {content: ''; position: absolute; top: 60px; left: 50%; margin-left: -11px; width: 14px; height: 14px; border-radius: 50%; border: 4px solid #0092a1; background: #fff; z-index: 4;}
.departments_history .history_box:after {content: ''; position: absolute; left: 50%; top: 0; width: 4px; margin-left: -2px; height: 100px; background: #0092a1;}
.departments_history .history_box:last-child:after {height: 175px;}
.departments_history .history_box dt {width: 160px; padding: 50px 20px 0; text-align: left;}
.departments_history .history_box span.year {font-size: 21px; line-height: 1.8; font-weight: bold; color: #0e7387;}
.departments_history .history_box dd {width: 160px; padding: 58px 20px 0; text-align: right;}
.departments_history .history_box dd p {font-size: 15px; height: 60px; text-align: right; line-height: 1.3; font-weight: 500; color: #333;}
.departments_history li:nth-child(even) dt {text-align: right;}
.departments_history li:nth-child(even) dd, .departments_history li:nth-child(even) dd p  {text-align: left;}

@media screen and (min-width: 768px){
    .departments_history .history_box dd, .departments_history .history_box dt {width: 300px;}
    .departments_history .history_box span.year {font-size: 28px;}
    .departments_history .history_box dd p {font-size: 17px;}
}
@media screen and (min-width: 1024px){
    .departments_history {flex-direction: row; padding: 65px 0 50px 30px;}
    .departments_history:before {left: 0; top: 151px; transform: rotate(0);}
    .departments_history > li {width: 20%;}
    .departments_history .history_box {flex-direction: column; height: 175px; justify-content: space-between; width: 100%;}
    .departments_history .history_box:before {top: 77px;}
    .departments_history .history_box:after {width: 100%; height: 4px; top: 50%; margin-left: 0; transform: translate(-50%,-50%);}
    .departments_history .history_box:last-child:after {height: 4px;}
    .departments_history .history_box dd, .departments_history .history_box dt {width: 100%; box-sizing: border-box; padding: 0; text-align: center;}
    .departments_history .history_box dd p, .departments_history li:nth-child(even) dd, .departments_history li:nth-child(even) dd p, .departments_history li:nth-child(even) dt {text-align: center;}
    .departments_history li:nth-child(even) dt {padding-bottom: 22px;}
}
/* 연혁 new e */

/* 탐정 학과특징 s */
.dtct_pi dl {background: #f1f2f7; font-weight: bold;}
.dtct_pi dt {background: #05548f; font-size: 18px; height: 42px; display: flex; align-items: center; justify-content: center; color: #fff;}
.dtct_pi dd {padding: 10px; line-height: 1.2; font-size: 16px; text-align: center;}
.bottom-txt.noti {font-size: 18px; font-weight: bold; color: #000; display: flex; align-items: center; justify-content: center; line-height: 1.2; padding: 20px;}
.bottom-txt.noti:before {content: ''; width: 31px; height: 37px; margin-right: 10px; background: url('/_user/components/img/sub/bulb.jpg') no-repeat;}

@media screen and (min-width: 768px){
    .dtct_pi {position: relative; width: 530px; height: 530px; margin: 0 auto; background: url('/_user/department/pi/img/sub/main_keynote_img.jpg') no-repeat;}
    .dtct_pi dl {background: none;}
    .dtct_pi dt {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); word-break: keep-all; font-size: 32px; text-align: center; width: 150px; height: auto; line-height: 1.3;}
    .dtct_pi dd {width: 150px; position: absolute; font-size: 18px; font-weight: 500;}
    .dtct_pi dd:nth-of-type(1) {margin: 120px 0 0 75px;}
    .dtct_pi dd:nth-of-type(2) {margin: 120px 0 0 320px;}
    .dtct_pi dd:nth-of-type(3) {margin: 360px 0 0 65px; width: 130px;}
    .dtct_pi dd:nth-of-type(4) {margin: 360px 0 0 330px; width: 140px;}
    .bottom-txt.noti {font-size: 20px; padding-top: 40px;}
}
/* 탐정 학과특징 e */

.more-btn {display: inline-block; width: 25px; height: 25px; vertical-align: middle; background: url('/_user/common/img/layout/ico-zoomin-black.png') 50% no-repeat;}
.btns {display: flex; flex-direction: column; align-items: center; gap: 5px;}
.btns .btn-link {color: #fff !important; font-size: 15px; min-width: 300px; display: flex; align-items: center; justify-content: center; height: 60px; background: #14355e;}
.btns .btn-link.sm {height: 45px; min-width: 160px;}
.btns .btn-link.purple {background-color: #7030a0;}
.btns .btn-link.darkpurple {background-color: #4e1a89;}
.btns .btn-link.gray {background-color: #5e6e88;}
.btns .btn-link.green {background-color: #385723;}
.btns .btn-link.lightnavy {background-color: #05548f; color: #ffcf00 !important;}
.btns .btn-link:after {content: ''; width: 20px; height: 10px; margin-left: 30px; background: url('/_user/components/img/sub/ico-shortcut-w.png') 50% no-repeat;}

.pyramid {text-align: center;}
.pyramid .pyramid-row {display: block;}
.pyramid .level {display: inline-block; vertical-align: middle;color: #fff;height: 70px;position: relative;}
.pyramid .level span {position: absolute;top: 50%;left: 50%;width: auto;white-space: nowrap;}
.pyramid .one {width: 0;height: 0;border-left: 50px solid #fff;border-right: 50px solid #fff;border-bottom: 90px solid #3897d9;}
.pyramid .two {border-bottom: 60px solid #05548f;border-left: 35px solid transparent;border-right: 35px solid transparent;height: 0;width: 100px;}
.pyramid .three {border-bottom: 60px solid #042a59;border-left: 35px solid transparent;border-right: 35px solid transparent; height: 0;width: 170px;}
.pyramid .one span {margin-left: -15px;top: 43px;}
.pyramid .two span {margin-left: -15px;top: 20px}
.pyramid .three span {margin-left: -15px;top: 20px;}

@media screen and (min-width: 768px){
    .btns {flex-wrap: wrap; flex-direction: row; justify-content: center;}

    .education {display: flex; flex-direction: row-reverse; font-size: 16px; justify-content: space-between;}
}
@media screen and (min-width: 1024px){
    .btns .btn-link {font-size: 16px; height: 85px;}
}

/* 군경소방상담전공 s */
.step-box-wrap {color: #000;}
.step-box-wrap .box-tit {font-size: 18px; font-weight: bold;}
.step-box {padding-top: 20px;}
.step-box .tit {color: #fff; font-weight: bold; background: #29b2ab; font-size: 20px; padding: 20px; text-align: center;}
.step-box .tit.deepblue {background-color: #014171;}
.step-box .tit.lightblue {background-color: #05548f;}
.step-box>ul {border: 1px solid #e1e1e1; padding: 20px; display: flex; flex-direction: column; align-items: center; font-weight: bold; color: #000;}
.step-box>ul>li {text-align: center; line-height: 1.2;}
.step-box>ul>li + li:before {content: ''; display: block; width: 100%; height: 50px; background: url('/_user/department/mpfcounsel/img/sub/arrow.jpg') 50% no-repeat;}
.step-box>ul>li>span {color: #777; font-weight: 300; display: block; padding-top: 10px;}

.loadmap-step .box {padding: 20px; color: #fff; text-align: center; font-size: 14px; line-height: 1.5; font-weight: 300;}
.loadmap-step .box:nth-child(n+2) {margin-top: 20px;}
.loadmap-step .box p {font-size: 18px; font-weight: 500; text-align: center;}
.loadmap-step .box span {display: inline-block; margin-top: 15px; padding-top: 15px; border-top: 1px solid #fff}
.loadmap-step .box.step1 {background-color: #05548f;}
.loadmap-step .box.step2 {background-color: #003362;}
.loadmap-step .box.box-list {background: none; padding: 0;}
.loadmap-step .box-list>div {background: #3897da; box-sizing: border-box;}
.loadmap-step .box-list>div:nth-child(n+2) {margin-top: 20px;}
.loadmap-step .box-list p {line-height: 1.3; padding: 20px;}
.loadmap-step .box-list .con {padding: 20px; border-top: 1px solid #fff;}

.goal-box-wrap .top {position: relative; margin: 0 auto; width: 180px; height: 198px; font-size: 18px; color: #000; font-weight: bold;}
.goal-box-wrap .top:before {content: ''; position: absolute; width: 180px; height: 198px; clip-path: polygon(51% 0, 100% 24%, 100% 76%, 51% 100%, 0 76%, 0 25%); background: #d2a443;}
.goal-box-wrap .top>p {position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; width: 165px; height: 179px; line-height: 1.3; align-items: center; justify-content: center; text-align: center; clip-path: polygon(51% 0, 100% 24%, 100% 76%, 51% 100%, 0 76%, 0 25%); background: #fff;}
.goal-box-wrap>ul {display: flex; flex-direction: column; gap: 15px; padding-top: 20px; font-size: 17px;}
.goal-box-wrap>ul>li {background: #d2a443; color: #fff; text-align: center;}
.goal-box-wrap>ul>li span {display: inline-block; padding: 10px;}
.goal-box-wrap>ul>li p {padding: 20px; border-top: 1px solid #bb933a;}

@media screen and (min-width: 768px){
    .step-box-wrap {display: flex; flex-wrap: wrap; gap: 0 20px;}
    .step-box-wrap .box-tit {width: 100%; font-size: 24px;}
    .step-box .tit {font-size: 30px; line-height: 1.2;}
    .step-box-wrap .step-box {width: calc(50% - 10px); display: flex; flex-direction: column;}
    .step-box>ul {height: 100%;}

    .loadmap-step {max-width: 1000px; margin: 0 auto;}
    .loadmap-step .box.box-list {display: flex; flex-wrap: wrap;}
    .loadmap-step .box-list>div:nth-child(n+2) {margin-top: 0; border-left: 1px solid #fff;}
    .loadmap-step .box-list.col2>div {width: 50%;}
    .loadmap-step .box-list.col3>div {width: 33.33%;}

    .goal-box-wrap>ul {flex-direction: row; font-size: 18px; justify-content: space-between;}
    .goal-box-wrap>ul>li {width: 100%; max-width: 345px;}
    .goal-box-wrap>ul>li p {border-top-width: 2px;}
}
@media screen and (min-width: 1200px){
    .step-box-wrap {gap: 0 30px;}
    .step-box-wrap .step-box {width: calc(33.33% - 20px);}
}
/* 군경소방상담전공 e */