@charset "UTF-8";



/*검색*/
._fnctWrap .fnDiv .fnRight{float:none;overflow:hidden;}
._fnctWrap .fnDiv .fnSearch fieldset{float:none;}
._fnctWrap .fnDiv .fnSearch fieldset select{width:200px;margin-right:0;}
._fnctWrap .fnDiv .fnSearch fieldset input[type="text"]{width:calc(100% - 240px);border-left:0;border-right:0;}
._fnctWrap .fnDiv .fnSearch fieldset span,
._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit{float:right;}
._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit a,
._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit input{border-radius:0;width:40px;}
._fnctWrap .fnDiv .fnSearch fieldset select,
._fnctWrap .fnDiv .fnSearch fieldset input[type="text"],
._fnctWrap .fnDiv .fnSearch fieldset .fnSubmit input{height:40px;line-height:40px;}
._fnctWrap .fnDiv .fnSearch fieldset select,
._fnctWrap .fnDiv .fnSearch fieldset input[type="text"]{background:#f0f0f0;}

/*목록*/
ul._prFlList{margin-top:20px;}
ul._prFlList li{position:relative;margin-bottom:20px;box-sizing:border-box;border:1px solid #ccc;padding: 20px 20px 20px 205px;box-shadow:0 0 5px #ddd;width: 49%;float:left;} 
ul._prFlList li._odd{float:right;}
ul._prFlList li .thumbnail{position:absolute;left:20px;top:20px;padding:5px;border:1px solid #ccc;background-color:#f6f6f6;max-width:160px;width: 100%;height: 200px;}
ul._prFlList li .thumbnail a {display:block; width:100%; height:100%}
ul._prFlList li .thumbnail img{border:1px solid #ddd;display: block;width: 100%;height: 100%;object-fit: cover;transform: translateZ(0);}
ul._prFlList li .thumbnail:after{content:'';}
ul._prFlList li .artclInfo .artclTitle{font-size:22px;font-family: 'Noto Medium';margin-bottom:15px;position:relative;padding-left:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
ul._prFlList li .artclInfo .artclTitle:before{content:''; width:3px; height:20px; background-color:#183d93; position:absolute; left:0; top:14px;}
ul._prFlList li .artclInfo{}
ul._prFlList li .artclInfo dl{border-bottom:1px dashed #ddd;padding: 8px 0 8px 10px;position:relative;overflow:hidden;display: flex;height: 40px;}
ul._prFlList li .artclInfo dl dt{display:inline-block;font-family: 'Noto Regular';min-width: 55px;line-height: 1.2;}
ul._prFlList li .artclInfo dl dt:before{content:'';width:3px;height:3px;background-color:#183d93;position:absolute;left:0;top: 17px;}
ul._prFlList li .artclInfo dl dd{width: 100%;position: relative;line-height: 1.3;padding-left: 10px;text-overflow: ellipsis;overflow: hidden;text-wrap: nowrap;}
ul._prFlList li .artclInfo dl dd:before{content:':';display:inline-block;position: absolute;left: 0;top: -2px;}
ul._prFlList li .artclInfo dl dd a {display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;text-wrap: nowrap;height: 100%;}
ul._prFlList li .artclInfo dl dd .homepage {position:relative;}
ul._prFlList li .artclInfo dl dd .homepage:after{content:'GO';font-size: 13px;background-color: #6576c9;padding: 0px 9px;border-radius: 20px;color: #fff;position: absolute;height: 100%;display: flex;flex-direction: column;justify-content: center;}
ul._prFlList li .prof-more{display: inline-block; padding: 2px 15px; background: #7a7a7a; border-radius: 20px; color: #fff; font-family: 'Noto Regular';margin-top: 20px;float: right;}

@media screen and (max-width:1023px) {
	ul._prFlList li{width:100% !important;}
}
@media screen and (max-width:768px) {
	ul._prFlList li{padding:20px;}
	ul._prFlList li .thumbnail{position: relative; left: 0; top: 0; padding: 5px; margin:20px auto;}

}

/*보기*/
#_JW_prFl_basic h3{display:none;}
._prFlView{}
#_prof h3{font-size:20px; margin:20px 0 10px; font-family:'Noto Regular'; position:relative; padding-left:10px;}
#_prof h3:before{content:''; width:3px; height:10px; background-color:#8b751a; position:absolute; left:0; top:14px;}
#_prof ._prFlDetail{border-bottom:1px dotted #ccc; padding-bottom:20px; margin-bottom:10px;}
._prFlView .thumbLi{}
._prFlView .thumbLi{}
._prFlView .thumbLi ._prFlLinkView{display:flex; border-top:2px solid #000; border-bottom:1px solid #ddd; padding:40px 10px; margin-bottom:30px;}
._prFlView .thumbLi ._prFlLinkView .thumbnail{width:200px;}
._prFlView .thumbLi ._prFlLinkView .thumbnail img{width:100%;max-width:none;box-shadow: 5px 5px 0 #DDD}
._prFlView .thumbLi ._prFlLinkView .artclInfo{width:calc(100% - 250px);margin-left:50px;line-height:1.3;}
._prFlView .thumbLi ._prFlLinkView .artclInfo .artclTitle{padding-bottom:20px;border-bottom:1px solid #EEE;}
._prFlView .thumbLi ._prFlLinkView .artclInfo .artclTitle strong{font-family:'Noto Medium';font-size:30px;}
._prFlView .thumbLi ._prFlLinkView .artclInfo dl{border-bottom:1px solid #EEE;display:flex;}
._prFlView .thumbLi ._prFlLinkView .artclInfo dl dt,
._prFlView .thumbLi ._prFlLinkView .artclInfo dl dd{padding:10px 0;position:relative;}
._prFlView .thumbLi ._prFlLinkView .artclInfo dl dt{width:180px;font-family:'Noto Medium';}
._prFlView .thumbLi ._prFlLinkView .artclInfo dl dt:after{content:":";display:inline-block;position:absolute;right:15px;top: 9px;}
._prFlView .thumbLi ._prFlLinkView .artclInfo dl dd{width:calc(100% - 180px);}
._prFlDetail{margin-top:0px;line-height:1.5;}
._prFlDetail dl{}
._prFlDetail dl dt{border-bottom:1px solid #EEE;padding:5px 20px;}
._prFlDetail dl dt span{font-family:'Noto Medium';font-size:20px;font-weight:normal !important;background:url(../images/arrow_2_b.png) no-repeat left center;padding-left:20px;}
._prFlDetail dl dd{padding:20px;}
._prFlDetail strong{font-family: 'Noto Medium';}

#_prof ._write ._form ._label{font-size:16px; width:200px;}
#_prof ._write ._form{padding-left:200px;}
#_prof ._write ._form input[type='text']{padding-left:10px;}

@media screen and (max-width:1280px) {
	ul._prFlList li._prFlLi{width:48%;}
}

@media screen and (max-width:1024px) {
	._prFlView .thumbLi ._prFlLinkView .thumbnail{width:150px;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo{width:calc(100% - 200px);}
}
@media screen and (max-width:768px) {
	._prFlView .thumbLi ._prFlLinkView{display:block;}
	._prFlView .thumbLi ._prFlLinkView .thumbnail{text-align:center; margin: 0 auto 30px;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo{width:100%; margin-left:0;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo .artclTitle{border-bottom: 2px solid #999;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo .artclTitle strong{font-size:22px;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo dl{display:block; border-bottom: 1px solid #a1a1a1;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo dl dt{border-bottom:1px solid #ddd; background-color:#f8f8f8;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo dl dt:after{display:none;}
	._prFlView .thumbLi ._prFlLinkView .artclInfo dl dt,
	._prFlView .thumbLi ._prFlLinkView .artclInfo dl dd{width:100%; padding-left:10px;}
}