._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.thumbnail{height:300px;}
._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.thumbnail img{width: 100%; height: 100%; object-fit: cover;}
._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.artclInfo dl._artclregDate{display: flex;    align-items: center;    padding-left: 15px; margin-bottom: 20px;}
._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.artclInfo dl._artclregDate dt{font-size:13px;}
._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.artclInfo dl._artclregDate dd{padding:0;}
@media screen and (max-width:767px) {
  ._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.thumbnail{height:150px;}
  ._articleAlbum ul.artclList li.thumbLi a.artclLinkView div.artclInfo dl._artclregDate{display:none;}
  .con-table{overflow-x:auto !important;}
}

._pullPopup{z-index:10000 !important;}


/* slick min */
.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


/* [S] e-멘토 전체 학부 */
.wrap-e-keyword {position: relative; background:url('../../images/guide/bg-keyword.jpg') no-repeat center / cover; border-radius:8px}
.wrap-e-keyword .frame {display: flex;}
/* left */
.wrap-e-keyword .left {width:52%; padding:90px 109px 97px 97px; color:#fff;}
.wrap-e-keyword h2 {font-family: seb; font-size:60px; margin-bottom: 22px;}
.wrap-e-keyword .left p {font-family: se; font-size: 20px;}
.wrap-e-keyword .input-box {position: relative; margin-top: 24px;}
.wrap-e-keyword .input-box input[type="text"] {width:100%; height: 60px; padding:0 20px; background:#fff; border-radius:6px; font-family: se; font-size: 22px; color:#222;}
.wrap-e-keyword .input-box .search-btn {position: absolute; right:5px; top:5px; width:100%; max-width:93px; height:calc(100% - 10px); background:#2CB198; border-radius:6px; font-family: se; font-size: 18px; color:#fff;}
.wrap-e-keyword .suggest {margin-top: 28px;}
.wrap-e-keyword .suggest p {display: flex; align-items: flex-start; font-size: 18px;}
.wrap-e-keyword .suggest .title {flex-shrink: 0; width: 110px}
.wrap-e-keyword .suggest .list {flex-grow: 1}
.wrap-e-keyword .suggest a {color: #fff !important;}
/* right */
.wrap-e-keyword .right { width:calc(100% - 52%); border-left:1px solid rgba(255,255,255,0.4)}
.wrap-e-keyword .right .list{display:grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto;}
.wrap-e-keyword .right .list > li {position: relative;}
.wrap-e-keyword .right .list > li::after {content:''; position: absolute; top:0; right:0; bottom:0; left:0; border:5px solid #FFDD50; opacity: 0; transition:opacity .3s;}
.wrap-e-keyword .right .box {position: relative; display: flex; justify-content: space-between; min-height:145px; padding:22px 30px;}
.wrap-e-keyword .right .box::after {content:''; position: absolute; right: -1px; top:0; width:1px; height:100%; background:rgba(255,255,255,0.4);}
.wrap-e-keyword .right .box::before {content:''; position: absolute; bottom:-1px; left:0; width:100%; height:1px; background:rgba(255,255,255,0.4);}
.wrap-e-keyword .box ul {position: relative; z-index: 1; transition:all .3s; opacity:0; visibility: hidden; }
.wrap-e-keyword .box strong {font-family: se; font-size: 26px; color:#fff;}
.wrap-e-keyword .box li {position: relative; padding-left:18px; margin-bottom: 8px;}
.wrap-e-keyword .box li:last-child {margin-bottom: 0;}
.wrap-e-keyword .box li::before {content:''; position: absolute; left:0; top:10px; width:5px; height:5px; background:#fff; border-radius:1px; transform: rotate(45deg);}
.wrap-e-keyword .box li a {font-family: se; font-size: 18px; color:#fff;background-image: linear-gradient(#fff, #fff); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.wrap-e-keyword .box li a:hover {background-size:100% 1px;}
.wrap-e-keyword .right .list > li:hover::after {opacity: 1;}
.wrap-e-keyword .right .list > li:hover .box ul {opacity:1; visibility: visible;}
@media screen and (max-width:1400px) {
    .wrap-e-keyword .right .box {flex-direction: column;}
    .wrap-e-keyword .box ul {margin-top: 10px;}
}
@media screen and (max-width:1200px) {
    .wrap-e-keyword .left {padding:40px; align-self: center;}
    .wrap-e-keyword h2 {font-size: 50px;}
    .wrap-e-keyword .left p {font-size: 18px;}
    .wrap-e-keyword .suggest p {font-size: 16px;}
}
@media screen and (max-width:850px) {
    .wrap-e-keyword .frame {flex-direction: column;}
    .wrap-e-keyword .left {width:100%; padding:20px;}
    .wrap-e-keyword .right {width:100%; border-left:0;}
    .wrap-e-keyword .right .list {border-top:1px solid rgba(255,255,255,0.4);}
    .wrap-e-keyword .right .box {flex-direction: unset; padding:20px 15px;}
    .wrap-e-keyword .box strong {font-size: 20px;}
    .wrap-e-keyword .box li a {font-size: 15px;}
    .wrap-e-keyword .box li::before {top:8px;}
}
@media screen and (max-width:768px) {
    .wrap-e-keyword h2 {text-align: center;}
    .wrap-e-keyword .right .box {flex-direction: column;}
}
/* // right */
/* [E] e-멘토 전체 학부 */

/* [S] e-멘토 검색 결과 */
.wrap-e-keyword-result {position: relative;}
.wrap-e-keyword-result .search-head {display: flex; margin-bottom: 78px;}
/* left */
.wrap-e-keyword-result .left {width:350px; display: flex; align-items: center; justify-content: center;}
.wrap-e-keyword-result .left h2 {font-family: seb; font-size:80px; text-align: center; color:#333;}
/* right */
.wrap-e-keyword-result .right {width:calc(100% - 350px); max-width:875px;  padding:12px 0 10px 52px; border-left:1px solid #D6D6D6;}
.wrap-e-keyword-result .right p {padding-left: 15px;font-family: se; font-size: 20px; color:#333;}
.wrap-e-keyword-result .right .suggest {padding-left: 15px; margin-top: 15px;}
.wrap-e-keyword-result .right .suggest p {font-size: 18px;}
.wrap-e-keyword-result .input-box {position: relative; display: flex; align-items: stretch; margin-top: 15px;}
.wrap-e-keyword-result .input-box input[type="text"] {width:100%; height: 60px; padding:0 20px; background:#EAEAEA; border:0; border-radius:6px; font-family: se; font-size: 18px; color:#222;}
.wrap-e-keyword-result .input-box .search-btn { width:100%; max-width:93px; margin-left: 8px; background:#2CB198; border-radius:6px; font-family: se; font-size: 24px; color:#fff;}
/* list */
.wrap-e-keyword-result .search-list { border-top:5px solid #333;}
.wrap-e-keyword-result .search-list li {border-bottom:1px solid #333;}
.wrap-e-keyword-result .search-list .box {display: flex; align-items: stretch; padding:25px 0;}
.wrap-e-keyword-result .search-list .box > div {display: flex; align-items: center;}
.wrap-e-keyword-result .search-list .num {flex-shrink: 0; width:125px; text-align: center; justify-content: center;}
.wrap-e-keyword-result .search-list .dept {width:100%; padding:0 20px 0 95px; border-left:1px solid #999; word-break: break-all;}
.wrap-e-keyword-result .search-list .link {flex-shrink:0; padding:0 50px; border-left:1px solid #999;}

.wrap-e-keyword-result .search-list span,
.wrap-e-keyword-result .search-list a {font-family: '나눔고딕'; font-size: 22px; color:#333;}
.wrap-e-keyword-result .search-list a {background-image: linear-gradient(#333, #333); background-repeat: no-repeat; background-position: left 0 bottom 0; background-size: 0 1px; transition: background-size .5s;}
.wrap-e-keyword-result .search-list a:hover {background-size:100% 1px;}
@media screen and (max-width:1400px) {
    .wrap-e-keyword-result .search-list .dept {padding:0 30px;}
    .wrap-e-keyword-result .search-list .link {padding: 0 30px;}
}
@media screen and (max-width:1024px) {
    .wrap-e-keyword-result .left {width:260px;}
    .wrap-e-keyword-result .left h2 {font-size:60px;}

    .wrap-e-keyword-result .right p {font-size: 18px;}
    .wrap-e-keyword-result .right .suggest p {font-size: 16px;}
    .wrap-e-keyword-result .search-list span,
    .wrap-e-keyword-result .search-list a {font-size: 18px;}
    .wrap-e-keyword-result .right {width:calc(100% - 260px);padding:12px 0 10px 30px;}
    .wrap-e-keyword-result .search-list .num {width:80px;}
}
@media screen and (max-width:850px) {
    .wrap-e-keyword-result .search-list .box {flex-wrap:wrap; padding:20px 0;}
    .wrap-e-keyword-result .search-list .num {width:100%; text-align:left; justify-content: start; padding:0 30px; margin-bottom: 10px;}
    .wrap-e-keyword-result .search-list .dept {flex:1; border-left:0;}
    /* .wrap-e-keyword-result .search-list .link-box {width:100%; margin-top:10px;} */
    .wrap-e-keyword-result .search-list .link-box > div {text-align: center;}
    .wrap-e-keyword-result .search-list .link {padding:0 10px;}
}
@media screen and (max-width:768px) {
    .wrap-e-keyword-result .search-head {flex-direction: column; margin-bottom: 50px;}
    .wrap-e-keyword-result .left {width:auto;}
    .wrap-e-keyword-result .right {width:100%; border-left:0; padding-left:0;}
    .wrap-e-keyword-result .right p,
    .wrap-e-keyword-result .right .suggest {padding-left:0;}

    .wrap-e-keyword-result .search-list .num {display: none !important;}
    .wrap-e-keyword-result .search-list .dept {width:100%; flex:unset; padding:0; margin-bottom: 10px;}
    .wrap-e-keyword-result .search-list .link-box {margin:0 -10px;}
    .wrap-e-keyword-result .search-list .link-box > div:first-child {border-left:0;}
}
/* [E] e-멘토 검색 결과 */