@charset "UTF-8";

/*wrap_contents */

/* Search */
.search-box {display: inline-block; width: 100%; margin-bottom: 41px;}
.search-box .form-search {background: #f5f6f8; padding:22.5px; text-align: center;}
.search-box .tbl-search {text-align: center;}
.search-box .tbl-search .label{display: inline-block;}
.search-box .tbl-search .label ul{display: flex;}
.search-box .tbl-search .label ul li{position: relative;}
.search-box .tbl-search .label ul li label{font-family: 'Noto Regular';}
.search-box .tbl-search .label ul li input[type="radio"]{appearance:none;width:16px;}
.search-box .tbl-search .label ul li input[type="radio"] + label:before{content:'';width:16px;height: 16px;border-radius: 50%;border:1px solid #808080;position: absolute;left: 0;top: 5px;}
.search-box .tbl-search .label ul li input[type="radio"]:checked + label:after{content:'';width:6px;height: 6px;border-radius: 50%;background:#808080;position: absolute;left: 5px;top: 50%;transform: translateY(-50%);margin-top: 1px;}
.search-box .tbl-search .label ul li label{vertical-align: middle;font-size: 16px;color:#000;font-family: 'Noto Regular';position: relative;padding-left: 20px;}

.search-box .box-title {display: inline-block;background: url('../images/ico-search-title.png') no-repeat  left center;font-family: 'Noto Medium';font-size:18px;margin-right: 30px;padding: 11px 0 12px 55px;color: #8b0029;}
.search-box .box-select {position: relative; top: 0px; display: inline-block; margin-right: 45px; padding-left:20px; font-size: 16px; font-family: 'Noto Light'; line-height: 20px; letter-spacing: -.05em;}
.search-box .box-select::after{content:''; width:1px; height:15px; background:#B0B1B2; position: absolute; left:0; top:3px;}
.search-box .box-search {position: relative; margin-left:50px; top:0; display: inline-block; vertical-align: middle;  height: 55px; line-height: 55px;  min-width: 500px;}
.search-box .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent;  font-family: 'Noto Light'; font-size: 16px; text-indent: 15px; color: #9d9d9d;}
.search-box .box-search input[type="text"] {border: 1px solid #c3c3c3; background: #fff;}
.search-box .box-search input::placeholder {color: #9d9d9d; font-family: 'Noto Light';}
.search-box .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 55px; height: 55px; background: url('../images/ico-search.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}
.search-box .util-search {margin-bottom: 20px; font-family: 'Noto DemiLight'; font-size: 16px; color: #666;}
.search-box .util-search a {display: inline-block; width: 30px; text-indent: -9999px; background: url('../images/ico-rss.png') no-repeat center center; margin-right:10px;}
.search-box .util-search strong {font-family: 'Noto Medium'; font-size: 16px; color: #333;}

.search-box ._selectBox{
    position: relative;
    min-width: 150px;
    height: 55px;
    line-height: 55px;
    padding-left: 15px;
    font-family: 'Noto Light';
    padding-right: 50px;
    background: #fff url(../images/sel_arrow.png) no-repeat 90%;
    font-size: 16px;
    color: #666;
    border: 1px solid #c3c3c3;
    display: inline-block;
    vertical-align: middle;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;}

/* 학사연동 안했을 때 */
.search-box .artcl-select {margin-right:0; vertical-align:middle;}
.search-box .artcl-select select {height:55px; width:170px; margin-right:15px;}
.search-box .artcl-select::after {content:''; width:1px; height:100%; position: absolute; left:0; top:0px; background:#b0b1b2;}

.prfl-list {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 0 3%;}
.prfl-list ._prFlLi {border: 1px solid #ccc;border-top: 3px solid #8b0029;width: 100%;margin-bottom: 4vh;}
.prfl-list .con .con-top {background:#f6f6f6; padding:16px 0px 20px 29px; display: table; width:100%;}
.prfl-list .con .con-top::after {content:''; display:block; clear:both;}
.prfl-list .con .thumbnail {width:150px; height:220px; display: table-cell; vertical-align: middle; border: 1px solid #eaeaea;}
.prfl-list .con .thumbnail img{width:100%; height:100%; object-fit: cover;}
.prfl-list .con .thumbnail.noImg{background:#fff url(./../images/noImg.png) center no-repeat;}
.prfl-list .con .prfl-name {width:calc(100% - 150px); display: table-cell; vertical-align: middle; text-align: center;}
.prfl-list .con .prfl-name .prof-rank {font-size: 18px;font-family: 'Noto Regular';line-height: 1.4;letter-spacing: -.05em;color: #8b0029;margin-bottom: 4px;}
.prfl-list .con .prfl-name strong {font-size: 34px;font-family: 'Noto Medium';line-height: 1.4;letter-spacing: -.05em;display: block;}
.prfl-list .con .btn-detail {margin-top: 20px;}
.prfl-list .con .btn-detail input {font-size: 15px; font-family: 'Noto Light'; line-height: 1.4; letter-spacing: -.05em; padding:1px 23px; background:transparent; border:1px solid #929292; color:#929292; border-radius:50px; cursor: pointer;}
.prfl-list .con .btn-detail input:hover {background:#437FC1; border:1px solid #437FC1; color:#fff; transition:all .3s; }
.prfl-list .con .btn-detail a {font-size: 15px;font-family: 'Noto Regular';line-height: 1.4;letter-spacing: -.05em;padding:7px 23.5px;background: #8b0029;border: 1px solid #8b0029;color: #fff;border-radius:50px;cursor: pointer;}
.prfl-list .con .btn-detail a:hover {background:#fff; color:#8b0029; transition:all .3s; }
.prfl-list .con .artclInfo {padding:25px 29px 25px 29px;}
.prfl-list .con .artclInfo dl + dl{margin-top:10px;}
.prfl-list .con .artclInfo dl::after {content:''; display: block; clear:both;}
.prfl-list .con .artclInfo dt {line-height: 1.3; font-size: 16px;font-family: 'Noto Regular';display: inline-block; padding-left:13px;letter-spacing: -.05em;color:#222;position: relative;width:100px;float:left;}
.prfl-list .con .artclInfo dt::after{content:''; width:7px; height:7px; border-radius:50%; background:#B6C0DA; position: absolute; top:50%; left:0; margin-top:-4px;}
.prfl-list .con .artclInfo dd {line-height: 1.3; font-size: 16px;font-family: 'Noto Light';display: inline-block; padding-left:15px;width:calc(100% - 100px);float:left;}

@media all and (max-width:1200px) {
	.search-box .box-search{margin-top:1px; margin-left:0;}
	.prfl-list {grid-template-columns: 1fr 1fr;}
}
@media all and (max-width:768px) {
	.prfl-list {display:block;}
	.prfl-list ._prFlLi + ._prFlLi{margin-top:30px;}
	.search-box .box-title{display:none;}
	.search-box .box-search{width:100%; min-width:100%;}
	.search-box .tbl-search .label ul li input[type="radio"]{width:0;}
	.prfl-list .con .con-top{display:block;padding: 20px;}
	.prfl-list .con .thumbnail{width:100%; display: block; height:100%;}
	.prfl-list .con .prfl-name{width: 100%; display: block; margin-top:20px;}
	.prfl-list .con .artclInfo dt{width:100%;}
	.prfl-list .con .artclInfo dd{width:100%; margin: 10px 0 20px;}
    .search-box ._selectBox{display:block;width:100%;margin-bottom:5px;}
}

/* view */
._profLayerPopup{position: fixed;z-index: 1;top: 0;left: 0; padding-top:100px; height: 100vh; width: 100%; background: rgba(0,0,0,.3);}
._profLayerPopup ._inner{background-color: #fff; max-width:980px; margin:0 auto; position: relative;}
._prFl_layerTop {background:#8b0029; display: table; width:100%; padding: 0 40px;}
._prFl_layerTop p{font-size: 26px; line-height: 1.4; font-family: 'Noto Regular'; letter-spacing: -.05em; color:#fff; padding:25px 0;}
._prFlView {padding: 40px 40px 0 40px;}
._prFlView ._prFlLi {width:100%; padding-bottom: 40px; border-bottom:2px solid #111; margin-bottom: 40px; }
._prFlView .con {display: table; width:100%;}
._prFlView .con .con-top {background:#F5F6F8; padding:16px 0px 20px 29px; width:48.334%; display: table-cell; vertical-align: middle;}
._prFlView .con .con-top::after {content:''; display:block; clear:both;}
._prFlView .con .top-box {display: table; width:100%;}
._prFlView .con .thumbnail {width:150px; height:220px; background:#000; display: table-cell; vertical-align: middle;}
._prFlView .con .thumbnail img {max-width:100%;width: 100%;height: 100%;object-fit: cover;}
._prFlView .con .prfl-name {width:calc(100% - 150px);display: table-cell;vertical-align: middle;text-align: center;background: url('../images/org-tiger.png') no-repeat center;background-size: 220px;}
._prFlView .con .prfl-name .prof-rank {font-size: 18px; font-family: 'Noto Medium'; line-height: 1.4; letter-spacing: -.05em; color:#8b0029;}
._prFlView .con .prfl-name strong {font-size: 32px; font-family: 'Noto Bold'; line-height: 1.4; letter-spacing: -.05em; display: block;}
._prFlView .con .btn-detail {margin-top: 15px;}
._prFlView .con .btn-detail input {font-size: 15px; font-family: 'Noto Light'; line-height: 1.4; letter-spacing: -.05em; padding:1px 23px; background:transparent; border:1px solid #929292; color:#929292; border-radius:50px; cursor: pointer;}
._prFlView .con .btn-detail input:hover {background:#437FC1; border:1px solid #437FC1; color:#fff; transition:all .3s; }
._prFlView .con .artclInfo {padding:25px 29px 25px 29px; display: table-cell; vertical-align: middle;}
._prFlView .con .artclInfo dl::after {content:''; display: block; clear:both;}
._prFlView .con .artclInfo dl + dl{margin-top:10px;}
._prFlView .con .artclInfo dt {font-size: 15px; font-family: 'Noto Medium'; display: inline-block; line-height: 1.4; padding-left:15px; letter-spacing: -.05em; color:#222; position: relative; width:100px; float:left;}
._prFlView .con .artclInfo dt::after{content:''; width:7px; height:7px; border-radius:50%; background:#B6C0DA; position: absolute; top:50%; left:0; margin-top:-4px;}
._prFlView .con .artclInfo dd {font-size: 15px; font-family: 'Noto Regular'; display: inline-block; line-height: 1.4; padding-left:15px; width:calc(100% - 130px); float:left; margin: 0; color:#666;}
._prFlView .con .artclInfo dd a{color:#666;}
._prFlDetail {padding:0 40px;}
._prFlDetail .pro_contents{max-height: 300px;overflow: auto;padding-right: 10px;padding-bottom: 40px;}
._prFlDetail .pro_contents::-webkit-scrollbar {width: 10px;}
._prFlDetail .pro_contents::-webkit-scrollbar-thumb {background-color: #6e6e6e;}
._prFlDetail .pro_contents::-webkit-scrollbar-track {background-color: #f8f8f8;}

._prFlDetail .pro_contents .title {font-size: 20px; font-family: 'Noto Medium'; line-height: 20px; letter-spacing: -.05em; margin-bottom: 20px;}
._prFlDetail .pro_contents .title span {display: inline-block; padding-left:14px; position: relative;}
._prFlDetail .pro_contents .title span::after {content: '';width: 7px;height: 7px;background: #8b0029;border-radius: 50%;display: inline-block;margin-left: 10px;}
._prFlDetail .pro_contents .con-box {padding:20px 25px; background:#F2F2F2; margin-bottom: 35px;}
._prFlDetail .pro_contents .con-box li,
._prFlDetail .pro_contents .con-box p {color:#666; background:url(./../images/bullet.png) left 6px no-repeat; font-size: 15px; font-family: 'Noto Regular'; line-height: 1.4; letter-spacing: -.05em; position: relative; margin:5px 0; padding-left:20px;}

._prFlDetail .pro_contents  .res_none {font-size: 15px; font-family: 'Noto Regular';}

#_JW_prFl_test .btn-box ._button input{display: inline-block; cursor: pointer; font-size: 16px; height:50px; line-height: 48px; text-align: center; padding:0 35px; margin:0 5px; border-radius:50px; font-family: 'Noto DemiLight';}
#_JW_prFl_test .btn-box ._button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
#_JW_prFl_test .btn-box ._button .btn-deco.color2 {background: #0A4A9B; border: 1px solid #0A4A9B;}
#_JW_prFl_test .btn-box ._button .btn-deco.color3 {background: #fff; border: 1px solid #777; color: #777 !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856 !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color5 {background: #fff; border: 1px solid #0A4A9B; color: #0A4A9B !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color6 {background: #fff; border: 1px solid #FCAF17; color: #FCAF17 !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color7 {background: #777; border: 1px solid #777;}
#_JW_prFl_test .btn-box ._button .btn-deco.color1:hover {background: #313644; border: 1px solid #313644;}
#_JW_prFl_test .btn-box ._button .btn-deco.color2:hover {background: #073167; border: 1px solid #073167;}
#_JW_prFl_test .btn-box ._button .btn-deco.color3:hover {background: #777; border: 1px solid #777; color: #fff !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color4:hover {background: #ce2856; border: 1px solid #ce2856; color: #fff !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color5:hover {background: #0A4A9B; border: 1px solid #0A4A9B; color: #fff !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color6:hover {background: #FCAF17; border: 1px solid #FCAF17; color: #fff !important;}
#_JW_prFl_test .btn-box ._button .btn-deco.color7:hover {background: #555; border: 1px solid #555;}

@media all and (max-width:768px) {
	._prFlView .con .con-top {display: block; width:100%;}
	._prFlView .con .artclInfo {display: block;width:100%;padding-left: 0;padding-right: 0;}
	._prFlView .con .prfl-name{
		background-size:140px;
	}
	._prFlDetail{padding: 8px;}
}
@media all and (max-width:500px) {
	._prFlView {padding:20px 20px 0 20px;}
	._prFlView ._prFlLi{padding-bottom:10px;margin-bottom:10px;}
	._prFlView .con .con-top {padding:16px 29px 20px 29px; text-align: center; background:#F5F6F8 url('../images/pf_bg.png') no-repeat center;}
	._prFlView .con .thumbnail { display: inline-block; margin-bottom: 15px;}
	._prFlView .con .prfl-name {width:100%; display: inline-block; background:none;}
	._prFl_layerTop {padding: 0 20px;}
	._prFl_layerTop p {background:url('../images/prFl_detail_logo.png') no-repeat right 20px center}
}

.thumb-image{width:100%; height:100%}

/* 영문명칭 작게 나오게 */
.prfl-list .con .prfl-name strong.engName { font-size:26px; }
._profLayerPopup ._blockClose{top:-45px;right: -45px;width: 90px;height: 90px;border-radius: 50%;position: absolute;box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.5);background: #000 url(./../images/closeX.gif) center no-repeat; text-indent: -9999px;}


@media all and (max-width:1000px) {
	._profLayerPopup{padding:30px;padding-top: 100px;}
	._profLayerPopup ._inner{height: 90%; overflow-y: auto; overflow-x:hidden;}
	._profLayerPopup ._blockClose{transform: scale(.5);right: -15px;top: -15px;}
}


/* 상세보기 */
._prFlDetail .wrapCont dt { position:relative; display:inline-block; font-weight:bold; padding:10px; padding-left:15px;}
._prFlDetail .wrapCont dt::after { content:""; width:3px; height:17px; background:#8b0029; position:absolute; left:0; bottom:14px; }
._prFlDetail .wrapCont dd { background:#f2f2f2; padding:25px; font-size:15px; }
._prFlDetail .wrapCont dd > ul > li { position:relative; padding:5px 0; /*padding-left:20px;*/ }
/*
._prFlDetail .wrapCont dd > ul > li::before { content:""; position:absolute; left:0; top:14px; background:url("../images/red_arrow.jpg") no-repeat center center; width:11px; height:7px; }
*/

._prFlDetail .wrapCont:not(:first-child) { padding-top:30px; }