@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 210px; 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;}
ul._prFlList li .thumbnail img{border:1px solid #ddd; width:160px;}
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;}
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:0 0 0 10px; margin-bottom:5px; position:relative; padding-left:110px; overflow:hidden;}
ul._prFlList li .artclInfo dl dt{display:inline-block; font-family: 'Noto Regular'; position:relative; padding-left:10px; position:absolute; left:0;}
ul._prFlList li .artclInfo dl dt:before{content:''; width:3px; height:3px; background-color:#183d93; position:absolute; left:0; top:14px;}
ul._prFlList li .artclInfo dl dd{display:inline-block; overflow:hidden; height:30px; word-break: keep-all;  white-space: nowrap;}
ul._prFlList li .artclInfo dl dd:before{content:':'; display:inline-block; margin-right:10px;}
ul._prFlList li .artclInfo dl dd .homepage:after{content:'GO';display:inline-block;margin-left:10px;font-size:12px;background-color: #6576c9;padding: 0px 10px;border-radius: 20px;color: #fff;}
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%;}
}
@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:3px;}
._prFlView .thumbLi ._prFlLinkView .artclInfo dl dd{width:calc(100% - 180px);}
._prFlDetail{margin-top:50px;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;}

#_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: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;}
}

.felt-inner::after{content:""; display: table; clear: both;}
.felt-image{width: 45%; float: left;}
.felt-image img{width: 100%;}
.felt-inner .con-table{width: 53%; float: right;}
.board-button {text-align: center; display: inline-block; width: 100%;}
.board-button.align-r {text-align: right;}
.board-button .btn-mine {float: left;}
.board-button .btn-control {float: right;}
.board-button .btn-deco {display: inline-block; cursor: pointer; font-size: 16px; height: 50px; line-height: 48px; text-align: center; padding: 0 35px; margin: 0 5px; border-radius: 100px; font-family: 'Noto DemiLight';}
.board-button  a.btn-deco, .board-button  input.btn-deco {color: #fff;}
.board-button .btn-deco.color1 {background: #313644; border: 1px solid #313644;}
.board-button .btn-deco.color2 {background: #0067c3; border: 1px solid #0067c3;}
.board-button .btn-deco.color3 {background: #fff; border: 1px solid #0067c3; color: #0067c3;}
.board-button .btn-deco.color4 {background: #fff; border: 1px solid #ce2856; color: #ce2856;}
.board-button .btn-deco.color5 {background: #fff; border: 1px solid #1c3c8f; color: #1c3c8f;}
.board-button.view {margin-bottom: 40px; text-align: center;}
.board-button.view .btn-mine {float: none; display: inline-block;}
.board-button.view .btn-control {float: none; display: inline-block;}

#_fclt input[type=text], #_fclt select{border: 1px solid #dfdfdf; height: 30px; line-height: 30px; padding: 0 10px;}
#_fclt textarea{font-family: 'Noto Light';}
#_fclt input.long, #_fclt select.long, #_fclt textarea.long {width: 100%;}
#_fclt input.mid {width: 25%;}
#_fclt input.semilong {width: 50%;}
#_fclt input.short {width: 10%;}

.felt-table-title{width: 30%;}

@media all and (max-width: 1024px) {
	.felt-image{width: 80%; float: none; margin: 20px auto;}
	.felt-inner .con-table{width:100%; float: none;}
	.felt-table-title{width: 20%;}
}

@media all and (max-width: 768px) {
	.felt-image{width: 90%;}
}

@media all and (max-width: 420px) {
	.felt-image{width: 100%;}
	.felt-table-title{width: 10%;}
}