@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:#273ca5;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:18px;}
.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: 20px;}
.prfl-list ._prFlLi {border: 1px solid #ccc; border-top: 3px solid #273ca5; width: 100%;}
.prfl-list .con-top {background:#f6f6f6; padding:16px 0px 20px 29px; display: table; width:100%;}
.prfl-list .con-top::after {content:''; display:block; clear:both;}
.prfl-list .thumbnail {width:150px; height:190px; display: table-cell; vertical-align: middle; border: 1px solid #eaeaea;}
.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 {width:calc(100% - 150px); display: table-cell; 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: #273ca5;margin-bottom: 4px;}
.prfl-list .prfl-name strong {font-size: 34px;font-family: 'Noto Bold';line-height: 1.4;letter-spacing: -.05em;display: block;}
.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: #273ca5;border: 1px solid #273ca5;color: #fff;border-radius:50px;cursor: pointer;}
.prfl-list .btn-detail a:hover {background:#fff;color: #273ca5;transition:all .3s;}
.prfl-list .artclInfo {padding:25px 29px 25px 29px;}
.prfl-list .artclInfo dl + dl{margin-top:10px;}
.prfl-list .artclInfo dl::after {content:''; display: block; clear:both;}
.prfl-list .artclInfo dt,
.prfl-list .artclInfo dd{line-height: 1.3; font-size: 16px; padding-left:15px; display: inline-block;position: relative;}
.prfl-list .artclInfo dt {font-family: 'Noto Regular'; letter-spacing: -.05em;color:#222; width:100px;float:left;}
.prfl-list .artclInfo dd {font-family: 'Noto Light'; width:calc(100% - 100px); float:left;}
.prfl-list .artclInfo dt::after{content:''; width:7px; height:7px; border-radius:50%; background:#B6C0DA; position: absolute; top:7px; left:0;}


@media all and (max-width:1300px) {
	.prfl-list{grid-template-columns: 1fr 1fr;}
	.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;}
}



/* view */
._profLayerPopup{position: fixed;z-index: 1111;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:#273ca5; 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: 150px 1fr;align-items: center;}
._prFlView .thumbnail {width:150px;height:190px;}
._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:#273ca5;}
._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 60px;}
._prFlView .artclInfo dl::after {content:''; display: block; clear:both;}
._prFlView .artclInfo dl + dl{margin-top:10px;}
._prFlView .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 .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: 16px; font-family: 'Noto Regular'; display: inline-block; line-height: 1.4; padding-left:15px; width:calc(100% - 130px); float:left; margin: 0; color:#555;}
._prFlView .artclInfo dd a{color:#555;}
._prFlDetail {padding:0 40px 20px;}
._prFlDetail .pro_contents{border-top:3px solid #000; padding-top:40px; padding-right: 10px;}
._prFlDetail .pro_contents .pro_contents_box{height: 300px; 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: 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: #273ca5;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 6px no-repeat; font-size: 15px; font-family: 'Noto Light'; 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: 90vh; 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:20px;}
	._profLayerPopup ._blockClose{transform: scale(.7);}
	._prFlView{display: block;}
	._prFlView .artclInfo{padding:20px 10px 0 10px;}
	._profLayerPopup ._blockClose{right:-30px; top:-30px;}
}