@charset "UTF-8";

/*common*/

/* list */
/* 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 .box-title {display: inline-block; background: url('../images/ico-search-title.png') no-repeat  left center; font-family: 'Dream Regular'; font-size:18px; margin-right: 30px; padding: 11px 0 12px 55px; color: #0D2D84;}
.search-box .box-select {position: relative; top: 0px; display: inline-block; margin-right: 45px; padding-left:20px; font-size: 16px; font-family: 'Dream 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; top:0; display: inline-block; vertical-align: middle;  height: 50px; line-height: 50px;  min-width: 400px;}
.search-box .box-search input {position: relative; top: -1px; width: 100%; height: 100%; background: transparent;  font-family: 'Dream Light'; font-size: 16px; text-indent: 15px; color: #9d9d9d;}
.search-box .box-search input[type="text"] {border:1px solid #ccd0d7; border-radius:40px; background: #fff;}
.search-box .box-search input::placeholder {color: #9d9d9d; font-family: 'Dream Light';}
.search-box .box-search input[type="submit"] {position: absolute; right:0; top: 0; width: 50px; height: 50px; 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;}

@media all and (max-width:780px) {
    .search-box .box-title {display: none;}
    .search-box .tbl-search {display: table; width: 100%; table-layout: fixed;}
    .search-box .util-search {display: none;}
    .search-box .box-select {width:35%; display: table-cell; margin-right: 0; padding-right: 20px;}
    .search-box .box-search {display: table-cell;}
}

/* 학사연동 안했을 때 */
.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: flex; flex-wrap: wrap; justify-content:start;}
.prfl-list ._prFlLi {width:30%; margin-bottom: 50px; border:1px solid #ccc;border-top:3px solid #0D2D84; margin-right:5%;}
.prfl-list ._prFlLi:nth-child(3n) {margin-right:0;}
/* .prfl-list .li-inner {padding:0 7.15%;}  */
.prfl-list .con .con-top {background:#F5F6F8; 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:190px; background:#000; display: table-cell; vertical-align: middle;}
.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: 'Dream Medium'; line-height: 30px; letter-spacing: -.05em; color:#0D2D84; margin-bottom: 4px;}
.prfl-list .con .prfl-name strong {font-size: 34px; font-family: 'Dream ExtraBold'; line-height: 30px; letter-spacing: -.05em; display: block;}
.prfl-list .con .btn-detail {margin-top: 15px;}
.prfl-list .con .btn-detail input {font-size: 14px; font-family: 'Dream Light'; line-height: 30px; 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: 14px; font-family: 'Dream Light'; line-height: 30px; letter-spacing: -.05em; padding:7px 23.5px; background:transparent; border:1px solid #BBBBBB; color:#929292; border-radius:50px; cursor: pointer;}
.prfl-list .con .btn-detail a:hover {background:#437FC1; border:1px solid #437FC1; color:#fff; transition:all .3s; }
.prfl-list .con .artclInfo {padding:25px 29px 25px 29px;}
.prfl-list .con .artclInfo dl::after {content:''; display: block; clear:both;}
.prfl-list .con .artclInfo dt {font-size: 14px; font-family: 'Dream Medium'; display: inline-block; line-height: 30px; padding-left: 13px; letter-spacing: -.05em; color: #222; position: relative; width: 130px; 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 { font-size: 14px; font-family: 'Dream Regular'; display: inline-block; line-height: 30px; padding-left: 15px; width: calc(100% - 130px); float: left;}

@media all and (max-width:1200px) {
	.prfl-list ._prFlLi {width:47.5%;}
	.prfl-list ._prFlLi:nth-child(3n) {margin-right:5%;}
	.prfl-list ._prFlLi:nth-child(2n) {margin-right:0;}


}
@media all and (max-width:768px) {
	.prfl-list ._prFlLi {width:100%; margin-right:0;}
	.prfl-list ._prFlLi:nth-child(3n) {margin-right:0%;}
}

/* view */
/* ._prFlView {display: flex; flex-wrap: wrap; justify-content:start;} */
._prFl_layerTop {background:#01499A; display: table; width:100%; padding: 0 40px;}
._prFl_layerTop p{font-size: 22px; line-height: 30px; font-family: 'Dream Regular'; letter-spacing: -.05em; color:#fff; padding:25px 0; background:url('../images/prFl_detail_logo.png') no-repeat right 40px center;}
._prFlView {padding: 40px 40px 0 40px;}
._prFlView ._prFlLi {width:100%; padding-bottom: 40px; border-bottom:2px solid #111; margin-bottom: 40px; }
/* .prfl-list .li-inner {padding:0 7.15%;}  */
._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:190px; background:#000; display: table-cell; vertical-align: middle;}
._prFlView .con .thumbnail img {max-width:100%;}
._prFlView .con .prfl-name {width:calc(100% - 150px); display: table-cell; vertical-align: middle; text-align: center; background:url('../images/pf_bg.png') no-repeat center;}
._prFlView .con .prfl-name .prof-rank {font-size: 18px; font-family: 'Dream Medium'; line-height: 30px; letter-spacing: -.05em; color:#0D2D84;}
._prFlView .con .prfl-name strong {font-size: 32px; font-family: 'Dream ExtraBold'; line-height: 30px; letter-spacing: -.05em; display: block;}
._prFlView .con .btn-detail {margin-top: 15px;}
._prFlView .con .btn-detail input {font-size: 14px; font-family: 'Dream Light'; line-height: 30px; 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 dt {font-size: 14px; font-family: 'Dream Medium'; display: inline-block; line-height: 30px; 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: 14px; font-family: 'Dream Regular'; display: inline-block; line-height: 30px; padding-left:15px; width:calc(100% - 130px); float:left; margin: 0;}
._prFlDetail {padding:0 40px;}
._prFlDetail .pro_contents .title {font-size: 20px; font-family: 'Dream 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; position: absolute; left:0; bottom:7px; background:#01A0C7; border-radius:50%;}
._prFlDetail .pro_contents .con-box {padding:20px 25px; background:#F2F2F2; margin-bottom: 35px;}
._prFlDetail .pro_contents .con-box p {font-size: 14px; font-family: 'Dream Regular'; line-height: 30px; letter-spacing: -.05em; position: relative; padding-left:20px;}
/* ._prFlDetail .pro_contents .con-box p::after {content:''; width:10px; height:7px; background:url('../images/ic_bul.png') no-repeat center; position: absolute; top:11px; left:0;} */
._prFlDetail .pro_contents  .res_none {font-size: 15px; font-family: 'Dream 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: 'Dream 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%;}
}
@media all and (max-width:500px) {
	._prFlView {padding:20px 20px 0 20px;}
	._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; }