@charset "UTF-8";

/* 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; margin-right:30px;}
.search-box .tbl-search .label ul{display: flex;}
.search-box .tbl-search .label ul li{position: relative; margin-right:10px;}
.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:0;}
.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:#034fa2;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:25px;}

.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 30px 12px 55px;color: #273ca5; position: relative;}
.search-box .box-title:after{content: '';width: 1px;height: 15px;background-color: #b0b1b2;display:block;position: absolute;right:0;top: 22px;}
.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; top:0; display: inline-block; vertical-align: middle; height: 55px; line-height: 55px; min-width: 500px;}
.search-box .select{position: relative; margin-top:-1px; min-width: 150px;height: 55px;line-height: 55px;padding-left: 15px;padding-right: 50px;background: #fff url(../images/sel_arrow.png) no-repeat 90%;font-size: 16px;color: #555;border: 1px solid #c3c3c3;display: inline-block;vertical-align: middle;appearance: none;}
.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: #555;}
.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 .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: 60px;margin-bottom: 80px;}
.prfl-list ._prFlLi {border: 1px solid #ddd; border-top: 3px solid #034ea2; width: 100%;}
.prfl-list .con-top {background:#f6f6f6;padding:16px 0px 20px 29px;display: flex;width:100%;align-items: center;justify-content: space-between;position:relative;}
.prfl-list .con-top::after {content:''; display:block; clear:both;}
.prfl-list .thumbnail {width: 171px;height: 191px;vertical-align: middle;border: 1px solid #ddd;flex-shrink: 1;}
.prfl-list .thumbnail img{width:100%; height:100%; object-fit: cover;}
.prfl-list .thumbnail.noImg{background:#fff url(./../images/noImg.png) center no-repeat;}
.prfl-list .prfl-name {vertical-align: middle;text-align: center;}
.prfl-list .prfl-name .prof-rank {font-size: 18px;font-family: 'Noto Regular';line-height: 1.4;letter-spacing: -.05em;color: #034ea2;margin-bottom: 4px;text-align: left;padding-left: 6px;}
.prfl-list .prfl-name strong {font-size: 34px;font-family: 'Noto Bold';line-height: 1.25;letter-spacing: -.05em;display: block;color: #333;max-width: 180px;}
.prfl-list .btn-detail {margin-top: 20px;}
.prfl-list .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 .btn-detail input:hover {background:#437FC1; border:1px solid #437FC1; color:#fff; transition:all .3s; }
.prfl-list .btn-detail a {font-size: 15px;font-family: 'Noto Regular';line-height: 1.4;letter-spacing: -.05em;padding:7px 23.5px;background: #034ea2;border: 1px solid #034ea2;color: #fff;border-radius:50px;cursor: pointer;}
.prfl-list .btn-detail a:hover {background:#fff;color: #034ea2;transition:all .3s;}
.prfl-list .artclInfo {padding:25px 29px 25px 29px;}
.prfl-list .artclInfo dl + dl{margin-top: 12px;}
.prfl-list .artclInfo dl::after {content:''; display: block; clear:both;}
.prfl-list .artclInfo dt,
.prfl-list .artclInfo dd{line-height: 1.3; font-size: 18px; padding-left:15px; display: inline-block;position: relative;}
.prfl-list .artclInfo dt {font-family: 'Noto Regular';letter-spacing: -.05em;color:#333;width: 180px;float:left;}
.prfl-list .artclInfo dd {font-family: 'Noto DemiLight';width: calc(100% - 180px);float:left;}
.prfl-list .artclInfo.eng dd {font-family: 'Noto DemiLight';width: 100%;float:left;}
.prfl-list .artclInfo dt::after{content:''; width:7px; height:7px; border-radius:50%; background:#B6C0DA; position: absolute; top:7px; left:0;}


.prfl-list .con-top .sendEmail{width:34px;height: 34px;background:url('../images/icon-email.png') no-repeat center;position:absolute;top:20px;right: 15px;text-indent:-9999px;}

@media all and (max-width:1300px) {
	.prfl-list{grid-template-columns: 1fr 1fr; gap: 20px;}
	.search-box .tbl-search{text-align: left;}
	.search-box .box-search{display:block; min-width: 100%; width:100%; margin-top:10px;}
}

@media all and (max-width:768px) {
	.prfl-list{grid-template-columns: 1fr; }
	.search-box .box-title{margin-right: 15px; padding-right: 15px;}
	.search-box .select{width:calc(100% - 155px);}
}



/* view */
._profLayerPopup{position: fixed;z-index: 99;top: 0;left: 0; padding-top:180px; height: 100vh; width: 100%; background: rgba(0,0,0,.3); display: none;}
._profLayerPopup ._inner{background-color: #fff; max-width:980px; margin:0 auto; position: relative; border-radius: 0 0 50px 0;}
._profLayerPopup ._inner ._inbox{}
._prfTitle {background:#034fa2; display: table; width:100%; padding: 0 40px;}
._prfTitle 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;margin-bottom:30px;display: grid;grid-template-columns: 48% 1fr;}
._prFlView ._prFlLi {width:100%; padding-bottom: 40px; border-bottom:2px solid #111; margin-bottom: 40px; }
._prFlView .top-box {background:#F5F6F8;padding:16px 0px 20px 29px;display: grid;grid-template-columns: 170px 1fr;align-items: center;}
._prFlView .thumbnail {width: 171px;height: 191px;}
._prFlView .thumbnail img {max-width:100%;width: 100%;height: 100%;object-fit: cover;}
._prFlView .prfl-name {text-align: center;height: 100%;display: grid;align-items: center;}
._prFlView .prfl-name .prof-rank {font-family: 'Noto Medium';line-height: 1.4;letter-spacing: -.05em;color:#034fa2;text-align: center;}
._prFlView .prfl-name .prof-rank p{font-size:18px;}
._prFlView .prfl-name .prof-rank strong {font-size:32px; font-family:'Noto Bold'; color:#111; display: block;}
._prFlView .btn-detail {margin-top: 15px;}
._prFlView .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 .btn-detail input:hover {background:#437FC1; border:1px solid #437FC1; color:#fff; transition:all .3s; }
._prFlView .artclInfo {padding: 20px 0 0 40px;}
._prFlView .artclInfo dl::after {content:''; display: block; clear:both;}
._prFlView .artclInfo dl + dl{margin-top:10px;}
._prFlView .artclInfo dt {font-size: 18px; font-family: 'Noto Regular'; display: inline-block; line-height: 1.4; padding-left:15px; letter-spacing: -.05em; color:#333; position: relative; width:120px; float:left;}
._prFlView .artclInfo dt::after{content:''; width:7px; height:7px; border-radius:50%; background:#B6C0DA; position: absolute; top:50%; left:0; margin-top:-4px;}
._prFlView .artclInfo dd {font-size: 18px; font-family: 'Noto DemiLight'; display: inline-block; line-height: 1.4; padding-left:15px; width:calc(100% - 130px); float:left; margin: 0; color:#666;}
._prFlView .artclInfo dd a{color:#555;}
._prFlDetail {padding:0 40px 20px;}
._prFlDetail .pro_contents{border-top:1px solid #000; padding-top:40px; padding-right: 10px;}
._prFlDetail .pro_contents .pro_contents_box{height: 170px;overflow: auto;}
._prFlDetail .pro_contents .pro_contents_box::-webkit-scrollbar {width: 6px;}
._prFlDetail .pro_contents .pro_contents_box::-webkit-scrollbar-thumb {background-color: #bcbcbc; border-radius:5px;}
._prFlDetail .pro_contents .pro_contents_box::-webkit-scrollbar-track {background-color: #f4f4f4;}

._prFlDetail .pro_contents .title {font-size: 23px; font-family: 'Noto Medium'; line-height: 20px; letter-spacing: -.05em; margin-bottom: 20px;color:#333;}
._prFlDetail .pro_contents .title span {display: inline-block;position: relative;color: #212121;}
._prFlDetail .pro_contents .title span::after {content: '';width: 7px;height: 7px;background: #034fa2;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:#555; background:url(./../images/bullet.png) left 10px no-repeat; font-size: 18px; font-family: 'Noto DemiLight'; line-height: 1.4; letter-spacing: -.05em; position: relative; margin:8px 0; padding-left:20px;}

._prFlDetail .pro_contents  .res_none {font-size: 15px; font-family: 'Noto Regular';}


/*close btn*/
._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:1200px) {
	._profLayerPopup{padding:50px;}
	._profLayerPopup ._inner{border-radius: 0;}
	._profLayerPopup ._inner ._inbox{height: 65vh;overflow: auto;}
	._profLayerPopup ._inner ._inbox::-webkit-scrollbar {width: 6px;}
	._profLayerPopup ._inner ._inbox::-webkit-scrollbar-thumb {background-color: #7a7a7a; border-radius:5px;}
	._profLayerPopup ._inner ._inbox::-webkit-scrollbar-track {background-color: #f4f4f4;}
}

@media all and (max-width:1024px) {
	._profLayerPopup{padding: 10vh 20px 0;}
	._profLayerPopup ._blockClose{transform: scale(.7);}
	._prFlView{display: block;}
	._prFlView .artclInfo{padding:20px 10px 0 10px;}
	._profLayerPopup ._blockClose{right:-30px; top:-30px;}
}

/***** Paging *****/
._fnctWrap ._paging{text-align: center;}
._fnctWrap ._paging ._inner {overflow: hidden;position: relative;height: 38px;display: inline-block;zoom:1;_display: block;}
._fnctWrap ._paging ._inner a,._paging ._inner li,._paging ._inner p,._paging ._inner span,._paging ._inner strong,._paging ._inner ul {float: left;}
._fnctWrap ._paging ._inner a._first,._paging ._inner a._last,._paging ._inner a._listNext,._paging ._inner a._listPrev,._paging ._inner a._next,._paging ._inner a._prev {font-size: 0;text-indent: -5000px;}
._fnctWrap ._paging ._inner a,._fnctWrap ._paging ._inner strong {width: 36px;height: 36px;line-height: 36px;border-width: 1px;border-style: solid;border-color: #cdcdcd;text-align: center;margin: 0 1px;}
._fnctWrap ._paging ._inner ul{display:inline-block;margin:0 10px;}
._fnctWrap ._paging ._inner ul li{float:left;margin:0 3px;}
._fnctWrap ._paging ._inner ul li a{display:inline-block;font-size:16px;width: 35px;height: 35px;line-height: 35px;text-align: center;margin: 0 1px;color:#555;font-family: 'Noto Light';border-width: 0;}
._fnctWrap ._paging ._inner .pg-arrow{border:1px solid #ccc;width: 35px;height: 35px;}
._fnctWrap ._paging ._inner ._first{background: url(./../images/arrow_first.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listPrev{background: url(./../images/arrow_prev.png) center no-repeat;}
._fnctWrap ._paging ._inner ._listNext{background: url(./../images/arrow_next.png) center no-repeat;}
._fnctWrap ._paging ._inner ._last{background: url(./../images/arrow_last.png) center no-repeat;}
._fnctWrap ._paging ._inner li strong{background-color: #99a2b2 !important;border-color: #99a2b2 !important;color: #fff;border-radius: 50%;border-radius:50%;}
._fnctWrap ._paging ._inner ._pageState{display: none;padding: 0 1em}

@media screen and (min-width:1201px){
._fnctWrap ._paging{padding-bottom:50px;}
}

@media screen and (max-width:767px){
._fnctWrap .paging a{width:28px !important;height: 28px !important;font-size:13px;line-height: 25px;}
}